
/* Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
hr {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	/*background: transparent;*/
	color:#000;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* /Reset */

.clearfix:after {
	clear:both;
	content:".";
	display:block;
	font-size:0;
	height:0;
	visibility:hidden;
}




	body {padding-bottom:10px; margin:0; font: normal 11px Verdana, Geneva, sans-serif;background: #c2c3c7;}
  
  #page{
  	height:101%;
  	width:960px;
    margin:0 auto;
		background: #c2c3c7 url("../img/seitenhintergrund.gif") repeat-y center top;
    }
  
  #header{background: #c9c9c9 url("../img/bgHeader.jpg") repeat-x left top; height:94px; position:relative;}
	#logo_nothhelfer{
	background: url("../img/nothhelfer-rieble_logo.png") no-repeat left top;
	height:50px;
	width: 441px;
	display:block;
	text-indent:-999em;
	left:28px;
	top:25px;
	position:absolute;
	}
	#logo_opel, #logo_peugeot, #logo_chevrolet {
	position:absolute;
	right:202px;
	top:26px;
	width:63px;
	height:50px;
	background:url("../img/Logos_opel_peug_chev.png") no-repeat 0px top;
	text-indent:-999em;
}
	#logo_peugeot {
	right:126px;
	background-position: -75px top;
}
	#logo_chevrolet {
	right:34px;
	background-position: -153px top;
	width:76px;
}
  
  #main{ }
  
    #content{background: url("../img/bg_topTeaser.png") no-repeat left top; float:left; width:600px; margin-left:190px;}
			#content .topTeaser {margin:18px 0 30px 0; width:520px; height:227px; overflow:hidden;}
			#content h1, #content h2, #content h3, #content h4 {font-size: 14px; font-weight: bold; color: #596827; margin:0 20px 30px 30px;}
			#home #content h1 {font-size:16px;}
			#locTut1 #content h4, #locTut2 #content h4, #locSpai #content h4, #locRott #content h4, #locTros #content h4 {font-size: 100%; font-weight: bold; color: #000; margin:0;}
			#content h2 {color: #18526d; border-bottom:1px solid #bbbec1; margin-bottom:16px; padding-bottom:7px;}
			#content h3 { font-size:11px; line-height:normal; color:#000; margin-bottom:15px;}
			
			#content .contentBoxHome { background: url("../img/bg_contentBoxHome.gif") repeat-y; width:580px; overflow:hidden; margin-bottom:30px;}
			
			#content .contentBoxHome p {margin: 5px 0 5px 30px;}
			#content .contentBoxHome p strong {color:#333;}
			
			#home #content .contentBoxHome p img {float:left; margin-right:15px; margin-bottom:5px; border:1px solid #18526d;}
			#home #content .contentBoxHome div {float:left; width:275px; overflow:hidden;}
			#home #content .contentBoxHome p.text {margin-left:0; margin-top:0;}
			#home #content .contentBoxHome p.text span.innerHL {font-size:14px; font-weight:bold; color:#596827; margin-top:25px; display:block; margin-bottom:16px;}
			
			#content .contentBoxHome ul {margin-left:40px;}
			#content .contentBoxHome ul li { list-style-type:disc; list-style-position:outside; margin-left:10px;}
			#content .contentBoxHome h4 {font-size:12px; color:#000; padding-top:10px; margin-bottom:10px;}
			#content dl {margin-left:30px; width:450px;}
			#content dt {width:280px; float:left; margin-top:5px;}
			#content dd {width:150px; float:right; margin-top:5px;}
			#rent #content dt {width:200px;}
			#rent #content dd {width:230px;}

			#impressum #content dl {margin-left:0; width:490px;}
			#impressum #content dt {width:100px;}
			#impressum #content dd {width:360px;}

			#content .contentBoxLocations {margin-bottom:15px;}
			#content .contentBoxLocations .locationDouble {float:left; width:550px; margin-left:30px;}
			#content .contentBoxLocations .locationLeft {float:left; width:260px; margin-left:30px;}
			#content .contentBoxLocations .locationRight {float:right; width:260px; margin-right:20px;}
			#content .contentBoxLocations h3 {margin:0 0 15px 0; border-bottom:1px solid #BBBEC1; border-top:1px solid #BBBEC1; padding: 5px 0; color:#000;}
			#content .contentBoxLocations p {padding-bottom:10px;}
			
			#content .contentBoxNewCars {width:580px; overflow:hidden;}
			#content .contentBoxNewCars .modelRow {margin-bottom:10px;}
			#content .contentBoxNewCars .modelRow a {display:block; width:158px; margin-left:30px; float:left; background:#f1f1f1 no-repeat; color:#000; text-decoration:none; font-weight:bold; padding-top:94px; padding-bottom:4px; padding-left:5px;}
			#overviewOpel      #content .contentBoxNewCars .modelRow a {background-image:url("../img/autos/opel.jpg");}
			#overviewPeugeot   #content .contentBoxNewCars .modelRow a {background-image:url("../img/autos/peugeot.jpg");}
			#overviewChevrolet #content .contentBoxNewCars .modelRow a {background-image:url("../img/autos/chevrolet.jpg");}
			#content .contentBoxNewCars .modelRow a span {font-weight:normal;}
			#content .contentBoxNewCars .modelRow a:hover {background-color:#bfbebe;}
			#content .contentBoxNewCars .modelRow a.car1 { background-position: 0 0;}
			#content .contentBoxNewCars .modelRow a.car2 { background-position: -185px 0;}
			#content .contentBoxNewCars .modelRow a.car3 { background-position: -370px 0;}
			#content .contentBoxNewCars .modelRow a.car4 { background-position: -555px 0;}
			#content .contentBoxNewCars .modelRow a.car5 { background-position: -740px 0;}
			#content .contentBoxNewCars .modelRow a.car6 { background-position: -925px 0;}
			#content .contentBoxNewCars .modelRow a.car7 { background-position: -1110px 0;}
			#content .contentBoxNewCars .modelRow a.car8 { background-position: -1295px 0;}
			#content .contentBoxNewCars .modelRow a.car9 { background-position: -1480px 0;}
			#content .contentBoxNewCars .modelRow a.car10 { background-position: -1665px 0;}
			#content .contentBoxNewCars .modelRow a.car11 { background-position: -1850px 0;}
			#content .contentBoxNewCars .modelRow a.car12 { background-position: -2035px 0;}
			#content .contentBoxNewCars .modelRow a.car13 { background-position: -2220px 0;}
			#content .contentBoxNewCars .modelRow a.car14 { background-position: -2405px 0;}
			#content .contentBoxNewCars .modelRow a.car15 { background-position: -2590px 0;}
			#content .contentBoxNewCars .modelRow a.car16 { background-position: -2775px 0;}
			#content .contentBoxNewCars .modelRow a.car17 { background-position: -2960px 0;}
			#content .contentBoxNewCars .modelRow a.car18 { background-position: -3145px 0;}
			#content .contentBoxNewCars .modelRow a.car19 { background-position: -3330px 0;}
			#content .contentBoxNewCars .modelRow a.car20 { background-position: -3515px 0;}
			#content .contentBoxNewCars .modelRow a.car21 { background-position: -3700px 0;}
			#content .contentBoxNewCars .modelRow a.car22 { background-position: -3885px 0;}
			#content .contentBoxNewCars .modelRow a.car23 { background-position: -4070px 0;}
	
  	#navigation{background: transparent; float:left; width:190px; margin-left:-790px;}
			#mainMenue {margin:12px 0 0 23px;}
			#mainMenue #subMenue1, #mainMenue #subMenue2 {display:none;}
			#overviewOpel #mainMenue #subMenue2, #overviewPeugeot #mainMenue #subMenue2, #overviewChevrolet #mainMenue #subMenue2, #history #mainMenue #subMenue1, #about #mainMenue #subMenue1, #jobs #mainMenue #subMenue1 {display:block;}
			#mainMenue li {margin-bottom:8px;}
			#mainMenue li a {display:block; padding-left:12px;	background: url("../img/btn_navi.png") no-repeat 0 0;	width:138px; height:32px; font-weight: bold; color: #FFF; text-decoration:none; line-height:28px; cursor:pointer;}
			#mainMenue li a#menue7, #mainMenue li a#menue9, #mainMenue li a#menue10 {line-height:15px;}
    	#mainMenue ul {margin-top:5px;}
    	#mainMenue ul a {display:block; line-height:normal; height:auto; padding-left:12px; background: none; color:#30708d;}
    	#mainMenue ul a:hover, #mainMenue ul a:active {color:#60702a;}
			/* active Menues */
			#home #menue0,
			#history #menue1, #about #menue1, #jobs #menue1,
			#overviewOpel #menue2, #overviewPeugeot #menue2, #overviewChevrolet #menue2,
			#gebrauchte #menue3,
			#skymax #menue4,
			#service #menue5,
			#angebote #menue6,
			#unfall #menue7,
			#rent #menue8,
			#termine #menue9,
			#versicherung #menue10 {background-position:0 -50px;}
    	#overviewOpel #subMenue21, #overviewPeugeot #subMenue22, #overviewChevrolet #subMenue23, #history #subMenue11, #about #subMenue12, #jobs #subMenue13 {color:#60702a;}

    #information{background: transparent; float:left; width:170px; margin-right:-1em;}
		
			#locations {background:url("../img/bg_topTeaser.png") no-repeat right top; height:245px; width:170px; overflow:hidden;}
			#locations h2 {color:#fff; font-size:14px; line-height:30px; font-weight:bold; margin:15px 0 0 5px;}
			#locations ul {color:#fff; font:11px; line-height:26px; border-top:4px solid #fff; margin-left:5px;}
			#locations ul li strong {color:#fff;}
			#locations ul ul {border-top:none; padding-left:10px;}
    	#locations ul a {color:#fff; text-decoration:none; font-weight:bold; cursor:pointer;}
    		#subTuttlingen {display:none;}
				#locTut1 #subTuttlingen, #locTut2 #subTuttlingen {display:block;}
			#locTut1 a#locTuttlingenVerkauf, #locTut2 a#locTuttlingenService, #locSpai a#locSpaichingen, #locRott a#locRottweil, #locTros a#locTrossingen {text-decoration:underline;}
			#locations ul a:hover {text-decoration:underline;}
    	#locations ul ul a {font-weight:normal;}
			
			.coworker {padding-left:52px; background-repeat:no-repeat; background-position:left top;}
    
			.infoBox {background: url("../img/bg_infos.gif") no-repeat left bottom; padding-bottom:20px; margin-top:15px;}
			.infoBox.infoIcon1 h4, .infoBox.infoIcon2 h4 {background: url("../img/bg_infos.gif") no-repeat -250px top; width:122px; padding-top:45px; overflow:hidden;}
			.infoBox.infoIcon2 h4 {background-position:-250px -160px;}
			.infoBox h4, .infoBox h5, .infoBox p {padding:5px 25px 5px 11px; margin-right:20px;}
			.infoBox h4, .infoBox h5 { font-size:11px; font-weight:bold; color:#5f6831;}
			.infoBox h5 {font-weight:normal; color:#18526d;}
			.infoBox p a:link, .infoBox p a:visited {color:#18526d; text-decoration:none;}
			.infoBox p a:active, .infoBox p a:hover {text-decoration:underline;}
		
		#termin_form {padding-left:30px; padding-bottom:30px;}
			#termin_form fieldset {margin-bottom:15px;}
			#termin_form fieldset#interesse div, #termin_form fieldset#werkstatt div {height:30px;}
			#termin_form legend {font-size: 11px;	font-weight: bold; padding-bottom:5px;}
			#termin_form label {display:block; float:left; width:150px; line-height:20px;}
			#termin_form #interesse label, #termin_form #kontaktart label, #termin_form #werkstatt label {width:140px;}
			#termin_form input, #termin_form select {display:block; float:left; width:280px; margin-bottom:5px;}
			#termin_form input[type=text], #termin_form select {border:2px solid #fff;}
			#termin_form input[type=checkbox], #termin_form input[type=radio] {width:auto; margin-right:5px; border:none;}
			#termin_form input[type=submit] {width:auto;}
			#termin_form select {width:284px;}
			#termin_form input#plz {width:70px;}
			#termin_form input#ort {width:190px; margin-left:16px;}
		
		
		#main hr {
      clear:both;
      height: .1px;
      border:none;
      visibility:hidden;}
  
  #footer{background: #ccc; border-top: 4px solid #fff; padding: 5px 0 7px 190px;}
  #footer a, #footer a:link, #footer a:visited {color:#000; text-decoration:none;}
  #footer a:hover, #footer a:active {text-decoration:underline;}
  #footer span{padding-left: 30px;}

