/* Allgemeine Formatierungen */

body {
	background-image:url(images/roehrenjeans_01.jpg);
	background-repeat:repeat-x;
	background-attachment:fixed;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	}
	
* {
	margin:0px;
	padding:0px;
	}
	

	
h1,h2,h3,h4,h5,h6 {
	color:#404040;
	margin-bottom:5px;
	}

a {
	font-weight:normal;
	text-decoration:underline;
	color:#0064b9;
	outline:none;
	}
	
a img {
	border:none;
	}
	
a:hover {
	color:#333;
	text-decoration:none;
	}
	
li {
	margin:5px;
	list-style:inside;
	}
	
ol li {
	list-style:decimal;
	}

#sidebar img {
        margin-left:1px;
        float:left;
        margin-bottom:1px;
}

#content h1 {
line-height:1.3em;
}	
	
/* Div Tags */

#design {
	background-image:url(images/roehrenjeans_14.jpg);
	width:978px;
	height:auto;
	overflow:auto;
	margin:auto;
	text-align:center;
}

#header{
	background-image:url(images/roehrenjeans_03.jpg);
	width:978px;
        height:187px;
}

#top {
	background-image:url(images/roehrenjeans_02.jpg);
	width:964px;
	height:22px;
	border:1px solid #fff;
	color:#FFFFFF;
	padding-top:8px;
	text-align:left;
	padding-left:12px;
}

#left {
	width:236px;
	height:auto;
	float:left;
	text-align:left;
}

#content {
	width:466px;
	height:auto;
	float:left;
	padding:20px;
	text-align:left;
	line-height:18px;
}

#sidebar {
	width:236px;
	height:auto;
	text-align:left;
	float:left;
}

#schild {
	background-image:url(images/roehrenjeans_05.jpg);
	width:236px;
	height:76px;
	background-position:left;
	background-repeat:no-repeat;
        background-color:#fff;
}

#footer {
	width:958px;
	height:auto;
	clear:both;
	padding-top:10px;
	padding-bottom:5px;
	text-align:left;
	color:#666666;
	padding-left:20px;
	background-color:#fff;
	border-top:1px solid #ccc;
}

#navi {
	background-image:url(images/roehrenjeans_07.jpg);
	width:814px;
	height:39px;
	float:left;
}
	
/* Klassen */

#top a {
	color:#FFFFFF;
	}

#content img {
	float:left;
	margin:10px;
	}

#left h1 {
	background-image:url(images/roehrenjeans_06.jpg);
	display:block;
	width:218px;
	height:27px;
	font-size:13px;
	text-align:left;
	padding-top:8px;
	padding-left:17px;
	color:#FFFFFF;
	margin:-1px 0px 0px 1px;
	}
	
#sidebar h3{
	background-color:#ee6500;
	width:225px;
	height:19px;
	padding-left:10px;
	padding-top:4px;
	color:#FFFFFF;
	font-size:11px;
        margin-bottom:1px;
        clear:both;
	}
	
.navi {
	background-image:url(images/roehrenjeans_08.jpg);
	display:block;
	width:208px;
	height:25px;
	font-size:13px;
	text-align:left;
	padding-top:6px;
	padding-left:27px;
	color:#000;
	margin-left:1px;
	text-decoration:none;
}

.navi:hover {background-image:url(images/roehrenjeans_10.jpg);text-decoration:underline;}
.navi.active {font-weight:bold;cursor:default;}

.subsubnavi {
	background-image:url(images/roehrenjeans_11.jpg);
	display:block;
	width:188px;
	height:25px;
	font-size:13px;
	text-align:left;
	padding-top:6px;
	padding-left:47px;
	color:#000;
	text-decoration:none;
	font-size:11px;
	margin-left:1px;
}

.subsubnavi:hover {background-image:url(images/roehrenjeans_12.jpg);text-decoration:underline;}

.navi_top {
	background-image:url(images/roehrenjeans_07.jpg);
	display:block;
	width:auto;
	padding:12px 25px 0px 25px;
	height:27px;
	color:#fff;
	text-decoration:none;
	text-align:left;
	float:left;
}

.navi_top:hover {
	background-image:url(images/roehrenjeans_15.jpg);
	text-decoration:underline;
	color:#FFFFFF;
}

.navi_top.active {
	background-image:url(images/roehrenjeans_09.jpg);
        cursor:default;
}

.navioben {
width:978px;
height:142px;
display:block;
}


/* CMS Formatierungen */
#left .box {border:0px; padding:15px; width:200px;}
#sidebar .box {border:0px; padding:10px; width:200px;}
.box {  border:1px solid #ccc; padding:15px; margin:1%; float:left; overflow:hidden; line-height:18px;}
.full { width:90%;  }
.half { width:40%; }
.box h2 { color:#0064b9; font-size:14px; margin-bottom:5px; padding-bottom:2px; }
.box img { margin:5px; }
.box a.link { border-top:1px solid #ccc; display:block; text-align:right; padding:3px 10px; margin-top:3px; }
/* Kontakt  */
form { background:#fff; padding:10px; margin:10px;}
form fieldset { border:0; }
form * { font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px; }
form input { border:1px solid #777; padding:3px 7px; width:300px; margin:2px 0; background:#FFF;}
form textarea { border:1px solid #777; padding:7px 7px; width:400px; margin:2px 0;}
form input#submit { width:auto !important;}
input:focus,textarea:focus { border:1px solid #000; background:#EDEDED;}
/* Sitemap */
.ebene1 { padding-left:0px; }
.ebene2 { padding-left:20px; }
.ebene3 { padding-left:40px; }
/* Allgemein */
.clear { clear:both; }

#newsletter input { width:170px; }
#newsletter input#newslettersubmit { width:100px; }

.votebar { width:150px; background:#000; height:10px; line-height:0; font-size:0; }
.votebar_active { height:10px; background:red; line-height:0;  font-size:0; }