/*
-----------------------
Standard Hell
Autor: Britta Möglin
Version: 2005-08-30
-----------------------

Verwendete Farben:
------------------
Hintergrund: #85919F
Header: #666666
Footer: #C9CED4
Content: #EAEAEA
Seitenhintergrund: #E8E9ED
Subnavi-Aktiv: #F9F9F9
Dunkles Blau: #32485E;

*/


* {
	margin: 0; 
	padding: 0; 
	font-family: trebuchet ms, georgia, verdana, comic sans ms, sans-serif;
	line-height: 1.6em;
	}



html, body {
	background: #85919F; 
	height: 100%;
	}

body {
	font-size: 0.8em;
	background: url(../images/bg-header.png) repeat-x;
	}
p {
	margin: 1em 0;
	}
	
h1 {
	color: #666666;
	font-size: 1.3em;
	
	font-family: trebuchet ms, georgia, times new roman, serif;
	}

h2 {
	font-size: 125%; 
	color: #666666;
	font-family: trebuchet ms, georgia, times new roman, serif; 
}

h3 {
	font-size: 100%; 
	letter-spacing: 0.03em;
	color: #666666;
}

a {
	color: #32485E;
	}

ul {list-style: url(../images/bullet01.gif);}

q {quotes: "»" "«";}
q:before {content: open-quote;}
q:after {content: close-quote;}	

em {letter-spacing: 0.02em;}	

code {
	background: #fafafa;
	font-family: "courier new", courier, monospace;
}

pre code {
	display: block;
	padding: 5px;
	border: 1px solid #666;
	border-left: 5px solid #666;
	margin-left: 15px;
}

fieldset {border: 2px solid white; padding: 10px; margin: 1em 0;}
legend {margin: 0 5px;}
input[type=text], textarea {background: white; border: 1px solid #666; width: 250px; margin-right: 5px; font-size: 100%; padding: 3px;}
input[type=text]:focus, textarea:focus {background: #f0f0f0; border: 1px solid #666; width: 250px; margin-right: 5px; font-size: 100%; padding: 3px;}

#center {
	background: #eaeaea url(../images/bg-wrapper.png) repeat-y; 
	width: 805px;
	position: relative;
	margin: auto auto;
	min-height: 100%;
	height: auto;
	}

#header {
	padding-top: 38px;
	}

#header ul {
	width: 760px;
	height: 166px;
	background: url(../images/navi.jpg) no-repeat;
	margin-left: 22px;
	list-style: none;
	}
	
#header li {
	float: left;
	}

#header li a {
	height: 166px;
	display: block;
	}

#header li a span {
	display: none;
	}



#header li#sorti a {width: 140px;}
#header li#ueberuns a {width: 100px;}
#header li#technik a {width: 99px;}
#header li#shop a {width: 66px;}
#header li#home a {width: 355px;}

#header li#sorti a:hover {background: url(../images/navi.jpg) no-repeat 0px -166px;}
#header li#ueberuns a:hover {background: url(../images/navi.jpg) no-repeat -140px -166px;}
#header li#technik a:hover {background: url(../images/navi.jpg) no-repeat -240px -166px;}
#header li#shop a:hover {background: url(../images/navi.jpg) no-repeat -339px -166px;}
#header li#home a:hover {background: url(../images/navi.jpg) no-repeat -405px -166px;}

#page-sorti li#sorti a {background: url(../images/navi.jpg) no-repeat 0px -166px;}
#page-ueberuns li#ueberuns a {background: url(../images/navi.jpg) no-repeat -140px -166px;}
#page-technik li#technik a {background: url(../images/navi.jpg) no-repeat -240px -166px;}
#page-shop li#shop a {background: url(../images/navi.jpg) no-repeat -339px -166px;}
#page-home li#home a {background: url(../images/navi.jpg) no-repeat -405px -166px;}
#page- li#home a {background: url(../images/navi.jpg) no-repeat -405px -166px;}


#marginalie {
	margin-left: 23px;
	float: left;
	margin-bottom: 40px;
	width: 204px;
}

#marginalie ul:before, #marginalie div:before {
	content: "";
	display: block;
	height: 15px;
	width: 204px;
	background: url(../images/subnavi-top.jpg) 0 -1px;
	}
	
