/**
 * Globale Einstellungen und Bugfixes
 * 
 * @section Browser-Reset
 */

/* Zurücksetzen der Innen- und Außenabstände */
* {
  margin: 0;
  padding: 0;
}

/**
 * Schriftgröße kontrollieren
 */
/*body, td, th { font: normal 0.875em Lucida Grande, Verdana, Arial, Helvetica, sans-serif; }*/

body, td, th { font: normal 76%/167% Arial, Helvetica, sans-serif; }
td, th { f\ont-size: 100.01%; }

/* Farben und Hintergründe setzen */
html, body {
  color: #000000;
  background-color: #FFFFFF;
}

/*------------------------------------------------------------------------------------------------------*/

/**
 * Regeln für allgemeine Elemente
 *
 * @section Überschriften
 */
h1 {
  color: #000000;
  font-size: 1.2em;
  line-height: 1.2em;
  margin:0 0 1em 0;
  text-transform:none;
}
h2 {
  color: #000000;
  font-size: 1.1em;
  margin: 0 0 .8em 0;
  line-height: 1.3;
}

/**
 * @section Absätze
 */
p {
	margin: 0.5em 0 0.5em 0;
	padding: 0;
	color:#00000;
	line-height:1.4em;
}


/**
 * @section Bilder
 */
 img { vertical-align: bottom; }
 
/* Rahmen verlinkter Bilder entfernen */
a img { border: 0; }


/**
 * @section Links und Anker
 */
a:link {
  color: #000000;
  text-decoration:underline;
}
a:visited {
  color: #000000;
  text-decoration:underline;
}
a:hover, a:focus {
  color: #000000;
  text-decoration:none;
}
a:active {
  color: #000000;
  text-decoration:none;
}

/**
 * @section Listen
 */
ul, ol { margin: 1em 0 1em 1.3em;  }

li { margin: 0 0 .5em 0; line-height:1.4em; }

dt {
  padding: 0;
  margin: 1.5em 0 .5em 0;
}

/**
 * @section Tabellen
 */
caption {
  color: #000000;
  background-color: white;
  font-size: 1.5em;
  text-align: left;
  font-weight: bold;
  text-transform: uppercase;
  margin: 0;
  padding: 1.5em 0 .5em 0;
}

/**
 * @section Formulare
 */
input, textarea
{
   font-size:12px;
} 

fieldset {
  border: none;
  margin: 1em 0;
  padding: 10px 0m;
  width:420px;
}
legend {
  color: white;
  background-color: #a49f9b; 
  padding: .3em 1em;
  display:none;
}
input[type="checkbox"],
input[type="radio"] {
  vertical-align: middle; 
}
input[type="text"],input[type="password"] {
  border: 1px solid #cbb8ba;  
  padding: 3px 10px;
  margin:0 0 5px 0;
  width:255px;
}
input[type="submit"] {
  color: #000000;
  background-color: #d5d1ce;
  font-weight: bold;
  padding: 0 6px;
  width:278px;
  margin:10px 0 0 0;
  height:25px;
}
textarea {
  border: 1px solid #cbb8ba;
  margin: 0;
  padding: 5px 15px;
  width: 245px;
  height:60px;
  font-family: Verdana, Arial, sans-serif;
}
label {
  cursor: pointer;
  padding-right: .5em;
  width:350px;
  float:left;
}

.csc-mailform-field input[type="text"], .csc-mailform-field input[type="password"] {
  border: 1px solid #cbb8ba;  
  padding: 3px 10px;
  margin:0 0 5px 0;
  width:190px;
}

.csc-mailform-field input[type="submit"]{
  color: #000000;
  background-color: #f5f4f8;
  font-weight: bold;
  padding: 0 6px;
  width:210px;
  margin:10px 0 0 0;
  height:25px;
}

/* Tabellen in Formularen */
form table {
  width: 100%;
  border-collapse: collapse;
  margin: .8em 0;
}
form td,
form th {
  color: inherit;
  background-color: #e8e7ee;
  border-bottom: 4px solid white; 
  padding: 5px 5px 5px 15px;
}
form th {
  width: 40%;
  text-align: left;
}




.validation-advice, .powermail_mandatory_js
{
	color:red;
	margin-bottom:20px;
}

/*------------------------------------------------------------------------------------------------------*/

/**
 * Regeln für besondere Bereiche
 * 
 * @section Container
 */
 

