/**************************************/
/* ROTH CMS COMMON                                        */
/* 2007-02-23, LB                                         */
/**************************************/
/* left col 170 ==> 200                                   */
/* 2009-06-01, BA                                         */
/**************************************/
/* Teaserbreite erste Seite angepasst                     */
/* 2009-06-09, LB                                         */
/**************************************/
/* Neue Klasse für Content erstellt                       */
/* 2009-06-17, BA                                         */
/**************************************/
/* Menü im Header erstellt                                */
/* 2009--, BA                                             */
/**************************************/
/* content_zweispaltig eingefügt */
/* 2009-06-24, BA */
/**************************************/


/*verwendete Farben 
 header background-color: #E5E6E7
 breadcrumb background-color: #B7B9BC
 footer text color:#86858A
 nav text aktiv #E51515
*/

* {
margin:0;
padding:0;
}

/*Basics*/
html, body, h1 , h2, h3, p , th, tr, td{ 
 margin:0px; 
 text-align:left; 
 border:0px solid;
 font-size:10px;
 font-family:Arial, Helvetica, sans-serif;
} 

body {
  background-color:#777777;
}

h1 {
 font-size:16px;
 padding:10px 0px 10px 0px;
}

h2 {
 font-size:11px;
 padding:0px 0px 10px 0px;
}




/*div-order*/
#pagewidth{ 
 width:852px; /* 2px mehr für whiteboxrahmen*/
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;
} 

#whitebox{
  border-width:1px;
  border-style:solid;
  border-color:white;
}

#header{
 height:30px;
 align:right;
 color:#ffffff;
 padding: 0px 0px 10px 10px;
} 

#header a{
 text-decoration: none; 
 color:#ffffff;
} 

#header li{
 list-style-type: none; 
 height:8px;
 font-color:#ffffff;
 font-size:10px;
 padding:0px 8px 10px 8px;
 float: right;
}  


#wrapper{
 margin:0px;
 padding:0px;
 background-repeat:repeat-Y;
}

#index_top{
 margin:0px;
 padding:0px;
 background-color:#FFF;
}

#index_navi{
 padding:5px 5px 5px 158px;
 color: #FFFFFF; 
 font-weight: bold;
 font-size:12px;
 background-color:#999;
}

#index_navi a{
  text-decoration: none;
  color:#ffffff;
  }


#index_bottom{
 margin:0px;
 height:240px;
 background-color: #E5E6E7;
 border-bottom: 1px solid grey;
 background-position: bottom left;
 background-repeat: no-repeat;
}

#index_teaser1, #index_teaser2, #index_teaser3 {
	position:relative;
    left:310px; 
    top:20px;
	width: 150px;
	height: 200px;
	float: left;
	margin-right: 15px;
	margin-top: 4px;
	/*background-color: #ffffff;*/
	border: 1px solid white;
}

#index_teaser_headline1, #index_teaser_headline2, #index_teaser_headline3 {
	height: 30px;
	padding: 2px 4px 2px 4px;
	font-size: 12px;
	background-color:#e5e6e7;
}

#index_teaser_image1, #index_teaser_image2, #index_teaser_image3 {
	height: 108px;
	/*padding: 2px 4px 2px 4px;*/
	background-color: #ffffff;
}

#index_teaser_text1, #index_teaser_text2, #index_teaser_text3 {
	height: 50px;
	padding: 2px 4px 2px 4px;
	/*background-color: #ffffff;*/
}

#index_teaser_image1 img, #index_teaser_image2 img, #index_teaser_image3 img{
 padding:0px 0px 0px 0px;
 width: 150;

 margin:auto;
}



#leftcol{
 width: 200px;
 float: left;
 position: relative;
}

#image{
}

#leftnav {
 width:190px;
 float:left;
 margin:0px;
 padding:20px 0px 50px 0px;
 list-style-type:none;
}

.level_2 {
	text-align: right;
	list-style-type: none;
	padding: 3px 17px 0px 0px;
	font-size: 12px;
	font-weight: bolder;
	border-bottom: 1px solid White;
} 
 
.level_3 {
 text-align:right;
 list-style-type:none;
 background-repeat:no-repeat;
 background-position: 173px 3px; /* verschieben nach rechts und unten */
 padding:3px 17px 3px 0px;
 } 
 

.level_3_selected {
 text-align:right;
 list-style-type:none;
 background-repeat:no-repeat;
 background-position: 173px 3px; /* verschieben nach rechts und unten */
 padding:3px 17px 3px 0px;
 font-weight: bolder;
 font-size:11px; 
 }

.level_3_selected_without_child {
 text-align:right;
 list-style-type:none;
 background-repeat:no-repeat;
 background-position: 173px 3px; /* verschieben nach rechts und unten */
 padding:3px 17px 3px 0px;
 background-color:#B7B9BC; 
 font-weight: bolder;
 font-size:11px; 
 }

