/* [CDATA[ */

/* (C) 2007 lovelyandhooked.com by bevolution.net   */

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

html, body {
text-align:center; /* main-Box zentrieren in IE 5 und hoeher */
font-size:12px; font-family: Verdana,Arial,Sans-serif;
height:100%; background: #1c1c1c; color:white;
}
#abstand {
	height: 35%;
	width: 60px;
	margin-bottom: -14em;
	float: left;
	}

/* Umhüllt die komplette Seite */
#wrapper{
clear: left; 
text-align:left; 
margin:0 auto; 
background:transparent; 
width:800px !important; 
width: 800px; /* for IE */
height: 525px !important; 
height: 520px; /* for IE */
/*
border:1px solid #3C3C3A;
*/
}

/* Der Header */
#header { width:800px; height: 150px; border-bottom: 0px solid white;
padding-top: 0px; padding-bottom: 0px; 
background: transparent url(http://lovelyandhooked.com/_bilder_upload/header.png) no-repeat left top;
filter:progid:DXImageTransform.Microsoft. 2 AlphaImageLoader(src=\'http://lovelyandhooked.com/_bilder_upload/header.png\',sizingMethod=\'scale\');
}

* html #header
{background-image: none; 
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\"http://lovelyandhooked.com/_bilder_upload/header.png\", sizingMethod=\"crop\", enabled=\"enabled\");  
}


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

/* --- Die Navigation --- */


#menu ul {padding-left: 0; margin-bottom: 0px;
margin-left: 0; background-color: #3C3C3A;
color: white; float: left;
width: 100%; font-family: arial, helvetica, sans-serif;
}

#menu ul li { display: inline; }

#menu ul li a { padding: 0.2em 0.7em;
color: white; text-decoration: none;
float: left; border-right: 0px solid black;
}

#menu ul li a:hover { color: #ff9aca; text-decoration: none; }

 #active a:link, #active a:visited, #active a:hover {
color: #f894c8; text-decoration: underline;
font-weight: normal;
}

#submenu ul {padding-left: 0; margin-bottom: 0px; height: 22px;
margin-left: 0; background: black /*#535351 url(/templates/frontend/images/bgsubnav.jpg)*/;
color: white; float: left;
width: 100%; font-family: arial, helvetica, sans-serif;
}

#submenu ul li { display: inline; }

#submenu ul li a { padding: 0.2em 1em; 
color: white; text-decoration: none;
float: left; border-right: 0px solid white;
}

#submenu ul li a:hover {color: #f894c8; text-decoration: underline;}

 #subactive a:link, #subactive a:visited, #subactive a:hover {
color: #f894c8;
font-weight: normal;
}

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

/*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: 100% !important; 
width: 800px; 
height: 306px !important;
height: 306px; /* for IE */
margin: 0 0 0 0;
font-size:12px; 
background: black url(/templates/frontend/images/bg_Con.jpg) no-repeat left top;
float: left; 
color: #535351;
}
/* editor */
.dropright{
float: right; 
margin-left: 15px;
}
.dropleft{
float: left;
margin-right: 15px;
}



/* kontakt */
#textKontakt {border: 1px solid #535351; 
padding: 10px; margin-left: 11px; margin-top: 0px; 
color: white; width: 775px; height: 283px; font-size: 11px;
background: url(/templates/frontend/images/bgDesc.gif) repeat;}


/* shop */
#ArtikelDesc {float: right; border: 1px solid #535351; 
padding: 10px; margin-right: 6px; margin-top: 6px; 
color: white; width: 375px; height: 198px;
background: url(/templates/frontend/images/bgDesc.gif) repeat;}

.Artikel{font-weight: bold; color:#f897ca; text-decoration: none; margin-bottom: 3px; }
.ArtikelNr{font-weight: bold; margin-bottom: 10px;}
.ArtikelDes{}
.price{margin-top: 10px; font-weight: bold;}

.warenkorbCon{border: 0px;}
#DivShopPics {margin-top: 10px; width: 783px; margin-left: 5px; border: 1px solid #535351; 
padding-top: 5px; 
padding-bottom: 5px; 
padding-left: 5px; 
color: #808080; background: url(/templates/frontend/images/bgDesc.gif) repeat;}
#bigShopPic{margin-left: 6px; margin-top: 6px;}
.inputBorder{border: 0px;}
.shoppics {border: 1px solid black; -moz-opacity:1;filter:alpha(opacity=100);cursor:hand;} /*IE opacity important*/

.shoppics:hover{border: 1px solid #f897ca;
background-color:  #fc96c6;
filter:alpha(opacity=90);
-moz-opacity: 0.6;
opacity: 0.6;
}

#shoppicsA a:hover{
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}

.activeGalerie{ -moz-opacity:1;filter:alpha(opacity=100);cursor:hand;}