div#headerContainer
{
	width:930px;
	height:110px;
	text-align:right;
	background-color:#d5d1ce;
	margin:0 0 10px 0;
}

div#navigationContainer
{
	width:930px;
	height:auto;
	float:left;
	background-color:#a49f9b;
}

#navigation
{
	margin:0 0 0 30px;
	width:770px;
	height:auto;
	float:left;
	display:inline;
}

/*
#navigation a:link, #navigation a:visited
{
	color:#000000;
	text-decoration:none;
	display:block;
	float:left;
	width:auto;
	height:auto;
	margin:4px 28px 0 0;
	font-weight:normal;
}

#navigation a:hover, #navigation a:active, #navigation .aktiv:link, #navigation .aktiv:visited, #navigation .aktiv:hover, #navigation .aktiv:active
{
	color:#FFFFFF;
}
*/


#languageChanger
{
	width:90px;
	height:30px;
	background-image:url(../images/bgRundungRO.png);
	background-repeat:no-repeat;
	background-position:right;
	float:left;
	background-color:#a49f9b;
	text-align:right;
	padding:0 40px 0 0;
	display:inline;
}

div#contentContainer
{
	clear:left;
	height:500px;
	width:930px;
	float:left;
	background-color:#666666;
}

#contentContainer #leftContent
{
	width:680px;
	height:500px;
	float:left;
	background-image:url(../images/bgNewsTeaser.jpg);
	background-repeat:no-repeat;
	
}

#contentContainer #rightContent
{
	width:250px;
	height:500px;
	float:left;
	color:#766d67;
}

#rightContent h1, #rightTopContentFolge h1, #rightBottomContentFolge h1
{
	color:#766d67;
}



#rightContent #rightTopContent
{
	width:210px;
	height:273px;
	background-color:#d4d0cd;
	padding:20px;
	font-size:11px;
	color:#000;
}

#rightContent #rightBottomContent
{
	width:210px;
	height:147px;
	background-color:#e1e0de;
	padding:20px;
	overflow:hidden;
}

#rightContent #rightBottomContent h1
{
	margin:0;
}

#rightContent #rightBottomContent p
{
	margin-top:0;
}

#rightContent a:link, #rightContent a:visited, #rightContent a:hover, #rightContent a:active
{
	color:#766d67;
}

div#footer
{
	width:933px;
	height:auto;
	min-height:120px;
	background-image:url(../images/bg_footer.png);
	background-repeat:repeat-y;
	background-position:right;
	clear:left;
	margin:10px 0 0 0;
}

#footer .footerNavi
{
	width:auto;
	height:auto;
	margin:25px 0 0 30px;
	float:left;
	min-height:150px;
	display:inline;
}

.footerNavi a:link, .footerNavi a:visited
{
	display:block;
	text-decoration:none;
	color:#afa5a3;
	font-size:0.9em;
	line-height:1.2em;
	font-weight:normal;
}


.footerNavi .first:link, .footerNavi .first:visited
{
	font-weight:bold;
	margin:0 0 7px 0;
}


/*FOLGESEITE*/
div#navigationContainerFolge
{
	width:930px;
	height:auto;
	/*float:left;*/
	position:absolute;
	background-color:#a49f9b;
	z-index:100;
	left:0px;
}

div#contentContainerFolge
{
	width:930px;
	background-color:#e3e1df;
	background-image:url(../images/bgContentFolge.png);
	padding:25px 0 25px 0;
        height: 100%;
        position: relative;
		top:25px;
		z-index:1;
		margin:0 0 20px 0;
		min-height:500px;
}

#contentContainerFolge #leftContentFolge
{
    width: 680px;
}

#contentContainerFolge #rightContent
{
	color:#766d67;
    position: absolute;
        top: 0px;
        right: 50px;
        width: 200px;
		display:inline;
		height:auto;
		overflow:visible;

}


#rightContent #rightTopContentFolge
{
	width:210px;
	height:auto;
	background-color:#d4d1ce;
	padding:20px 20px 20px 20px;
	min-height:auto;
	color:#000;
	font-size:11px;
	
}

#rightTopContentFolge
{
	width:180px;
	height:auto;
	background-color:#d4d1ce;
	min-height:auto;
	color:#000;
	font-size:11px;
	position: absolute;
        top: 0px;
        right: 50px;
        display:inline;
		height:auto;
		overflow:visible;
		padding:20px 0 0 0;
	
}

