/* [CDATA[ */

/* Gleichberechtigung f�r alle Browser */
* {margin:0;padding:0;border:0;}

/* body-Eigenschaften f�r zentrierte Ausrichtung */
body{margin:20px auto ;  /* main-Box zentrieren in IE 5 und hoeher */
text-align:center; /* main-Box zentrieren in IE 5 und hoeher */
font-size:12px; font-family: Verdana,Arial,Sans-serif;
height:100%;
}

/* Umh�llt die komplette Seite */
#wrapper{text-align:left;
margin:0 auto; background:white;
width:850px; border:1px solid #9b9935;
}

/* Der Header */
#header { width:100%; height: 110px; border-bottom: 1px solid #999999;
padding-top: 0px; padding-bottom: 0px;
background-color:white;
background: transparent url(images/header.jpg) no-repeat left top;
}

#logotext_frontend
{font-size: 60px; font-weight: bold;
text-align: left; margin-left: 9px;
color: gainsboro; padding-top: 20px;
margin-bottom: 40px;
}

/* --- Die Navigation --- */
#menu {float:left; margin: 0px; padding: 0px; text-align: left;}

#menu ul {list-style-type: none; padding: 0px; margin: 0px;}

#menu  li {display: block;}

#menu  li a, #menu  li a:link {
text-decoration: none; display: block; color: black;
width: 165px; border-bottom: 1px solid gainsboro;
padding-left: 5px; padding-top: 5px; padding-bottom: 5px; 
}
#menu  li a:visited {color: black;}
#menu  li a:hover{display: block; background-color: whitesmoke; 
color:dimgray;}

#active a:link, #active a:visited, #active a:hover {
background-color: whitesmoke; 
color:dimgray;
}

#submenu {
margin: 0px;
text-align: left;
background-color: whitesmoke; 
*width: 165px;
}

#submenu  li {}

#submenu   li a, #submenu   li a:link {
text-decoration: none;
display: block; color: black;
border-bottom: 1px solid gainsboro;

}
#submenu   li a:visited {
color: black;
}
#submenu   li a:hover{
color: black; display: block;
background-color: gainsboro;
}

#subactive a:link, #subactive a:visited, #subactive a:hover {
background-color: whitesmoke; color: #989a2d;
*width: 165px;
}

/* navi content */

#referenzen{
background-color: whitesmoke;
border: 1px solid gainsboro;
width: 628px; 
}

.referenzen{
list-style-type: none;
width: 100%; 
text-align: left;
}

.referenzen ul li{
width: 100%; 
display: block;
padding-left: 10px;
}

.referenzen a{
width: 100%; 
display: block;
text-decoration: none;
padding-top: 0px;
padding-bottom: 0px;
}
.referenzen a:hover{ color: white; display: block;
background-color: #97992e; width: 100%;
}

/* bilduntertitel shop content template*/

.bilduntertitel{font-size: 0.5em;}

/* --- Ende Navigation --- */

/* eidtor skills*/
.dropright{
margin-top: 5px;
float: right;
padding-left: 5px;
padding-bottom: 5px;
}

.dropleft{
margin-top: 5px;
float: left;
padding-right: 5px;
padding-bottom: 5px;
}

.ulist{
margin-left: 30px;
}

/* s       h       o       p */
#headerCart{border: 1px solid #989a2d; background-color: whitesmoke; padding: 15px; width: 50%;}

#headerShopTB{width: 50%; border: 1px solid #989a2d; background-color: whitesmoke;}
.AnzahlArtikel{font-size: 11px; width: 180px;}
.bestellschritt{font-size: 13px; font-weight: bold; color: #989a2d;}
.vorhanden{font-size: 12px; font-weight: bold; color: #989a2d; padding-left: 20px; width: 50%;}
.labels{font-size: 11px; font-weight: bold; color: #989a2d;}
.verticalAlign{padding-left: 60px;}
.price{font-size: 13px; color:black; font-weight: bold;}
#CaseArt {width: 50%;}

#noArtikel{border: 1px solid #989a2d; padding: 15px; background-color: whitesmoke;}
/*Positionierung des RSS-Buttons unter menu*/
.rss{ float: left; background-color: transparent; padding: 5px;
}

.mpdrei {background-color: whitesmoke;
border-bottom: 1px solid silver;
border-left: 1px solid silver;
padding-left: 4px;
padding-top: 8px;
padding-bottom: 8px;
color: black;
margin-bottom: 5px;
}

.downloadlinkmedien {
color: black;
margin-top: 5px;
margin-right: 5px;
text-align: right;
}

.player {
float: left;
}


.movielink {
float: left;
padding-top: 3px;
padding-left: 4px;
padding-bottom: 3px;
padding-right: 4px;
border: 1px solid black;
background-color: white;
}

/* Container Inhalt */
#content {
width: 640px;
padding: 15px; background: white url(./templates/frontend/images/screw.jpg);
font-size:12px; background: transparent;
border-left: 1px solid #999999;
float: left; 
}

#contentShop{
padding: 15px; border: 1px solid green;
}

/* �berschriften h1 - h3 / p / hr = Trennlinie */
#content h1 { font-size: 24px; color:black; border-bottom:1px solid gainsboro;}
#content h2 {font-size: 20px; color:black;}
#content h3 {font-size: 18px; color:black;}
#content h4 {font-size: 16px; color:black;}
#content h5 {font-size: 14px; color:black;}
#content h5 {font-size: 12px; color:black;}
#content  p {padding: 0px; margin:0px; font-size:11px;}
#content hr{ margin-top: 10px; margin-bottom: 10px;}

/* txt-links */
a:link{color:dimgray;}
a:visited{color:dimgray;}
a:hover{color:black;}
a:active{color:black;}

/* bildergalerie */
.thumbs{background-color: white;
border-top: 1px solid #999730;
border-bottom: 1px solid #999730;
text-align: left;
padding-top: 5px; padding-bottom: 5px;
}

.artikelTitel{
font-weight: bold;
font-size: 0.8em;
}
.artikelDes{
font-size: 0.8em;
}

.artikelNr{
font-weight: bold;
font-size: 0.8em;
}

/*.price{
font-weight: bold;
font-size: 1em;
}*/

textarea, input{
font-size:11px;
font-family: Verdana,Arial,Sans-serif;
border: 1px solid grey;
}

hr{
background-color:gainsboro; /* Mozilla 1.4 */
color:gainsboro; /* IE 6 */
border: gainsboro; /* Opera 7.11 */
height: 1px; /* in Opera f�r die Anzeige n�tig, in Mozilla f�r die einheitliche H�he */
margin-top:4px;
}

#kontakt input,textarea{
margin-bottom: 5px; background-color:white; border: 1px solid dimgray; font-family: Verdana,Arial,Sans-serif;
font-size:12px; size: 20; color:dimgray;}

/* Der Footer */
#footer {background:whitesmoke; 
text-align:right; color:dimgray; font-size: 10px; height: 30px; padding: 10px;
clear:left; border-top: 1px solid #999999;}
/*]]*/