/* ----------------------------------------
   html styles
------------------------------------------- */

* { margin: 0;
	padding: 0;}

html, body {
	padding-bottom: 1px; /* force scrollbars */}

body {
	background: url('../img/hg.jpg');
	font: normal 11px Arial,Helvetica,sans-serif;
	color: #19436b;
	margin: 0; padding: 0;
	padding-bottom: 1em;}

a {font-size: 1.1em; font-weight: bold; color: #3e79a6; line-height: 26px; text-decoration: none;}
a img { border: none }	
a:hover {color: #3e79a6;}
p {padding: 0.1em 0 0.8em;}
h1 {font-weight: bold;font-size: 1.2em;margin:0px;padding:0px;}
ul {font-size: 14px;line-height: 28px; }
li { }

/* ----------------------------------------
   layout
------------------------------------------- */

/* Head */

#top {background:url('../img/balken1.jpg') repeat-x top left;margin: 20px auto 0;width: 780px;}
#topgebraucht {margin: 10px auto 0;padding:0px;width: 780px;}
#topfirma {position: relative;top: 0;left: 0;width: 750px; margin: 0px auto 0;padding-top: 8px;padding-bottom: 8px;}
#topgeschichte {background: #ffffff;margin: 0px auto 0;padding:0px;width: 780px;}
#topaktionen {background: #ffffff;margin: 0px auto 0;padding:0px;width: 780px;}
#topevent {background: #ffffff;background-repeat:no-repeat;background-position:top right;margin: 0px auto 0;padding:0px;width: 780px;}
#toptitel {position: relative;top: 0;left: 0;width: 750px; margin: 0px auto 0;padding-top: 15px;padding-bottom: 8px;}
#topfirma .right {float:right;position:relative;color: #0a4c90;}
#topfirma .right a {color: #0a4c90;padding-right: 3px;padding-left: 3px;font-weight: normal;
	font-size: 0.95em;line-height: 14px;text-decoration: none;}
#topfirma .right a:hover {color: #009cd6;text-decoration: none;}
#maintop {width: 780px;margin: 0px auto 0;padding:0px;}
ul#menu{
	margin:0;padding:0;list-style-type:none;width:auto;
	position:relative;display:block;height:40px;text-transform:uppercase;font-size:13px;
	background:transparent url('../img/blue.jpg') repeat-x top left;
	font-family:Arial,Tahoma,Helvetica,sans-serif;}
ul#menu li{display:block;height:40px;float:left;margin:0;pading:0;border-right:1px solid #fffff;}
ul#menu li a{display:block;float:left;color:#ffffff;text-decoration:none;padding:10px 20px 0 20px;height:40px;}
ul#menu li a:hover{background:transparent url('../img/black.jpg') repeat-x top left;}

