/* 
	Zuletzt bearbeitet:		Frank Meyering
	Datum:					15.05.2008
------------------------------------------------------------------*/

html, body, div, p, h1, h2, h3, h4, ul, ol, li, span, a, table, td, form, fieldset, img {
    border: 0;
    margin: 0;
    padding: 0;
}

body {
	margin: 0;
	padding: 0;
	font:62.5%/140% Tahoma;	
	color:#707070;
	background-color: #f6a800;
}

.fixfloat {
	clear: left;
	margin:0;
	padding:0;
	line-height:0px;
	font-size:0px;
}

#banner_right {
	float:left;
	margin:40px 0px 0px 10px;
	position: relative;
	width:150px;
	height:600px;
}

#banner_right_link {
	position:absolute;
	z-index:50;
	display:block;
	width:150px;
	height:600px;
}

#banner_right_link a{
	position:absolute;
	z-index:50;
	display:block;
	width:150px;
	height:600px;
}

#banner_right_content {
	position:absolute;
	z-index:40;
	display:block;
	width:800px;
	width:150px;
	height:600px;
}


#banner_top {
	margin:15px 0px 0px 15px;
	position: relative;
	width:800px;
	height:100px;
}

#banner_top_link {
	position:absolute;
	z-index:50;
	display:block;
	width:800px;
	height:100px;
}

#banner_top_link a{
	position:absolute;
	z-index:50;
	display:block;
	width:800px;
	height:100px;
}

#banner_top_content {
	position:absolute;
	z-index:40;
	display:block;
	width:800px;
	height:100px;
	overflow:hidden;
}



#site {
	margin:0px 0px 100px 0px;
	position: relative;
	width:834px;
	height:auto;
	background:url(../picts/content_bg.jpg);
	float:left;
}

#header_top {
	position:relative;
	height:19px;
	background:url(../picts/header_bg_top.jpg);
}

#header {
	margin:0px;
	position:relative;
	width:822px;
	height:220px;
	background:url(../picts/header_bg.jpg);
}

#logo {
	margin:0px;
	padding:12px 0px 10px 77px;
	width:538px;
	height:166px;
	float:left;
}

#login {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:207px;
	height:155px;
	float: right;
	background:url(../picts/login_bg.jpg) no-repeat;
}


#login_box {
	width:207px;
	background:url(../picts/login_bg_middle.jpg);
}

.login_header{
	width:207px;
	overflow:hidden;
}

.login_head {
	width:207px;
	height:39px;
	overflow:hidden;
	background:url(../picts/login_bg_top.jpg);
}

.login_fields {
	padding:0px 0px 0px 25px;
	width:182px;
	height:75px;
}

.login_footer{
	padding:0px 0px 0px 25px;
	width:182px;
	height:30px;
	background:url(../picts/login_bg_bottom.jpg);
}

.login_headline {
	padding:15px 0px 0px 25px;
	float:left;
	width:117px;
	font-size:12px;
	color:#FFFFFF;
}

.login_ico {
	float:left;
	width:65px;
}

.pw_vergessen {
	margin:0px 0px 0px 25px;
}


#menu {
	margin:0px 0px 0px 230px;
	width:592px;
	height:25px;
}


#content {
	width:822px;
	height:auto;
	background:url(../picts/content_bg_innen.jpg) no-repeat left bottom;
}

#menu_left {
	margin:30px 30px 30px 0px;
	float:left;
	width:200px;
}

#menu_left_options {
	margin:0px 0px 30px 0px;
	padding:0px 0px 0px 0px;
	width:200px;
	background:#ffae00;
}

#menu_left_grey {
	margin:0px 0px 30px 0px;
	padding:0px 0px 0px 0px;
	width:200px;
	background:#dbdada;
}

#menu_left_ws {
	margin:0px 0px 30px 0px;
	padding:0px 0px 0px 0px;
	width:200px;
	background:#575659;
}

#menu_left_head {
	padding:5px 0px 0px 10px;
	background:url(../picts/menu_left_head.gif) no-repeat;
	height:18px;
	font-size:13px;
	color:#FFFFFF;
}


#menu_left_content{
	margin:0px 0px 0px 0px;
	padding:0px 0px 20px 0px;
	border-right:1px solid #f6a800;
	border-bottom:1px solid #f6a800;
}

#menu_left_head_2 {
	padding:5px 0px 0px 10px;
	background:url(../picts/menu_left_head_2.gif) no-repeat;
	height:18px;
	font-size:13px;
	color:#565656;
}

#menu_left_head_ws {
	padding:5px 0px 0px 45px;
	background-color: #FFFFFF;
	background:none;
	background:url(../picts/menu_left_head_ws.gif) no-repeat #ffffff;
	height:18px;
	font-size:13px;
	color:#ffffff;
}

