/* CSS Document */

/* Cem Tuning - ct_CSS.css */

body {	
	background: #262F36 url(Common/road3.jpg) repeat-x;
}
	a:link 		{color: #CCCC66;text-decoration:none;}
	a:visited 	{color: #CCCC66;text-decoration:none;}
	a:hover		{color: #CCFF66;text-decoration:none;}
	a:active	{color: #CCFF66;text-decoration:none;}
	a img {border:none}

/*----------------------------------------------- boxes ---------------------------------------------------*/

#main_frame {
	background: url(Common/border_bg.jpg);
	position: relative;
	padding: 20px;
	width: 900px;
	margin: 30px auto 20px auto;
	border: #999999 solid 1px;
	-moz-border-radius: 7px;
}

#Head {
	height:65px;
	background: #181818;
	-moz-border-radius: 7px;
	margin-bottom: 10px;
	
}

	#Logo {
		width:400px;
		height:50px;
		margin-top: 10px;
		margin-left:10px;
		background:url(Common/cem_logo_NEU.png) no-repeat;
		float:left;
	}
	
	#Logo a {display:block;}
	#Logo span {display:none; height:60px;}
	
	.Slogan1 {
	width: 350px;
	heigt:100px;
	float:right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #ABABAB;
	text-align:right;
	margin-right: 15px;
	}
/*	.Slogan1:before { content: "Slogan 1"; } */

#menu {
	height:340px;

}
	#menu_pics {
	height:95px;
	background-image:url(Common/menu_pics.jpg)
	}
	
	.spalte1 {
	height:5px;
	background: #818181;
	}
	
	.menu_main {
	height:20px;
	text-align:left;
	background-color:#CCCCCC;
	}	
	
	#PopUpMenu {
	height:165px;
	background: url(Common/PoPuP_bg.jpg) top left;
	padding:20px 0 0 5px;
	
	}
	
	.Slogan2 {
	margin:20px;
	color:#CCCCCC;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	}
	
#Content {
	height:auto;
	padding-bottom:30px;
	background: url(Common/bg_dark_1.jpg) #6C6C6C no-repeat;
	;
	-moz-border-radius: 7px;
}
	#HeadLine {
	height:25px;
	padding: 5px 20px 0 40px;
	padding:23px 20px 30px 90px;
	font-variant:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
	letter-spacing:-1px;
	font-size:30px;
	color: #FFFFFF;
	text-align:left;
	text-transform: uppercase;
	margin: 0 0 50px 0;
	-moz-border-radius: 7px;
	/*	display:none;
		color: #333333;	
		background:#969696;
		background:url(Common/headline_bg.png)*/
	}



#Footer {
	padding: 30px 0 30px 0;
	text-align: center;
	vertical-align: bottom;
	font-size: 11px;
	color: #ACACAC;
	font-family: Arial, Helvetica, sans-serif;
	background:#333333;
	border:1px #EAEAEA;
	margin-top: 10px;
	-moz-border-radius: 7px;
} 
		
		#Footer ul, #Footer li { 
			margin: 0; 
			padding: 0; 
			display: inline;
			margin:30px 0 30px 0;
		} 
		
		#Footer a:link, #Footer a:visited {  
			line-height: 20px; 
			font-weight: normal; 
			margin: 0; 
			padding: 10px;  
			color: #C0C0C0;
			text-decoration: none;
		} 
		
		#Footer #akt { 
			color: #666666; 
		} 
		
		#Footer a:hover, #Footer a:hover#akt { 
			color: #666666; 
		} 

/*----------------------------------------------- fonts ---------------------------------------------------*/

.txt_main {
	padding:0px 35px 0 35px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 12px;
	line-height: 1.5;
}

.txt_left {
	float:left;
	width:400px;
	margin-top:20px;
	padding:0 20px 0 20px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	color:#999999;
	font-size: 11px;
}

.txt_right {
	float:right;
	width:400px;
	margin-top:20px;
	padding:0 20px 0 20px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	color:#999999;
	font-size: 11px;
}


.txt_main_overflow {
	height:460px;
	text-align:justify;
	font-family: Arial, Helvetica, sans-serif;
	color:#999999;
	font-size: 11px;
	padding:0 10px 0 0;
	margin: 0 20px 0 20px;
	overflow:auto;
}

.BIG_head {
	font-variant:small-caps;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:3px;
	font-size:15px;
	color:#CCCCCC;
}