/* Inhalt */
#peugeotshop {background: #ffffff;margin: 0px auto 0;padding:0px;width: 780px;}
#shopiframe {background: #ffffff;margin: 0px auto 0;padding:0px;width: 780px;}
#shopiframe2 {background: #ffffff;margin: 0px auto 0;padding:10px;width: 750px;}
#layoutinhalt {background: url('../img/body.png') no-repeat;margin: 0px auto 0;width: 780px;height: auto;}
#layoutgeschichte {
	background: #ffffff;margin: 0px auto 0;width: 780px;height: 800px;
}
#inhalt {background: #ffffff;margin: 0px auto 0;padding:0px;width: 780px;}
#layoutaktionen {
	margin: 0px auto 0;width: 780px;border: 0px solid #cccccc;	
}
#layoutjobs {
	background: #ffffff;margin: 0px auto 0;width: 780px;border: 0px solid #cccccc;	
}
#layoutevent {
	background: #ffffff;background-image: url(../img/ballon.jpg);
    background-repeat:no-repeat;background-position:top right;margin: 0px auto 0;width: 780px;	
}
#leerseite {
	margin: 20px auto 0;padding-left:10px;width: 320px;	
}
#luebeck {
		top: 0px;left: 0px;margin: 0px auto 0;padding:17px;position: relative;
		width: 702px;height: 100px;border: 0px solid #0a4c90;	
}
#fahrschule {
		top: 0px;left: 0px;margin: -20px auto 0;padding:17px;position: relative;
		width: 702px;height: 110px;border: 0px solid #0a4c90;	
}
#hl { 
		position: absolute;
    	width: 700px;height: 130px;margin: 0px auto 0; text-align: left;background: #ffffff;border: 1px solid #0a4c90; 
} 
#autobanner { 
		position: absolute;
    	width: 700px;height: 140px;margin: 0px auto 0; 
}
#algie {
		top: 35px;left: 20px;margin: 0px auto 0;position: relative;padding: 40px;
		width: 660px;height: 260px;border: 0px solid #0a4c90;	
}        
#algiegeschichte {
		top:10px;left: 40px;margin: 0px auto 0;position: relative;padding: 40px;
		width: 700px;height: 625px;border: 0px solid #0a4c90;	
}
#flashcontent {
		top: 0px;margin: 0px auto 0;text-align: center;
		position: relative;padding: 20px;width: 700px;	
		border: 0px solid #0a4c90;	
}
#algieaktionen {
		top: 20px;left: 40px;margin: 0px auto 0;position: relative;
		padding: 30px;width: 700px;height: 425px;border: 0px solid #0a4c90;	
}
#luebeck_inhalt {
		top: 20px;left: 40px;margin: 0px auto 0;position: relative;
		padding: 30px;width: 700px;height: 860px;border: 0px solid #0a4c90;	
}
#luebeck_programm {
		background: #fffff; top: 20px;left: 30px;margin: 0px auto 0;position: relative;
		padding: 30px;width: 650px;height: 620px;border: 0px solid #0a4c90;	
}
#left { 
		float: left;position: absolute;top: 0px;left: 0px; 
    	width: 332px;margin: 0px auto 0; text-align: left; 
} 
#right { 
		float: right;position: absolute; top: 0px;left: 367px;
    	width: 332px;text-align: left;margin: 0px auto 0;text-align: left; 
} 
#spalte { width: 30px;height: auto;line-height: 18px;margin: 0 333px;  }

#movie {
	    position: relative;top: 0;left: 0;width: 750px; margin: 0px auto 0;padding-top: 8px;padding-bottom: 8px;
}
#gebrauchtsuche {
        text-align: left;width: 96%;margin-left:5px;
        padding-top:10px;padding-left:35px;padding-bottom:35px;background: #FFFFFF;
}
#fussgeschichte {
		margin: 0px auto 0;padding-top:10px;padding-bottom:20px;width: 780px;	
        text-align: center;position:absolute;background: #ffffff;
}
#fusshl {
		margin: 0px auto 0;padding:10px;padding-bottom:20px;width: 780px;	
        text-align: center;background: #ffffff;
}
#fussjobs {
        margin-bottom: 200px;padding-top:10px;padding-bottom:20px;width: 600px;	
        text-align: center;position:absolute;background: #ffffff
}

#fussgebraucht {
		margin: 10px auto 0;padding:10px;width: 660px;text-align: center;
}

/* Startseite */

.algieluebeck{
    	width: 332px; height: 130px;
		margin:0px;padding:0px;border: 0px solid #0a4c90;	
}
.algierostock {
    	width: 332px; height: 130px;background: #ffffff; 
		margin:0px;padding:0px;border: 1px solid #0a4c90;	
}
.algiewismar {
		width: 332px;height: 130px;margin:0px;padding:0px;
		background: #ffffff;border: 1px solid #0a4c90;
}
.gebrauchtwagen {
    	width: 315px; height:135px;padding-left: 15px;padding-top: 10px;
		font-size: 1.1em;background: #ffffff; border: 1px solid #0a4c90;
}
.oeffnung { 
	    width: 332px; margin-top: 15px;padding:0px;}
					
.citroen {
    	width: 315px; height:135px;padding-left: 15px;padding-top: 10px;
		background: #ffffff; color:#000000;line-height: 16px;border: 1px solid #0a4c90;
}
.impex { 
		float: left;position:absolute;}
		
.rechtsunten { 
	    width: 332px;text-align: right;margin-top: 50px;padding:0px;}
		
.aktuelles { 
	    width: 302px;text-align: left;margin-top: 2px;padding:10px;
		font-size: 1.1em;font-weight: bold;background: #ffcd00;color: #000000;
}
	
