/* CSS Dokument für bea-verlag.ch (Struktur) */

/* Allgemein */
* {margin: 0px; padding:0px;}
.clearer {clear:both; font-size:0px;line-height:0px; height:0px;}
img {border:none;}
a, a:active, a:visited {color:#000000;}
a:hover {color:#666666;}

html,body,div,p,span {font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#333333;text-decoration:none;}

/* Rahmenfiles */
body {background-color:#FF6600;background-image:url(../images/struktur/bg_logo.jpg); background-repeat:no-repeat; background-position:100% 350px;}

#container {margin:0 auto;width:995px;background-image:url(../images/struktur/bg_container.png); background-repeat:repeat-y;}

/* Header */
div#header {position:relative;width:995px;height:110px;}

#printHeader {display:none;}

#suche { position:absolute; width:250px; height:30px; top:48px; left:728px;z-index:1;color:#FFFFFF;text-align:right;background-color:none;padding:0;margin:0;}
	#suche .Suchtext {background-color:#FFFFFF;color:#999999;font-size:0.95em;width:150px;margin-right:5px;padding:1px 3px 1px 3px;}
	#suche .ButtonSuche {font-size:0.95em;padding:0 3px 1px 2px;color:#666666;margin:1px 0 0 0;/*border:1px solid #000;*/}
	#suche table {border:0;padding:0;margin:0 0 0 0;}
	#suche tr td {border:0;padding:0;margin:0;vertical-align:middle;}

#serviceNavig {position:absolute;width:300px;top:18px;right:20px;z-index:1;/*background-color:#FFF;*/background-image:url(../images/transparent.png);background-position:right;background-repeat:no-repeat;text-align:right;padding:3px 7px 3px 0;}
	#serviceNavig #Div1 {color:#000;}
	#serviceNavig #Div1 span {color:#000;font-weight:/*normal*/bold;}
	#serviceNavig #Div1 {float:right; padding:0;}
	#serviceNavig #Div1 a, a:active, a:visited {color:#000;}
	#serviceNavig #Div1 a:hover {color:#FF6600;}
	
#nav_main {position:absolute; top:80px; left:0px; margin-left:208px;width:500px;  /*fuer FF*/}
	#nav_main ul {margin:0; padding:0;}
	* html #nav_main ul {width:500px;}
	#nav_main li {display:inline;padding:0;margin:0;}
	#nav_main li a {float:left; padding-left:12px; background:url("../images/struktur/navig/main_bg_left.gif") no-repeat left top; text-decoration:none; color:#FFFFFF;font-weight:normal; cursor:pointer;}
	#nav_main li a span {float:left;display:block;background:url("../images/struktur/navig/main_bg_right.gif") no-repeat right top; padding:10px 12px 0 0; height:31px;margin-right:2px; cursor:pointer;}
	#nav_main a:focus, #nav_main a:hover {text-decoration:none; color:#CCCCCC;}
	#nav_main .aktiv a {float:left; padding-left:12px; background:url("../images/struktur/navig/mainaktiv_bg_left.gif") no-repeat left top; text-decoration:none; color:#FFFFFF;font-weight:normal; cursor:pointer;}
	#nav_main .aktiv a span {float:left;display:block;background:url("../images/struktur/navig/mainaktiv_bg_right.gif") no-repeat right top; padding:10px 12px 0 0; height:31px;margin-right:2px;font-size:1.2em;font-weight:bold; cursor:pointer;}
	* html #nav_main .aktiv a{}
	* html #nav_main .aktiv a span {}
	#nav_main .aktiv a:hover{}

/* Subnavig */

div#navArea {float:left; width:221px;}
	#nav_sub { margin:0 0 0 8px;}
	#nav_sub ul { margin:0; padding:0; width:200px;  list-style:none;}
	#nav_sub > ul { border-bottom:1px #000000 solid;}
	#nav_sub ul li{ margin:0; padding:0;}
	
	#nav_sub ul li a {display:block; padding:2px 2px 2px 10px; font-weight:bold; text-decoration:none; border-top:1px #000000 solid; color:#000000;background-color:#ffff00;}
	* html #nav_sub ul li a {width:188px; /* w\idth:173px; */ /* Breitenangaben nur fuer IE */}
	/* div#container #nav_sub ul li {background-color:#ffff00;} */
	div#container #nav_sub ul li a:focus, div#container #nav_sub ul li a:visited, div#container #nav_sub ul li a:hover {color:#333333; background-color:#ffff00;} 
	
	#nav_sub ul li ul li a {display:block; padding:2px 2px 2px 35px; font-weight:normal; border-top:1px #000000 solid; text-decoration:none;background-color:#FFFFCC;}
	* html #nav_sub ul li ul li a {width:163px; /* Breitenangaben nur fuer IE */}
	div#container #nav_sub ul li ul li a:focus, div#container #nav_sub ul li ul li a:hover {color:#333333; background-color:#FAF7A4;}
	
	#nav_sub ul li ul li ul li a {display:block; padding:2px 2px 2px 60px; border-top:1px #000000 solid; text-decoration:none;background-color:#FFFFCC;}
	* html #nav_sub ul li ul li ul li a {width:138px; /* Breitenangaben nur fuer IE */}
	div#container #nav_sub ul li ul li ul li a:focus, div#container #nav_sub ul li ul li ul li a:hover {color:#333333; background-color:#FAF7A4;}
	
	#nav_sub li.navigOffen { background-color:#0066CC;}
	#nav_sub li.aktiv a {color:#333333; background-color:#ffff00;}
	#nav_sub div.aktiv a {color:#333333; background-color:#ffff00;background-image:url(/images/struktur/navig/bg_navigaktiv1.png);background-repeat:none;}
#breadcrumb {background-image:url(../images/struktur/bg_breadcrumb.jpg);background-repeat:no-repeat;height:45px;}

#breadcrumbtext {margin-left:0px;padding:17px 5px 5px 221px;color:#666666;font-size:0.90em;}
	#breadcrumbtext a {color:#666666; text-decoration:underline;}
	#breadcrumbtext a:hover {color:#999999;}


/* Content */

div#content {float:left; width:567px; overflow:hidden; padding:0 0 10px 0; }	

	.contentboxL {margin-right:8px;width:242px;float:left;background-image:url(../images/contentbox.gif);background-repeat:no-repeat;}
	.contentboxR {margin:0;width:242px;float:left;background-image:url(../images/contentbox.gif);background-repeat:no-repeat;}
	.contentboxtitel {color:#FFFFFF;padding-left:8px;}
	.contentboxinhalt {padding:8px 5px 5px 8px;}
	
	.zweispalten  {width:492px;margin-top:20px;}
	
div#contenttext {padding-right:13px;}	

div#warenkorb {float:left; width:200px; overflow:hidden; padding:0 0 20px 0; }

	.ArtikelinWK {padding:3px;margin-top:10px;background-color:#FFCC99;border:1px solid #999999;}

	.bestseller {width:200px;margin-bottom:10px;}
	.bestsellertitel {color:#000000;padding:2px 0 0 8px;margin:0; height:21px;font-weight:bold;}
	.bestsellerinhalt {padding:8px 5px 10px 8px;}
	.bestsellerinhalt p {font-size:0.85em;}
		.bestsellerinhalt table {border-collapse:collapse;padding:0;margin:0;}
		.bestsellerinhalt td {padding:0px;border-bottom:0px #000 solid;}
	.bestsellerfuss {padding:0;margin:0;border-bottom:1px solid #CCCCCC;}

	.wkbox {width:200px;margin-bottom:10px;}
	.wkboxtitel {color:#000000;padding:4px 0 0 8px;margin:0; height:19px;font-weight:bold;background-image:url(../images/shop/wkbox.gif);background-repeat:repeat-x;}
	.wkboxinhalt {padding:8px 5px 5px 8px;background-image:url(../images/shop/bg_wk.jpg);background-repeat:repeat-x;}
		.wkboxinhalt table {border-collapse:collapse;padding:0;margin:0;}
		.wkboxinhalt td {padding:0px;border-bottom:0px #000 solid;}
	.wkboxfuss {padding:0;margin:0;border-bottom:1px solid #CCCCCC;}

.partner {border:0;padding:8px;}
.null {font-size:0px;line-height:0px;height:0px;}

/* Formular */

#formular {padding:5px;}
	#formular h2 { margin-bottom:1em;}
	#formular .schliessen { float:right;}
	#formular form br { clear: both;} 
	#formular label{ float:left; text-align:left; width:170px; margin-right:10px; line-height:26px;}
	#formular input {float: left;margin-right:10px;width:220px; height:18px; border:solid 1px #c7c7c7; background-color:#FFF;font-family:Arial, Helvetica, sans-serif;}
	#formular textarea {float: left;margin-right:10px;width:220px; height:90px; border:solid 1px #c7c7c7; background-color:#FFF;font-family:Arial, Helvetica, sans-serif; font-size:0.9em;}
	#formular select {float: left;margin-right:10px;width:220px; border:solid 1px #c7c7c7; background-color:#FFF;font-family:Arial, Helvetica, sans-serif;}	
	#formular .sendenBtn { /*margin-left:194px;*/}
		#formular .sendenBtn input {border:solid 1px #c7c7c7; width:auto; height:20px;}

.Login {width:80px;font-size:0.95em;}
#Fehler {border:1px solid #CC0000;margin-bottom:10px;padding:10px 5px 5px 5px; background-image:url(../images/struktur/bg_fehler.jpg); background-repeat:repeat-x;}
#Fehler ul {margin:10px 0 10px 0;padding:0;}
#Fehler ul li {margin-left:16px;padding:0;}

.shopbutton {margin:10px 0 10px 0;height:18px;}
.shopbutton a, .shopbutton a:focus,.shopbutton a:visited {float:left; padding-left:8px; background:url("../images/shop/button_bg_left.gif") no-repeat left top; text-decoration:none; color:#FFFFFF;font-weight:normal; cursor:pointer;height:18px;}
.shopbutton a span,.shopbutton a:focus span,.shopbutton a:visited span {float:left;display:block;font-size:0.9em;font-weight:bold;background:url("../images/shop/button_bg_right.gif") no-repeat right top; padding:2px 8px 0 0; margin-right:2px; cursor:pointer;color:#000000;height:18px;text-decoration:none;}


/* Startseite */

#contentArea {}

/* Footer */

div#footerArea {margin:0 auto;width:945px;padding:20px 20px 30px 30px; background-image:url(../images/struktur/bg_footer.png); background-repeat:no-repeat;}
	.footer {color:#BB4B00;}
	.footerText {margin:0 6px 0 0; padding:0 0 6px 0;font-size:0.9em;text-align:center;color:#BB4B00; line-height:normal;}
	.footerText a, a:active, a:visited {color:#BB4B00; text-decoration:underline;font-size:1em;}
	.footerText a:hover {color:#BB4B00;font-size:1em;}

.navAccesskey {display:none;}