.level_4 {
 width:168px;
 text-align: right; 
 text-align:right;
 list-style-type:none;
 padding:2px 5px 2px 0px;
 background-color: #CCCCCC;
 }

.level_4_selected {
 width:168px;
 text-align:right;
 list-style-type:none;
 padding:2px 5px 2px 0px;
 font-weight: bolder;
 font-size:10px;
 background-color: #CCCCCC;
 }

.level_blank {
 text-align:right;
 list-style-type:none;
 padding:0px 12px 0px 0px; 
 }
 
 
.level5_box {
 width:210px;
 float:left;
 padding:3px 15px 2px 0px;

}

.level5_item {
 background-repeat:no-repeat;
 background-position: 5px 1px; /* verschieben nach rechts und unten */
 padding:2px 12px 2px 0px;
 border-bottom-color: #B7B9BC;
 border-bottom-width: 1px; 
 border-bottom-style: solid;
 }

.level5_item  h4{
 font-size:11px;
 padding: 0px 0px 0px 15px;
 }
 
 

.4spalt_box {
 width:90px;
 float:left;
 padding:0px 0px 0px 0px; 
}
 
.4spalt_box_item  {
 width:90px;
 border:0px;
 padding:0px 0px 0px 0px; 
}

.4spalt_box_item  h2{
 float:left;
 width:90px;
 border:0px;
 padding:0px 0px 0px 0px; 
 }


.4spalt_box_item  a img{
 float:left;
 border:0px;
 padding:0px 0px 0px 0px;  
 }

 
 
.person{
 clear:both; 
 text-decoration: none;
 border-bottom-color: #B7B9BC;
 border-bottom-width: 1px; 
 border-bottom-style: solid; 
}

.address{
 float:left;
 padding:20px 0px 0px 0px; 

}
.image{
 float:right;
 padding:20px 0px 0px 0px; 
}
 
 
 
#twocols{
 width:650px;
 padding:0px;
 margin:0px;
 float:right; 
 position:relative; 
}
 
#rightcol{
}

#logo{
 width:160px; 
 float:right;

}
 
#marginal {
 width:157px; /* 3Pixel weniger als 160, damit die bgr-border.png  nicht überdeckt wird  */
 font-size:inherit;
 float:right;
 padding:0px;
 margin:0px; 
} 

#marginal h1{
 color: #FFFFFF;
 background-color: #B7B9BC;
 font-size:11px;
 font-weight: bolder;
 padding:2px 5px 2px 5px;
 margin:0px 0px 0px 0px;
}

#marginal p, #marginal form{
 width:112px; 
 padding:0px 5px 0px 5px;
 font-size:inherit; 
}

/* IDs für FF Formularfelder */
#marginal form input[type="text"]{
 width:95%; 
 margin:5px 0px 0px 0px;
 background:#E5E6E7; 
 font-size:inherit;
}

#marginal form input[type="password"]{
 margin:5px 0px 0px 0px;
 background:#E5E6E7; 
 font-size:inherit;
}

#marginal form input[type="submit"] {
 padding : 0px;
 margin : 0px;
 font-size:inherit;
}

/* eigene IDs für IE Formularfelder */
#username
{
 width:95%;
 margin:5px 0px 0px 0px;
 background:#E5E6E7;
 font-size:11px;
}

#password, #submit {
 margin:5px 0px 0px 0px;
 background:#E5E6E7;
 font-size:11px;
}

#marginal li {
 width: 130px;
 margin: 5px 0px 5px 5px;
 padding: 0px 0px 0px 10px;
 list-style-type: none; 
 background-repeat: no-repeat;
 background-position: 0px -1px; /* verschieben nach rechts und unten */ 
}


#maincol{
 width:490px; /* minus zweimal margin */
 float:left;
 background-repeat:no-repeat; 
}

#topnav{
 padding:55px 5px 0px 5px;
 color: #FFFFFF; 
}

#breadcrumb{
 padding:5px 5px 10px 5px;
}

#breadcrumb a{
  text-decoration: none;
}

/* Schrift im Content etwas größer als in den Navigationsbereichen*/
#content{
 padding:5px 10px 10px 20px;
 font-size:11px;
}

#content p, td{
 font-size:11px;
}

#content img{
 padding:0px 20px 10px 0px;
}

#content ul{
 padding:0px 0px 0px 10px;
}

#content li {
 list-style-type: none; 
 background-repeat: no-repeat;
 background-position: 0px -1px; /* verschieben nach rechts und unten */ 
 margin: 5px 0px 5px 0px;
 padding: 0px 0px 0px 10px; 
 }

/* Zweispaltige Darstellung im Content-Bereich */
#content_zweispaltig {
 width:100%;
} 