#leerraum {
	display: block;font-size: 0;height: 20px;line-height: 0;
}

/* Footer */
#footer {
	background: #c1001f;
	margin: 0px auto 0;
	width: 780px;
	height:20px;
}

/* Designs */
.clear,.clearer {clear: both;}
.citroenrot {color: #c1001f;}
	
.standort { 
	font-weight: bold;line-height: 22px;}
	
.gebrauchtstandort { 
	font-weight: bold; font-size: 1.2em;line-height: 23px;}
	
.imglinks { 
	position: absolute;top: 0;left: 0;padding-right:10px;}
	
.textrechts { 
	float: right;position:absolute;top: 0;left: 0;margin-left: 150px;margin-top: 10px;
	line-height: 14px;}
.texthl { 
	float: right;position:absolute;top: 0;left: 0;margin-left: 70px;margin-top: 10px;
	line-height: 14px;display: inline;}

.gebrauchttext { 
	color:#000000;line-height: 14px;}
.jobtext { 
	color:#00000;font-size: 1.2em;line-height:20px;}
.hltext { 
	font-weight: bold;font-size: 1.6em;text-align: center;line-height:20px;}
.jobtextblau {
	color:#009ee0;font-weight: bold;font-size: 1.2em;line-height:20px;
}
.table {
	color: #00000;text-align: center;
}
.shoptextblau {
    padding-left: 20px;font-weight: bold;font-size: 1.2em;line-height:20px;
}
.hlbild { 
	position:absolute;top: 0;left: 0;text-align: right;margin-left: 315px;}
.hlstandort { 
	position:absolute;top: 0;left: 0;text-align: right;margin-left: 55px;}

.rostocklogos { 
	position:absolute;top: 0;left: 0;text-align: right;margin-left: 265px;padding-top:35px;}

.hllogos { 
	position:absolute;top: 0;left: 0;text-align: right;margin-left: 235px;padding-top:35px;}
    		
.logorechts { 
	position:absolute;top: 0;left: 0;text-align: right;margin-left: 260px;padding-top: 75px;}
	
.impextop { 
	font-weight: bold; font-size: 1.4em;line-height: 28px;}
	
.citroenlogo { 
	float: left;position: absolute;margin-left: 238px;padding-top: 5px;}

.impexlogo{ 
	float: right;position: relative;margin-right: 8px;padding-top: 80px;}

.aktionen {
    	width: 650px; margin:0px;	
}	
.aktionen1 {
    	width: 180px;height: 150px;margin:0px;padding:7px;border: 0px solid #000000;	
}
.ansichtaktionen { 
    text-align: left;padding-top: 5px;
}
    /* Geschichte */
.ansicht { 
	position:absolute;text-align: left;margin-left: 1px;padding-top: 5px;
}
.ansicht1 { 
    text-align: left;padding-top: 5px;
}
.ansicht2 { 
    text-align: left;padding-top: 5px;
}
.ansicht3 { 
    text-align: left;padding-top: 5px;
}
.ansicht4 { 
    text-align: left;padding-top: 5px;
}
.ansicht5 { 
    text-align: left;padding-top: 5px;
}       
.geschichte {
    	width: 320px;height: 210px;background: #ffffff; margin:0px;padding:7px;
		border: 1px solid #ffffff;	
}	
.geschichte1 {
    	width: 320px;height: 210px;background: #ffffff; margin:0px;padding:7px;
		border: 1px solid #ffffff;	
}
.geschichte2 {
    	width: 320px; height:210px;padding:7px;background: #ffffff; 
		border: 1px solid #ffffff;
}	
.geschichte3 {
    	width: 320px;height: 210px;background: #ffffff;margin:0px;padding:7px;
		border: 1px solid #ffffff;	
}
.geschichte4 {
    	width: 320px;height:210px;padding:7px;background: #ffffff; 
		border: 1px solid #ffffff;
}
.geschichte5 {
    	width: 320px;height:210px;padding:7px;background: #ffffff; 
		border: 1px solid #ffffff;
}

.textgeschichte { 
	font-weight: bold;font-size: 1.2em;}
    
.titelgeschichte { 
	font-weight: bold;font-size: 1.6em;padding_bottom:7px;
    font: Tahoma,Arial,Helvetica,sans-serif;}