.blau {
	color: #6699CC;
	font-size: 14px;
}

.head {
	color: #CCCC33;
	font-size: 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.tab_head {
	color: #CCCC33;
	font-size: 20px;
	text-align:left;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 25px;
	}
.tab_head td{
	padding:10px 0 10px 0;
	border-bottom:dashed 1px #CCCC33;
	}

.line {border-bottom:#CCCCCC dashed 1px;}

.list {
	margin-left:20px;
}

.tabelle {
	border:none;
	width: 100%;
}

.tabelle td{border-bottom:1px solid #888;}

/*table {width: 690px;}*/
td {border:none;}

/*table.tab {width:100%; text-align:left; ;}
.tab td {padding-left: 5px;}*/

h1 {
	font:14px bold;
	
	}

h2	{font-size:20px;	font-weight:300;	margin:15px 0 15px 0;	padding:0;	border-bottom:1px dotted #CCC;	font-family: Verdana, Arial, Helvetica, sans-serif;	color: #FF9900;
}


/*----------------------------------------------- Images ---------------------------------------------------*/

.bild_main {
	text-align: center;
	vertical-align: top;
	margin: 0 0 20px 0;
	overflow:hidden;
	}
	
img.left {
	float:left;
}

img.right {
	float:right;
}

/*----------------------------------------------- Image Shadow LEFT ----------------------------------------*/

div.shadow_left {
  float: left;
  margin:0 20px 20px 0;
  padding: 0 1px;
  background: #bfbfbf;
  border-left: 1px solid #eaeaea;
  border-right: 1px solid #eaeaea;
  border-top:1px solid #F6F6F6;
  position: relative;
  z-index:5;
}

div.shadow_left img {
  padding: 5px 5px 9px 5px;
  background: white url(../Common/shad_bottom.png) repeat-x bottom left;
}

div.shadow_left div.topleft {
  width: 2px;
  height: 4px;
  background: url(../Common/shad_tlcorner.png) no-repeat top left;
  position: absolute;
  top: 0px;
  left: -1px;
}

div.shadow_left div.topright {
  width: 2px;
  height: 4px;
  background: url(../Common/shad_trcorner.png) no-repeat top right;
  position: absolute;
  top: 0px;
  right: -1px;
}

div.shadow_left div.bottomleft {
  width: 4px;
  height: 4px;
  background: url(../Common/shad_blcorner.png) no-repeat bottom left;
  position: absolute;
  bottom: 0px;
  left: -1px;
}

div.shadow_left div.bottomright {
  width: 4px;
  height: 4px;
  background: url(../Common/shad_brcorner.png) no-repeat bottom right;
  position: absolute;
  bottom: 0px;
  right: -1px;
}

/*----------------------------------------------- Image Shadow RIGHT ---------------------------------------------------*/

div.shadow_right {
	float: right;
	margin:0 0 20px 20px;
	padding: 0 1px;
	background: #bfbfbf;
	border-left: 1px solid #eaeaea;
	border-right: 1px solid #eaeaea;
	border-top:1px solid #F6F6F6;
	position:relative;
	z-index:5;
}

div.shadow_right img {
  padding: 5px 5px 9px 5px;
  background: white url(../Common/shad_bottom.png) repeat-x bottom left;
}

div.shadow_right div.topleft {
  width: 2px;
  height: 4px;
  background: url(../Common/shad_tlcorner.png) no-repeat top left;
  position: absolute;
  top: 0px;
  left: -1px;
}

div.shadow_right div.topright {
  width: 2px;
  height: 4px;
  background: url(../Common/shad_trcorner.png) no-repeat top right;
  position: absolute;
  top: 0px;
  right: -1px;
}

div.shadow_right div.bottomleft {
	width: 4px;
	height: 4px;
	background: url(../Common/shad_blcorner.png) no-repeat bottom left;
	position: absolute;
  	bottom: 0px;
  	left: -1px;
}

div.shadow_right div.bottomright {
  width: 4px;
  height: 4px;
  background: url(../Common/shad_brcorner.png) no-repeat bottom right;
  position: absolute;
  bottom: 0px;
  right: -1px;
}

/*----------------------------------------------- Sonstiges ---------------------------------------------------------*/


#keys {
	height:2px; padding-top:3px; overflow:hidden;
	}

/*----------------------------------------------- PNG-Fix for IE6 ---------------------------------------------------*/

 img, div { behavior: url(../Common/iepngfix.htc) };
td { vertical-align:top;}