#content_zweispaltig img{
 padding:0px 0px 0px 0px;
}

#textblock img{
 padding:10px 10px 10px 10px;
}

.datum{
	padding: 5px 0px 5px 0px;
}
 
#content_nav_level_5 {
 padding:10px 0px 10px 0px;
}

#list_item_box_einspaltig {
 width:430px;
 font-size:inherit;
 float:left;
 padding:5px 15px 10px 0px;
} 

#list_item_box_zweispaltig {
 width:215px;
 font-size:inherit;
 float:left;
 padding:5px 15px 10px 0px;
} 

#list_item {
 border-width:1px;
 border-style:solid;
 border-color:#B7B9BC;
}

#list_head{
 border-bottom-color: #B7B9BC;
 border-bottom-width: 1px; 
 border-bottom-style: solid; 
 padding:10px 0px 0px 0px; 
}

#list_head h2{
padding:0px 0px 0px 5px; 
}

#list_item_referenz{
 border-bottom-color: #B7B9BC;
 border-bottom-width: 1px; 
 border-bottom-style: solid; 
 padding:10px 0px 0px 0px; 
}

#list_item_referenz img{
 border:0px;
 padding:0px 0px 0px 0px;  
}

#list_item_referenz h2{
padding:0px 0px 0px 5px; 
}

#list_item h1 {
 background-color: #E5E6E7;
 font-size:11px; 
 text-decoration: none;
 padding:0px 10px 0px 5px; 
}

#list_item p{
 padding:0px 0px 5px 5px; 
}

#list_item a{
 color: #E51515; 
}
 
#medialink a, #medialink a img, #medialink{
	border: 0px solid;
	vertical-align: text-top;
	text-decoration:none;
}
 
#roth_industries {
 border: 0px solid;
 padding:120px 0px 0px 0px; 
 clear:both;
}

#roth_industries a img{
 border: 0px solid;
}
 

#footer{
 height:20px;
 color:#86858A;
 background-color:#E5E6E7; 
 background-repeat:no-repeat;  
 clear:both;
}

#footer p {
 padding:4px 170px 0px 0px; 
 text-align:right;
 font-size:9px; 
 } 

#shadow{
 height:105px;
 background-repeat:no-repeat;
 background-position: 0px 10px; /* verschieben nach rechts und unten */
}


/* hover Effekte für Links  allgemein */
a, a:link, a:visited , a:active{ /*text-decoration: none;*/ color: black; }
a:hover { /*text-decoration: none;*/ color: #86858A; }

/* hover Effekte für Links  topnav */
#topnav h3 a, 
#topnav h3 a:link, 
#topnav h3 a:visited , 
#topnav h3 a:active { text-decoration: none; color: #FFFFFF;  font-size:11px;  }
#topnav h3 a:hover { text-decoration: none; color: #86858A; background-color: #B7B9BC;  font-size:11px;  }

/* hover Effekte für Links  leftnav */
#leftnav, 
#leftnav a:link {text-decoration: none;  color: #000000;}
#leftnav a:visited {text-decoration: none;  color: #000000; }
#leftnav a:active {text-decoration: none;  color: #000000; }
#leftnav a:hover {text-decoration: none; color: #86858A; }

#leftnav .level_4, 
#leftnav .level_4  a:link {text-decoration: none;  color: #000000;}
#leftnav .level_4  a:visited {text-decoration: none;  color: #000000; }
#leftnav .level_4  a:active {text-decoration: none;  color: #000000; }
#leftnav .level_4  a:hover {text-decoration: none; color: #86858A; }

#leftnav .level_4_selected, 
#leftnav .level_4_selected  a:link {text-decoration: none; color: #E51515; }
#leftnav .level_4_selected  a:visited {text-decoration: none; color: #E51515; }
#leftnav .level_4_selected  a:active {text-decoration: none; color: #E51515; }
#leftnav .level_4_selected  a:hover {text-decoration: none; color: #86858A; }

/* hover Effekte für Links  marginal */
#marginal h1 a {text-decoration: none; color: #FFFFFF; font-weight: bolder; background-color: #B7B9BC;}
#marginal h1 a:hover {text-decoration: none; color: #86858A; font-weight: bolder; background-color: #B7B9BC; }
#marginal a {text-decoration: none; color: #000000; background-color: none;}
#marginal a:hover {text-decoration: none; color: #86858A; background-color: none; }



#list_item h1 a {color: #000000;}

/* hover Effekte für Links  footer */
#footer p a, #footer p a:link, #footer p a:visited , #footer p a:active{ text-decoration: none; color: #86858A; }
#footer p a:hover { text-decoration: none; color: #B7B9BC; }

 /* *** Float containers fix:  http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content:"."; 
 display:block; 
 height:0; 
 clear:both; 
 visibility:hidden;
 }
 
.clearfix{display:inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
/* The End */