#menu_left_content_ws{
	margin:0px 0px 0px 0px;
	padding:0px 0px 20px 0px;
	border-right:1px solid #222222;
	border-bottom:1px solid #222222;
}

#menu_left_content_2{
	margin:0px 0px 0px 0px;
	padding:0px 0px 20px 0px;
	border-right:1px solid #8c8c8c;
	border-bottom:1px solid #8c8c8c;

}

#content_box {
	margin:30px 0px 60px 0px;
	float:left;
	width:592px;
	font-size:1.1em;
	line-height:1.6em;
}

.content_head {
	padding:3px 0px 0px 10px;
	background: url(../picts/head_middle.gif) no-repeat;
	height:45px;
	font-size:13px;
	color:#575757;
}

.content_head_small {
	padding:3px 0px 0px 10px;
	background: url(../picts/head_middle_small.gif) no-repeat;
	height:19px;
	font-size:13px;
	color:#575757;
}

.content_head_headline{
	float:left;
	margin:0px 25px 0px 0px;
	width:250px;
}

#content_box-error {
	margin:30px 0px 0px 0px;
	float:left;
	width:592px;
	font-size:1.1em;
	line-height:1.6em;
}

.content_head_small-error {
	padding:3px 0px 0px 10px;
	background: url(../picts/head_middle_small-error.gif) no-repeat;
	height:19px;
	font-size:13px;
	color:#575757;
}

.content_body_big-error{
	margin:0px 0px 0px 0px;
	padding:00px 0px 0px 0px;
	border-left:1px solid #990000;
	border-bottom:1px solid #990000;
	background:#575759;
}

.FehlermeldungUL {
	color:#ffffff;
	padding-left: 20px;
	margin-left: 10px;
}


.content_head_headline_small{

	float:left;

	margin:0px 25px 0px 0px;

	width:400px;

}



.content_head_box{

	float:left;

	padding:2px 0px 0px 0px;

	margin:0px 15px 0px 0px;

	width:35px;

}



.content_body{

	margin:0px 0px 30px 0px;

	padding:20px 0px 40px 10px;

	border-left:1px solid #bdbdbd;

	border-bottom:1px solid #bdbdbd;

	background:#EFEFEF;

}



.content_body_big{
	margin:0px 0px 0px 0px;
	padding:00px 0px 0px 0px;
	border-left:1px solid #bdbdbd;
	border-bottom:1px solid #bdbdbd;
	background:#EFEFEF;

}



.content_body_big_banner{
	margin:0px;
	padding:0px;
}

.content_body_big_banner-flash{
	width:591px;
	height:100px;
	overflow:hidden;
	margin:0px;
	padding:0px;
}



.content_body_big_body{
	margin:0px 0px 20px 0px;
	padding:20px 0px 0px 10px;
	
}



/* Spaltenaufteilung

------------------------------------------------------------------------- */

.col_100 {
	float:left;
	width:560px;
	margin:0px 0px 0px 0px;
}

.col_left {
	float:left;
	width:390px;
	margin:0px 30px 0px 0px;
}

.col_right {
	float:left;
	margin:0px 20px 0px 0px;
	width:140px;
	margin:0px;
}

.col_left_50 {
	float:left;
	width:265px;
	margin:0px 30px 0px 0px;
}

.col_right_50 {
	float:left;
	margin:0px 20px 0px 0px;
	width:265px;
	margin:0px;
}

.col_left_70 {
	float:left;
	width:300px;
	margin:0px 30px 0px 0px;
}

.col_right_30 {
	float:left;
	margin:0px 20px 0px 0px;
	width:230px;
	margin:0px;
}

.col_text-1 {
	margin:0px 0px 0px 0px;
	width:520px;
	margin:0px;
}



.start_bt {
	margin:15px 0px 15px 0px;
	text-align:center;
}



/* Footer
-------------------------------------------------------------------------------------------------------------------------------------------------- */

#footer {
	position:relative;
	padding:0px 0px 0px 230px;
	width:604px;
	height:55px;
	background:url(../picts/footer_bg.jpg);
}

.bg_body_footer {
	margin:30px 0px 0px 0px;
	padding:10px 0px 0px 10px;
	height:120px;
}


