/*www.sturm-verpackungen.de, coded by www.mediamachine.de */

body {
padding:0px;
margin:0px;
background-color:#C1CBD5;
font-family: arial, helvetica, sans-serif;
font-size: 80%;
line-height: 1.4em;
color: #333333;
text-align:center;
background-image: url(../images/weissblau.gif);
background-repeat: repeat-y;
background-position:center;
}

#topbalken {
background-color:#C1CBD5;
width:770px;
text-align:left;
margin:auto;
border-width:0 0 1 0;
border-color:#17395C;
border-style:solid;
height:12px;
}
#background {
background-color:#FFFFFF;
width:768px;
text-align:left;
margin:auto;
border-width:0 0 0 0;
border-color:#17395C;
border-style:solid;
}

#logo {
width:768px;
}

#balken {
width:768px;
height:62px;
background-color:#17395C;
color:#FFFFFF;

}



#balkenweiss {
width:768px;
height:30px;
background-color:#FFFFFF;
}

#balkenweisshp {
width:768px;
height:192px;
background-color:#FFFFFF;
margin-bottom:10px;
margin-top:5px;
}


#menuecontaineroben {
height:24px;
/*background-image: url(../images/streifenflach.gif);
background-repeat: repeat-x;*/
text-align:bottom;
color:#FFFFFF;

}




#navigationlinks {
width:131px;
/*Hier noch IE-Hack*/
background-color:#FFFFFF;
float:left;
padding-left:12px;
}

#content {
background-color:#FFFFFF;
float:left;
padding-left:17px;
width:370px;
}

#contenthome {
background-color:#FFFFFF;
float:left;
padding-left:0px;
width:388px;
}

#image {
width:210px;
float:left;
padding-left:17px;
background-color:#FFFFFF;
}

#image img {
margin-bottom:10px;
}

img.illu 
{
border-width:1 1 1 1;
border-color:#333333;
border-style:solid;
}

#galerie {
margin-top:10px;
margin-left:160px;
padding-top: 12px;
float:left;
background-color:#FFFFFF;
border-top-width:1px;
border-right-width:0px;
border-bottom-width:0px;
border-left-width:0px;
border-color:#35B28B;
border-style:solid;
width:590px;
height:100px;
}

#galerie img {
margin-right: 20px;
border-width:1 1 1 1;
border-color:#333333;
border-style:solid;
}

hr {
height:1px;
border-color:#928b84;
border-style:solid;
}



/*typography*/
a {
	color: #17395C;
	text-decoration: none;

	}
a:link {
	}
a:visited {
	}
a:active {
	}
a:hover {

            color:##17395C;
	}
/*Für Teaser - > mehr - Link*/
a.mehr  {
            text-decoration: underline;
            }
			
a.hauptnav {
border-width:0 0 6 0;
border-color:#00A67B;
border-style:solid;
color:#FFFFFF;
padding:0 10 2 10;

}	

a.hauptnavhigh {

border-width:0 0 6 0;
border-color:#17395C;
border-style:solid;
color:#FFFFFF;
padding:0 10 2 10;
}

.kasten {
border-width:0 1 0 1;
border-color:#00A67B;
border-style:solid;
color:#FFFFFF;
margin-left:0px;

}

/*
.kastenhigh {
border-width:0 0 7 0;
border-color:#17395C;
border-style:solid;
color:#FFFFFF;
margin-left:0px;
padding:0px;

}	
*/	
			
h1 {
	font-size: 1.1em;
	font-weight: bold;
	color:#17395C;
	margin-top: 0em;
	margin-bottom: 0.5em;/*both set to zero and padding in header div is used intead to deal with compound ie pc problems that are beyound summary in a simple comment.*/
	}
h2 {
	font-size: 1.0em;
            font-weight:bold; 
            color:#17395C;
	/*margin: 1.2em 0em 0em 0em;*/
	}
h3,h4,h5,h6  {
	font-size: 1.0em;
	margin: 1.2em 0em 0em 0em;
	font-weight: bold;
	}


img {
	border: 0;
	}
ol, ul, li {
            font-size: 1.0em;
	line-height: 1.4em;
	margin-top: 0.2em;
	margin-bottom: 0.3em; 
	}
p,td,table
           {
	font-size: 1.0em;
	line-height: 1.4em;
	margin: 0em 0em 1.2em 0em;
	}
li > p {

	margin-top: 0.2em;
	}

strong, b {
	font-weight: bold;
	}

/*Navigationsformatierung*/
li.nav {
color:#17395C;
}

.navhigh {
color:#00a67b;
list-style-image:url(../images/pfeil.gif);

}

#navigationlinks ul
{
list-style: none;
margin-left: 21px;
padding: 0;
border-width: 0px 1px 1px 0px;
border-style: solid;
border-color:#00a67b;

}

#navigation li
{

border-bottom: 0px;
margin-bottom: 0px;
padding-bottom: 0px;
}


#navigation li a
{

}


/*html>body #navigation li a { width: auto; }*/

#navigation li a:hover
{

}
#navigation li a.active
{

}

/*Druckausgabe*/

@media print {

#content {
width:500px;
}

#navigationlinks, #galerie,#balken,#menuecontaineroben {
display: none;
}

}

.trennlinie {
margin-bottom:15px;
}

table
 {
 border-width: 1px 1px 1px 1px ;
 border-style: solid;
 border-color:#333333;
 border-collapse:collapse;
 width:100%;
 }


td, th
 {
 border-width: 1px;
 border-style:solid;
 padding: 10px;
 vertical-align:top;
 }

.kontakttabelle, .produkttabelle  {
 border-width: 1px 1px 1px 1px ;
 border-style: solid;
 border-color: #00a67b;
 border-collapse:collapse;
 width:100%;
 }
 
 .kontakttabelle td, .produkttabelle td {
 border-width: 1px 1px 1px 1px ;
 border-style: solid;
 border-color: #00a67b;
 padding:3px;
 }

.produkttabelle td {
 padding:7px;
}