@charset "utf-8";
/* CSS Document */
/* ER Redesigned 
Oberück Webentwicklung für Elektro-Rohde.de
20.06.2009 V. 1.0
*/

a img {
border:0;	
}

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

body {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
background:url(images/background.jpg) top repeat-x #000;
}

#container {
width:986px;
margin:auto;
}

#header {
width:986px;
height:278px;
color:#FF9810;
background:url(images/header_bg.jpg) no-repeat;
}


#header .leftheader {
float:left;
width:549px;
}

#header .rightheader {
float:left;
width:437px;
}

/* Format des Plakatbilds: 407x234 px */
#header .rightheader .plakat {
padding:40px 0 0 4px;
}

#header .rightheader .plakat a img {
border:0;
}

#header .leftheader .firma {
float:left;
padding:15px 0 0 90px;
}

#header .leftheader .firma img {
border:0;
padding-left:55px;
}

#header .leftheader .firma h1{
font-size:24px;
font-weight:bold;
font-style:italic;
color:#FF9810;
margin-top:6px;
}

#header .leftheader .firma a{
text-decoration:none;
}

#header .leftheader .adresse {
float:left;
margin:37px 0 0 38px;
font-weight:bold;
text-align:right;
font-size:12px;
}

#header .leftheader .adresse .teledat{
clear:both;
float:left;
text-align:right;
width:28px;
padding-right:2px;
}


#header .leftheader .adresse a {
color:#FF9810;
}

#header .leftheader .adresse a:hover {
color:#FFE010;
}


#header .leftheader .adresse ul{
list-style-type:none;
padding-left:35px;
}

#header .leftheader .quickstart {
float:left;
width:274px;
margin:25px 0 0 0;
}

#header .leftheader .quickstart a{
color:#ff9810;
text-decoration:none;
}

#header .leftheader .quickstart .inhalt {
padding:4px 0 0 15px;
}

#header .leftheader .quickstart .inhalt h3 {
color:#BE1717;
text-transform:uppercase;
font-size:16px;
margin:0;
padding:0;
}

.fppicture {
margin-right:5px;
float:left;
}

.fptext {
margin:5px 0;	
}


#content {
background:url(images/fill_bg.gif) repeat-y;	
}
	
	#navigation {
	float:left;
	width:177px;
	}
	
	#navigation .anzeige{
	padding:4px 0 20px 8px;
	}
	
	#navigation .anzeige img{
	border:1px solid #000;
	}
	
	#navigation ul {
	list-style-type:none;
	padding:0;
	margin:0 0 0 4px;
	}
	
	#navigation li a{
	color:#fff;
	text-decoration:none;
	display:block;
	padding:3px 0 0 2px;
	width:168px;
	height:17px;
	background:url(images/menu_bg.gif) left;
	}
	
	#navigation li a:hover {
	background:url(images/menu_bg.gif) right;
	padding:3px 0 0 7px;
	width:163px;
	}
	
	#navigation .aktiv li a {
	color:#fff;
	display:block;
	padding:3px 0 0 2px;
	text-indent:13px;
	width:168px;
	height:17px;
	background:url(images/menu_aktiv.gif) no-repeat;
	}
	
	#navigation .aktiv li a:hover {
	color:#fff;
	display:block;
	padding:3px 0 0 2px;
	text-indent:13px;
	width:168px;
	height:17px;
	background:url(images/menu_aktiv.gif) no-repeat;
	}
	
	.c2pad {
	text-indent:8px;	
	}
	.c3pad {
	text-indent:16px;	
	}
	.c4pad {
	text-indent:24px;	
	}
	
	#inhalt {
	float:left;
	width:809px;
	text-align: justify;
	}
	
	#inhalt a {
	color:#BE1717;
	text-decoration:underline;
	}
	
	#inhalt a:hover {
	color:#9C1414;
	text-decoration:underline;
	}
	
	#inhalt h1 {
	margin:0 0 5px 0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:16px;
	font-style:italic;
	}
	
	#inhalt h2 {
	margin:8px 0 5px 0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	font-style:italic;
	}
	
	#inhalt .abstand {
	padding:2px 22px 2px 15px;	
	}
	
	#inhalt .abstandganzebreite {
	padding:2px 15px 2px 15px;	
	}
	
	#inhalt .abstandlinks {
	padding:2px 8px 2px 15px;	
	}
	
	#inhalt .abstandrechts {
	padding:2px 15px 2px 7px;	
	}
	
	#inhalt .vorschautext {
	font-size:12px;
	}
	
	#inhalt .trenner {
	height:1px;
	background:url(images/trenner.gif);
	margin:10px 0;
	}
	
	#inhalt .ganzebreite {
	width:803px;
	}
	
	#inhalt .leftinhalt {
	float:left;
	width:393px;
	margin-right:16px;
	}
	
	#inhalt .rightinhalt {
	float:left;
	width:393px;
	
	}

#footer {
width:986px;
height:67px;
background:url(images/footer_bg.jpg);
}

#footer .steckdose{
float:left;
width:171px;
height:67px;
}

#footer .steckdose a img {
border:none;
padding-left:14px;
}

#footer .impressum {
text-align:center;
float:left;
width:815px;
padding-top:15px;
color:#FFF;
}

#footer .impressum a{
color:#FFF;
text-decoration:none;
}

#footer .impressum a:hover{
text-decoration:underline;
}

.sedocode {
color:fff;
margin:5px 10px 0 0;
float:right;	
}

.noheadline {
margin-top:24px;
}

.getdown {
margin:0 5px 0 0;	
float:left;
}

.cat_preview {
height:85px;
margin-top:-8px;
}

.cat_preview p{
padding:3px 0px;	
}

.rubrikauflistung {
background:url(http://www.elektro-rohde.de/css/images/arrow_line.gif) top left no-repeat;
height:90px;
padding-top:10px;
}

.zuruecklink a{
margin:10px 0 0 0;
background:url(images/zurueck_bg.gif) no-repeat center left;
height:16px;
padding:4px 0 0 0;
width:120px;
display:block;
text-indent:15px;
text-decoration:none;
}

.zuruecklink a:hover{
background:url(images/zurueck_bg.gif) no-repeat center right;
text-decoration:none;
}

.rahmen  img {
border:1px solid #000;	
}