.service {background:url(../picts/bg_body_footer_service.jpg) no-repeat;}
.glas {background:url(../picts/bg_body_footer_glas.jpg) no-repeat;}
.lack {background:url(../picts/bg_body_footer_lack.jpg) no-repeat;}
.reparatur {background:url(../picts/bg_body_footer_reparatur.jpg) no-repeat;}
.gas {background:url(../picts/bg_body_footer_gas.jpg) no-repeat;}
.ersatzteile {background:url(../picts/bg_body_footer_ersatzteile.jpg) no-repeat;}
.zubehoer {background:url(../picts/bg_body_footer_zubehoer.jpg) no-repeat;}
.suche {background:url(../picts/bg_body_footer_suche.jpg) no-repeat;}
.reifen {background:url(../picts/bg_body_footer_reifen.jpg) no-repeat;}
.werk_preis {background:url(../picts/bg_body_footer_werk_preis.jpg) no-repeat;}
.werk_neu {background:url(../picts/bg_body_footer_werk_neu.jpg) no-repeat;}
.karosserie {background:url(../picts/bg_body_footer_glas.jpg) no-repeat;}

.ws_reparatur {background:url(../picts/bg_body_footer_ws_reparatur.jpg) no-repeat;}
.ws_reifen {background:url(../picts/bg_body_footer_ws_reifen.jpg) no-repeat;}
.ws_glas {background:url(../picts/bg_body_footer_ws_glas.jpg) no-repeat;}
.ws_ersatz {background:url(../picts/bg_body_footer_ws_ersatz.jpg) no-repeat;}
.ws_gebraucht {background:url(../picts/bg_body_footer_ws_gebraucht.jpg) no-repeat;}
.ws_gas {background:url(../picts/bg_body_footer_ws_gas.jpg) no-repeat;}
.ws_lack {background:url(../picts/bg_body_footer_ws_lack.jpg) no-repeat;}
.ws_ {background:url(../picts/bg_body_footer_ws_glas.jpg) no-repeat;}


/* Listen | Werkstattsuche
--------------------------------------------------------------------------------------------------------------------------------------------------*/

.content_body_big_list{
	margin:0px 0px 2px 0px;
	padding:0px 0px 0px 0px;
}

.list_head {
	background:#f6a711;
	color:#FFFFFF;
	margin:0px;
	height: auto;
	vertical-align:middle;
	padding:2px 10px 3px 10px;
	margin:0px 0px 2px 0px;
}

.layer_1_1 {float:left;	width:291px; padding-right:30px;}
.layer_1_2 {float:left;	width:60px; padding-right:30px;}
.layer_1_3 {float:left; width:150px; text-align:right; margin-right:0px;}

.list_element{
	margin:0px 0px 2px 0px;
	padding:10px;
}


.list_color_grey_1{background:#dadada;}

.list_color_grey_2{background:#cbcbcb;}



/* /Listen | Werkstattsuche
--------------------------------------------------------------------------------------------------------------------------------------------------*/


/* Impressum
--------------------------------------------------------------------------------------------------------------------------------------------------*/

#impressum_pict {
	margin:3px 5px 0px 0px;
	padding:3px 0px 0px 0px;
	float:left;
	width:50px;
}

#impressum_text {
	margin:3px 0px 0px 0px;
	float:left;
	width:auto;
}


/* Datenschutz
--------------------------------------------------------------------------------------------------------------------------------------------------*/

.col_left_dschutz {
	float:left;
	width:430px;
	margin:10px 30px 10px 0px;
}

.col_right_dschutz {
	float:left;
	margin:10px 20px 10px 0px;
	width:100px;
	margin:0px;
	text-align:right;
}


/*	Startseite
------------------------------------------------------------------------------------------------------------------------------------------------*/

.content_body_big_banner a:link, .content_body_big_banner a:visited {
	text-decoration:none;
}

p.funktion {
	display:block;
	margin:0px 0px 30px 0px;
	padding:150px 20px 0px 20px;
	float:left;
	width:157px;
	height:220px;
	text-align:center;
}

p.funktion-1 {
	background:url(../picts/startseite/funktion-1-1.jpg) no-repeat;
}

p.funktion-2 {
	background:url(../picts/startseite/funktion-2-1.jpg) no-repeat;
}

p.funktion-3 {
	background:url(../picts/startseite/funktion-3-1.jpg) no-repeat;
}

/*a:hover.funktion-1 {
	background:url(../picts/startseite/funktion-1-2.jpg) no-repeat;
}

a:hover.funktion-2 {
	background:url(../picts/startseite/funktion-2-2.jpg) no-repeat;
}

a:hover.funktion-3 {
	background:url(../picts/startseite/funktion-3-2.jpg) no-repeat;
}*/

.trennlinie-1 {
	background:url(../picts/trennlinie-1.jpg) no-repeat;
	height:20px;
	margin:15px 0px 15px 0px;
}


/*	Werkstatt anmelden
------------------------------------------------------------------------------------------------------------------------------------------------*/

.col-3-1 {
	float:left;
	width:170px;
	margin:0px 30px 0px 0px;
}

.col-3-2 {
	float:left;
	width:170px;
	margin:0px 30px 0px 0px;
}

.col-3-3 {
	float:left;
	width:170px;
	margin:0px 0px 0px 0px;
}