#Sitescroller{
overflow: auto; float: left;
width:780px; height:306px;
color: #ff90ca; background: black url(/templates/frontend/images/sitemap_bg.jpg) no-repeat left top; padding-left: 15px; padding-right: 5px;
}

#Conscroller{width: 725px; color: white;
border: 1px solid #535351; padding: 20px; margin-left: 15px; overflow: auto; float: left;
height:240px;
background: url(/templates/frontend/images/bgDesc.gif) repeat;}
.sitemapH1{
color: black; font-weight: bold; margin-bottom: 5px;
}

#contentShop{
overflow: auto; float: left;
width:800px; height:306px;
color: #ff90ca; background: black/*#3c3c3a*/;

}
#headerShopTB{width: 775px; vertical-align: top;}
#ShopBtn{text-align: right; width: 775px;}
.AnzahlArtikel{color: #ff90ca; font-weight: bold; font-size: 10px; margin-left: 15px;}
.bestellschritt{color: #ff90ca; font-size: 10px;}
.vorhanden{margin-left: 15px; margin-right: 15px; color: #ff90ca; border: 1px solid #535351; padding: 2px; font-weight: bold; font-size: 10px; background: url(/templates/frontend/images/bgDesc.gif) repeat;}

#CaseArt{
border: 1px solid #535351; padding: 5px;
background: url(/templates/frontend/images/bgDesc.gif) repeat;
width: 150px;
float: left;
margin-right: 15px;
margin-left: 15px;
margin-top: 5px;
margin-bottom: 5px;
}
#zipCode{width: 745px;height:235px;
border: 1px solid #535351; padding: 20px; margin-left: 20px;
background: url(/templates/frontend/images/bgDesc.gif) repeat;}

#text{width: 765px; color: whitesmoke;
border: 1px solid #535351; padding-top: 0px; padding-left: 5px; padding-bottom: 5px; padding-right: 5px; margin-left: 12px; overflow: auto; float: left;
height:280px;
background: url(/templates/frontend/images/bgDesc.gif) repeat;}

.verticalAlign{vertical-align: top; padding-left: 80px; }

.labels{
color: #ff90ca; font-weight: normal; font-size: 10px;
}

/*popup shop*/
.popupfonts{border: 1px solid #535351; padding: 5px; color: #ff90ca; font-weight: bold;
background: url(/templates/frontend/images/bgDesc.gif) repeat;}

#popupbg{}
.artikenamePOP{ color: #ff90ca; font-weight: bold; font-size: 10px; padding-top: 5px; padding-bottom: 5px; }
.popupleft{color: #ff90ca; font-weight: bold; font-size: 10px;}
.popupright{color: #ff90ca; font-weight: bold; font-size: 10px;}

/* Überschriften h1 - h3 / p / hr = Trennlinie */
#content h1 { font-size: 2em;color:#959698; padding-top: 0px; margin: 0 0 0 0; font-style:italic; font-family: \"Times new roman\"}
#content h2 {font-size: 18px;}
#content h3 {font-size: 14px; color:#959698; margin:0px; border-bottom:1px solid gainsboro;}
#content  p {padding: 0px; margin:0px; font-size:11px;}
#content hr{ color: gainsboro; margin-top: 10px; margin-bottom: 10px;}

/* txt-links */
a:link{color:dimgray; text-decoration: none;}
a:visited{color:dimgray; text-decoration: none;}
a:hover{color: #ff90ca; text-decoration: underline;}
a:active{color: #ff90ca;}

/* bildergalerie */
.thumbs{background-color: gainsboro;
border-top: 1px solid silver; border-left: 1px solid silver;
border-right: 1px solid silver; border-bottom: 1px solid silver;
text-align: center; padding-top: 5px; padding-bottom: 5px;
}
/*agb styling*/
.class_agb{
font-size: 11px;
background-color: transparent;
font-weight: bold;
color: white;
padding: 0 0 0 5px;

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

/* Textareas und Inputs Kontakt */
#kontakt input,textarea{ margin-bottom: 5px; size: 20;
font-family: Verdana,Arial,Sans-serif; font-size:12px; color:dimgray; 
background-color:#FFFFFF; border: 1px solid dimgray;
}

/* Textareas und Inputs allgemein */
textarea, input{
font-size:11px;
font-family: Verdana,Arial,Sans-serif;
border: 1px solid grey;
}

/* Der Footer */

#footer a { color: #f894c8; text-decoration: none;}
#footer { 
width: 795px !important;
width: 800px;
 height: 16px; background: url(/templates/frontend/images/footer.jpg);
font-size: 10px; text-align:left; color:dimgray; 
margin: 0 0 0 0 !important;
margin: -2px 0 0 0;
padding-top: 3px;
padding-bottom: 7px;
padding-left: 5px;
clear:left;
}

/*]]*/