#marginalie ul:after, #marginalie div:after {
	content: "";
	display: block;
	height: 14px;
	width: 204px;
	background: url(../images/subnavi-bottom.jpg) 0 -2px;
	}

#marginalie div:after {
	background: url(../images/subnavi-bottom.jpg) 0 0;
	}
	
#marginalie ul, #marginalie div {
	width: 204px;
	list-style: none;
	background: #eaeaea url(../images/bg-subnavi.gif) repeat-y;
	}
	
#marginalie div {
	padding: 0 0px;
	}

#marginalie ul li {
	width: 165px;
	margin: 0 16px;
	padding: 5px 3px;
border-bottom: 1px solid #bbb;
	}
	
#marginalie div > * {
	margin: 0 16px;
	padding: 5px 3px;
	}
	
#marginalie > ul li a, #marginalie div > * a {
	display: block;
	height: 100%;
	margin: -5px -3px;	
	padding: 5px 3px;
	text-decoration: none;
	color: #444;
	}
	
#marginalie #noblock


/* SUB-SUB NAVI */
#marginalie div > * a:hover, #marginalie ul li a:hover, ul li .aktiv {
	background: #f9f9f9;
}

a.aktiv {
	color: #000 !important;
}

#marginalie ul li ul:before {
	content: "";
	display: block;
	height: 5px;
	width: 183px;
	background: url(../images/subnavi2-top.jpg);
	}
	
#marginalie ul li ul:after {
	content: "";
	display: block;
	height: 4px;
	width: 183px;
	background: url(../images/subnavi2-bottom.jpg) 0 -1px;
	}

#marginalie ul li ul {

	margin: 6px 0 -4px 1px;
	width: 183px;
	list-style: none;
	background: #eaeaea url(../images/bg-subnavi2.gif) repeat-y;
	padding: 0;
	}
	
#marginalie ul li ul li {
	margin: 0 6px;
	padding: 5px 3px;
	border-bottom: 1px solid #BBB;
}
	
#marginalie ul li ul li a {
	display: block;
	height: 100%;
	margin: -5px -3px;	
	padding: 5px 3px;
	border: none;
}

#marginalie ul li ul li ul {
	margin-left: -9px;
}


#title {
	margin: 13px 38px;
}

#content:before, #trail:before {
	content: "";
	display: block;
	height: 15px;
	width: 555px;
	margin-left: -20px;
	background: url(../images/content-top.gif);
}

#content, #trail {
	float: left;
	width: 510px;
	padding: 0 20px;
	background: url(../images/content-bg.gif) repeat-y;
	margin-bottom: 40px;
}

#content p {
	margin: 1em 0 1em 0;
	}

#content p:first-child {
	margin: 0 0;
	}

#content li {margin: 0.75em 0;}

#content:after, #trail:after {
	content: "";
	display: block;
	height: 15px;
	width: 555px;
	margin-left: -20px;
	background: url(../images/content-bottom2.gif);
	}

#content ul {
	margin-left: 1.5em;
	}
	
#content h2 {
	margin: 1.25em 0 -0.75em 0;
	}

#trail {
	margin-bottom: 0px;
	}

#trail a {
	color: #444;
	}

#footer {
	display: block;
	width: 759px;
	margin-left: 23px;
	text-align: center; 
	background: #B0A7A7;
	border-top: 1px solid #85919F;
	position: absolute;
	bottom: 0;
	}

#footer p {
	margin: 0.5em 0;
	}
	
#warning {
	display: none;
	}
	
#infobox * {
	margin: 0; padding: 0;
	}	

.tb {margin: 1em 0.5em 2em 0.5em;}

/* Kosmetik */

#typebasics .auswahlliste {
	list-style: none;
	width: 520px;
	margin-left: -10px;
	}
	
#typebasics .auswahlliste li {
	float: left;
	text-align: left;
	margin: 4px 15px;
	width: 100px;
	height: 110px;
	white-space: nowrap;
	}

#typebasics-image {
	text-align: center;
	padding: 15px; 
	background: white; 
	border: 1px solid #666; 
	margin: 2em auto 1em auto; 
	width: 415px;
	}

#typebasics-image img {border: 1px solid #ccc;}

#typebasics .auswahlliste img {border: none !important;}

.red {color: red;}