#rightContent #rightBottomContentFolge
{
	width:210px;
	height:147px;
	padding:0 20px 28px 20px;
	overflow:hidden;
	
}

#rightBottomContentFolge
{
	width:180px;
	background-color:#d4d1ce;
	position: absolute;
        bottom: 0px;
        right: 50px;
        display:inline;
		height:147px;
		overflow:visible;
		padding:0 0 20px 0;
		color:#766d67;
}

#rightContent #rightBottomContentFolge h1
{
	margin:0;
}

#rightContent #rightBottomContentFolge p
{
	margin-top:0;
}

#subnavigation
{
	margin:20px 20px 20px 30px;
	width:175px;
	height:auto;
	min-height:300px;
	color:#766d67;
	float:left;
	display:inline;
}

#subnavigation h1
{
	color:#766d67;
	font-size:1.1em;
	margin:0 0 18px 0;
}

#subnavigation ul
{
	list-style-type:none;
	margin:0;
	padding:0;
}

#subnavigation ul li ul
{
	list-style-type:none;
	margin:0 0 0 10px;
	padding:0;
}

#subnavigation ul li ul li
{
	margin:0;
	padding:0;
}

#subnavigation a:link, #subnavigation a:visited
{
	color:#766d67;
	text-decoration:none;
	display:block;
	width:170px;
	height:auto;
	font-weight:normal;
	line-height:1.4em;
}

#subnavigation a:hover, #subnavigation a:active
{
	color:#37322f;
}

#subnavigation .aktiv:link, #subnavigation .aktiv:visited, #subnavigation .aktiv:hover, #subnavigation .aktiv:active
{
	color:#37322f;
	font-weight:bold;
}

#contentMain
{
	width:420px;
	height:auto;
	min-height:400px;
	float:left;
	margin:20px 0 0 0;
	display:inline;
}


/*EXTENSIONS*/
.news-latest-container
{
	margin:335px 0 0 30px;
}

.news-latest-item
{
	width:175px;
	margin:0 40px 0 0;
	height:165px;
	overflow:hidden;
	float:left;
}

.news-latest-item h2
{
	min-height:30px;
}

.news-latest-item p
{
	height:70px;
	overflow:hidden;
}

.news-latest-item a:link, .news-latest-item a:visited, .news-latest-item a:hover, .news-latest-item a:active
{
	color:#766d67;
	font-weight:normal;
}

.clearer
{
	display:none;
}

.news-list-item
{
	margin:0 0 20px 0;
}

.tx-srfeuserregister-pi1-error
{
	color:red;
	font-weight:bold;
}

.tx-srfeuserregister-pi1 legend
{
	display:block;
	background-color:transparent;
	width:400px;
	color:#000000;
	margin:0 0 20px 0;
	padding:0;
}

dd
{
	clear:left;
}

.tx-srfeuserregister-pi1 .preview dt
{
	width:400px;
	font-weight:bold;
}

.tx-srfeuserregister-pi1 .preview dd
{
	width:400px;
}


.carousel1
{
	width:420px;
	height:420px;
}

#left-but a:link, #left-but a:visited
{
	width:200px;
	height:20px;
	background-color:#999999;
	color:#000000;
	text-decoration:none;
	display:block;
	float:left;
	margin:0 20px 0 0;
	text-align:center;
}

#left-but a:hover, #left-but a:active
{
	width:200px;
	height:20px;
	background-color:#000000;
	color:#999999;
	text-decoration:none;
	display:block;
	float:left;
}


#right-but a:link, #right-but a:visited
{
	width:200px;
	height:20px;
	background-color:#999999;
	color:#000000;
	text-decoration:none;
	display:block;
	float:left;
	text-align:center;
}

#right-but a:hover, #right-but a:active
{
	width:200px;
	height:20px;
	background-color:#000000;
	color:#999999;
	text-decoration:none;
	display:block;
	float:left;
}

p#alt-text
{
	width:420px;
	text-align:center;
	font-weight:bold;
}

p#title-text
{
	width:420px;
	text-align:center;
}

.tx-twersatzteilservice-pi1
{
	min-height:800px;
}

table, tr, td, th
{
	border:1px solid black;
	padding:0;
}

table.csc-uploads, table.csc-uploads tr, table.csc-uploads td, table.csc-uploads th
{
	border:none;
}

td
{
	padding:3px;	
}

