/* *** css by miss monorom www.intensivstation.ch *** */
/* css released under Creative Commons License -  http://creativecommons.org/licenses/by/2.0/deed.en  */

body {
font-size: 11px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
padding:0px;
margin:0px;
height: 100%;
background:url(../images/balken_oben.png) repeat-x;
}

a:link,
a:visited {color:#4a4a4a;}
a:hover,
a:active { color:#000000;}

h1 {
color: #4a4a4a;
font-size: 36px;
padding:5px 15px;
margin:0;}

h2 {
color: #4a4a4a;
font-size:18px;
padding:5px 0px 3px;
margin:0;}

h3 {
color: #4a4a4a;
font-size:20px;
padding:0;
margin:0;
text-transform:capitalize;
}

h4 {
color: #4a4a4a;
font-size:16px;
padding:0;
margin:0;
text-transform:capitalize;
}

p, pre{
color: #4a4a4a;
font-size:13px;
padding:0;
margin:0;
}



img.download {vertical-align:middle;}

.right {
float: right;
}


/* ----------container zentriert das layout-------------- */
#container {
width: 1000px;
margin-left: auto;
margin-right: auto;
}

/* ----------banner für logo-------------- */
#banner {
width: 300px;
height: 170px;
padding: 0px;
margin: 0;
background:url(../images/logo_bg.png) no-repeat;
}

#banner img {padding:10px 34px;} 

/* -----------------inhalt--------------------- */
#content {
padding: 0px;
margin-left: 200px;
}

div#content { 
min-height:600px;
height:expression(this.scrollHeight > 600 ? "auto":"600px"); 
}

/* ----------nav-------------- */

.nav {
list-style-type: none;
margin: 0;
padding: 0;
}

.nav a {text-decoration:none;}
.nav a:visited {text-decoration:none;}
.nav a:hover {text-decoration:none;}
.nav a:active {text-decoration:none;}

/* -------------- top-nav ------------- */

#navlist1
{
text-align: right;
margin:0;
padding-top: 2px;
text-transform: uppercase;

}

#navlist1 li
{
display: inline;
line-height: 2;
list-style-type: none;
padding: 4px 15px 4px 0px;
}

#navlist1 li + li + li
{
background-image: url(../images/warenkorb.png);
background-repeat: no-repeat;
background-position: 0 .4em;
padding-left: 2.5em;
}


/* -------------- main-nav ------------- */

#navlist2
{
margin: 10px 0px 0px 0px;
padding:0;
}

#navlist2 li
{
display: inline;
line-height: 2;
list-style-type: none;
padding: 0px 10px 0px 0px;
}


/* --------------left spalte------------- */

#left {
/*border: 1px solid #bc3bb3;*/
float: left;
width: 300px;
height: 810px;
margin: 0px;
padding: 0px;
}

/* --------------navbox------------- */

.navbox {
background-color: #1b1b1b;
margin: 0px 20px 20px 10px;
padding: 15px;
/*Schatten CSS3*/
-webkit-box-shadow: 0px 0px 12px #1b1b1b; /* webkit browser*/ 
-moz-box-shadow: 0px 0px 12px #1b1b1b; /* firefox */ 
box-shadow: 0px 0px 12px #1b1b1b; /* w3c standart */
}

.navbox h3, .navbox h4 {
color:#ffffff;
text-transform:capitalize;
}

.navbox h3{
margin-bottom:10px;
}

.navbox p {
color:#ffffff;
}

.navbox ul
{
margin-bottom:10px;
}

.navbox li
{
padding-left: 10px;
background-image: url(../images/strich-hell.gif);
background-repeat: no-repeat;
background-position: 2px;
}

.navbox li a {color: #ffffff; font-size: 15px; text-transform:uppercase;}
.navbox li:visited a {color:#4a4a4a; font-size: 15px;text-transform:uppercase;}
.navbox li:hover a {color: #660000;font-size: 15px;text-transform:uppercase;}
.navbox li:active a { color:#000000;font-size: 15px;text-transform:uppercase;}

/*--- balken unten ---- */

#balken-unten {
background:url(../images/balken_unten.png) repeat-x;
clear:both;
height: 72px;
}

/* -----------footer--------------------------- */
#footer {
height: 200px;
width: 1000px;
margin-left: auto;
margin-right: auto;
}

.sitemap {
width: 197px;
float: left;
}

.sitemap h4{
padding-bottom: 5px;

}

.sitemap li a {font-size: 11px; text-transform:uppercase;}
.sitemap li:visited a {font-size: 11px;text-transform:uppercase;}
.sitemap li:hover a {font-size: 11px;text-transform:uppercase;}
.sitemapt li:active a {font-size: 11px;text-transform:uppercase;}

.sitemap li
{
padding-left: 10px;
background-image: url(../images/strich-dunkel.gif);
background-repeat: no-repeat;
background-position: 2px;
}

#kontaktbox {
width: 197px;
float:left;
}

#kontaktbox h4{
padding-bottom: 5px;

}

#kontaktbox li
{
padding: 0px 0px 6px 22px;
background-image: url(../images/email.gif);
background-repeat: no-repeat;
background-position: 1px;
}

#kontaktbox li+li
{
background-image: url(../images/telefon.gif);
background-repeat: no-repeat;
}

#kontaktbox li+li+li
{
background-image: url(../images/fax.gif);
background-repeat: no-repeat;
}

#main-nav-wrapper{
	margin:0px;
	width:400px;
	margin-top:11px; /*temporär*/
	margin-bottom:20px;
}

.main-nav{
	display:inline;
	color:#ffffff;
	font-size:15px;
	text-transform:uppercase;
	margin-right:12px;
}

#main-nav-wrapper ul li.main-nav a {color:#ffffff;text-decoration:none;}
#main-nav-wrapper ul li.main-nav a:visited {color:#ffffff;text-decoration:none;}
#main-nav-wrapper ul li.main-nav a:hover {color: #660000;text-decoration:none;}
#main-nav-wrapper ul li.main-nav a:active { color:#000000;text-decoration:none;}

.main-nav-sub{
	display:none;
}

.main-nav:hover .main-nav-sub{
	display:block;
	position:absolute;
	z-index:2;
	margin-left:154px;
}

.main-nav:hover .main-nav-sub li{
padding:5px;
display:block;
background-color:#000000;
list-style-position:outside;
}