/*
CSS erstellt von:
Ritter Internetlösungen
Torben Ritter
Antonigasse 2
91093 Hrßdorf
http://www.riter-internetlösungen.de
info@torben-ritter.de
*/

/* GRUNDGERÜST */

* {
	margin: 0;
	padding: 0;
}
body, html {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	border:0;
	margin: 0;
	padding:0;
	height:100%;
	left: auto;
	right: auto;
	background-color:#541B1B;
		/* Und damit der IE 5.5 die Seite auch mittig darstellt, dieser kleine Workaround */	
	text-align: center;
	/* Ende IE 5.5 Workaround */
}

li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

p {
	font-size: 12px;
}

a {
	text-decoration:none; 
	color:#202020; 
}

a:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: bold;
}

a img {
	text-decoration: none;
	border: none;
}


#container {
	text-align: left; 
	width: 947px;
	height: auto; 
	margin-left:auto;
	margin-right:auto;
	background-color: #E3F4A7;
	}


#header {
	width: 947px; 
	height: 130px; 
	background-image: url(./img/headergrafik.jpg); 
	background-repeat:no-repeat;
	background-position: top;
	}
#wrap {
	/*position: relative;*/
	width: 947px;
	background-color: #E3F4A7;
	height: auto;
	
}	

#container_topmenu {
	width: 947px;
	height: 39px;
	background-image: url(./img/navigrafik.jpg); 
	background-repeat: repeat-x;
	background-position: top;
}	

#date {
	margin-left: 230px;
	width: 450px;
	height: 130px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#FFFFFF;
	font-style: normal;
	font-weight: bold;
	text-transform: none;
	text-align:left;
	white-space: normal;
	padding-top: 105px;
}
* html #date {
	margin-left: 235px;
	width: 450px;
	height: 20px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#404830;
	font-style: normal;
	font-weight: bold;
	text-transform: none;
	text-align:left;
	white-space: normal;
	padding-top: 105px;
}

#suche {
	width: 285px;
	height: 39px;
	float: right;	
}

.sucheheader {
	float:left; 
	color: #FFFFFF; 
	font-size: 12px; 
	font-weight: bold; 
	padding-top: 6px; 
	padding-right: 5px;
}

.suchfeld {
	float:left; 
	width:130px; 
	padding-top: 6px;
}

.erweiterte_suche {
	float: right;
	font-size:10px; 
	color: #FFFFFF; 
	padding-top: 6px;
	padding-right: 10px;
}

.erweiterte_suche:hover {
	color: #C2D180;
}

.suche_button {
	float:left; 
	width:28px; 
	padding-top: 6px;
}

#topmenu {
	display:inline;
	width: 615px;
	height: 39px;
	float: left;
	color: #FFFFFF;
}

#topmenu a {
	color: #FFFFFF;
	text-decoration: none;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 10px;
}

#topmenu a:hover {
	color: #C2D180;
	font-weight:bold;
	padding-bottom: 13px;
	background-color: #002B00;
}

#topmenu ul {
	list-style:none;
}
	
#hauptbereich {
	clear: both;
	/*position: relative;*/
	width: 947px;
	min-height:500px;
	height:auto !important;  /* für moderne Browser */
	height:500px;  /*für den IE */
	left: 0px;
	top: 0px;
	/*z-index: 10;*/
	
	
}

.headerNavigation {
	color: #004000;
	font-size: 10px;
}

#drei_spalten_container {
	clear: both;
	position: relative;
	width: 947px;
	height: auto;
	/*z-index:20;*/
	
}


#linke_spalte {
	/*position: relative;*/
	float: left;
	width: 200px;
	height: auto;
	/*z-index: 25;*/
	text-align: left;	
	margin-left: 0px;
}

#mittlere_spalte {
	/*position: relative;*/
	background-color: #E3F4A7;
	float: left;
	margin-left: 10px;
	width: 525px;
	height: auto;
	/*z-index: 30;*/
	text-align: left;	
}

#rechte_spalte {
	float: right;
	left: 10px;
	width: 200px;
	height: auto;
	/*z-index: 40;*/
	text-align:left;
	margin-right: 0px;
}

#fuss{
	clear: both;
	width: 947px;
	height: 21px;  
	background-color: #2F3522; 
	background-image: url(./img/footergrafik.jpg); 
	background-repeat: repeat-x;
	background-position: top;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #E3F4A7;
}

/* ENDE GRUNDGERÜST */

/* ----------------------------------- */

/* ÜBERSCHRIFTEN */

h1 {
	color:#333333;
	font-weight:bold;
	font-size:22px;
	margin:20px 0px 15px 0px;
	padding:0px 0px 3px 0px;
	width:auto;
	border-style:solid;
	border-width:0px 0px 1px 0px;
	border-color:#0066B4;
}

h2 {
	color:#333333; 
	font-weight:bold;
	font-size:14px;
	margin:15px 0px 8px 0px;
	padding:0px;
}
h2.autoren {
	color:#333333; 
	font-weight:bold;
	font-size:14px;
	margin:0px 0px 8px 0px;
	padding:0px;
}

/* PROGRAMM MENU */


#boxcontent ul {
	margin-bottom:20px;
}

a.level1activ {
	font-weight: bold;
	color: #6A0000;
	padding:2px 0px 2px 10px;
}

a.unterlevelactive{
	font-weight: bold;
	color: #6A0000;
	padding:2px 0px 2px 10px;
}

li.maincontent{
	margin-left: 25px;
	list-style-type:circle;
}

/* ERSTE EBENE */

li.level1 {
	list-style-type:none; 
	font-size:12px; 
	padding:2px 0px 2px 0px;
	border-bottom: dotted 1px #006600;
	}

a.level1  {
	list-style-type:none; 
	font-size:12px; 
	text-decoration:none; 
	margin:0; 
}
 
li.level1 submenue {
	list-style-type:none; 
	font-size:12px; 
	padding:2px 0px 2px 0px;
	border-bottom: dotted 1px #006600;
	}
	
li.unterlevel1 {
	list-style-type:none; 
	font-size:12px; 
	padding:2px 0px 2px 0px;
	border-bottom: dotted 1px #006600;
}
li.unterlevelactive {
	font-weight: bold;
	color: #6A0000;
	padding:2px 0px 2px 10px;
}
	
li.unterlevel1  submenue1{
	list-style-type:none; 
	font-size:12px; 
	padding:2px 0px 2px 0px;
	border-bottom: dotted 1px #006600;
}
	

	
a.level1 submenu {
	list-style-type:none; 
	font-size:12px; 
	text-decoration:none; 
	margin:0; 
}

/* WEITERE EBENE */

li.unterlevel {
	list-style-type:none; 
	font-size: 12px; 
	padding:2px 0px 2px 15px;
	border-bottom: 1px dotted #006600;
}

li.unterlevel1 {
	list-style-type:none; 
	font-size: 12px; 
	padding:2px 0px 2px 15px;
	border-bottom: 1px dotted #006600;
}

a.unterlevel  {
	list-style-type:none; 
	font-size: 12px; 
	text-decoration:none; 
	margin:0;
}

a.unterlevel1  {
	list-style-type:none; 
	font-size: 12px; 
	text-decoration:none; 
	margin:0;
}

li.unterlevel2 {
	list-style-type:none; 
	font-size: 12px; 
	padding:2px 0px 2px 25px;
	border-bottom: 1px dotted #006600;
}

a.unterlevel2  {
	list-style-type:none; 
	font-size: 12px; 
	text-decoration:none; 
	margin:0;
}

li.unterlevel3 {
	list-style-type:none; 
	font-size: 12px; 
	padding:2px 0px 2px 25px;
	border-bottom: 1px dotted #006600;
}

a.unterlevel3  {
	list-style-type:none; 
	font-size: 12px; 
	text-decoration:none; 
	margin:0;
}





/* BOXEN */

h2.boxheader {
	font-size:14px; 
	background-color:#E3F4A7; 
	background-image:url(img/background_boxheader.jpg); 
	background-repeat:no-repeat; 
	color:#ffffff; 
	padding:4px 6px 4px 30px; 
	margin:0; 
	vertical-align:middle;}
	
h2.boxheader240 {
	width: auto;
	overflow: hidden;
	font-size:14px; 
	background-color:#E3F4A7; 
	background-image:url(img/background_boxheader_repeat_x.jpg); 
	background-repeat: repeat-x; 
	color:#ffffff; 
	padding:4px 6px 4px 30px; 
	margin:0; 
	vertical-align:middle;}

h2.boxheader_programm {
	font-size:14px; 
	background-color:#E3F4A7; 
	background-image:url(img/background_boxheader_programm.jpg); 
	background-repeat:no-repeat; 
	color:#ffffff; 
	padding:4px 6px 4px 30px; 
	margin:0; 
	vertical-align:middle;}
	
h2.boxheader_verlag {
	font-size:14px; 
	background-color:#E3F4A7; 
	background-image:url(img/background_boxheader_verlag.jpg); 
	background-repeat:no-repeat; 
	color:#ffffff; 
	padding:4px 6px 4px 30px; 
	margin:0; 
	vertical-align:middle;}
	
h2.boxheader_veranstaltungen {
	font-size:14px; 
	background-color:#E3F4A7; 
	background-image:url(img/background_boxheader_veranstaltungen.jpg); 
	background-repeat:no-repeat; 
	color:#ffffff; 
	padding:4px 6px 4px 30px; 
	margin:0; 
	vertical-align:middle;}

h2.boxheader_service {
	font-size:14px; 
	background-color:#E3F4A7; 
	background-image:url(img/background_boxheader_service.jpg); 
	background-repeat:no-repeat; 
	color:#ffffff; 
	padding:4px 6px 4px 30px; 
	margin:0; 
	vertical-align:middle;}
	
h2.boxheader_information {
	font-size:14px; 
	background-color:#E3F4A7; 
	background-image:url(img/background_boxheader_information.jpg); 
	background-repeat:no-repeat; 
	color:#ffffff; 
	padding:4px 6px 4px 30px; 
	margin:0; 
	vertical-align:middle;}
	
h2.boxheader_schnellkauf {
	font-size:14px; 
	background-color:#E3F4A7; 
	background-image:url(img/background_boxheader_schnellkauf.jpg); 
	background-repeat:no-repeat; 
	color:#ffffff; 
	padding:4px 6px 4px 30px; 
	margin:0; 
	vertical-align:middle;}
	
h2.boxheader_newsletter {
	font-size:14px; 
	background-color:#E3F4A7; 
	background-image:url(img/background_boxheader_newsletter.jpg); 
	background-repeat:no-repeat; 
	color:#ffffff; 
	padding:4px 6px 4px 30px; 
	margin:0; 
	vertical-align:middle;}

h2.boxheader_kundenlogin {
	font-size:14px; 
	background-color:#E3F4A7; 
	background-image:url(img/background_boxheader_kundenlogin.jpg); 
	background-repeat:no-repeat; 
	color:#ffffff; 
	padding:4px 6px 4px 30px; 
	margin:0; 
	vertical-align:middle;}
	
h2.boxheader_warenkorb {
	font-size:14px; 
	background-color:#E3F4A7; 
	background-repeat:no-repeat; 
	color:#ffffff; 
	margin:0; 
	vertical-align:middle;}
	
h2.boxheader_warenkorb img {
	margin-right: 10px;
	float:left;
}

.boxcontent {
	padding:8px; 
	border: solid 1px #525C39; 
	background-color: #F6FAE2;
	background-image:url(img/background_boxcontent.jpg);
	background-repeat:no-repeat; 
}

.boxcontent_startseite {
	width: 249px;
}

.product_info_box {
	padding:8px; 
	border: solid 1px #525C39; 
	background-color: #F6FAE2;
	background-image:url(img/background_boxcontent.jpg);
	background-repeat:no-repeat; 
}

.product_info_box_middle_left {
	float: left;
}

.product_info_box_middle_thumbnail {
	margin-right: 20px;
	margin-bottom: 10px;
}

div.pageHeading, div.contentsTopics {
	width: 510px;
	height: 30px;
	background-color:#233E00;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 15px;
	padding-top: 5px;
}

.abstand5 {
	margin-bottom:5px;
}

.abstand8 {
	margin-bottom:8px;
}

.abstand10 {
	margin-bottom:10px;
}

.order_details { 
	width: 100%; 
	text-align: left; 
}

.order_details_article { 
	width: 100px; 
	float: left; 
	margin-top: 5px;
}

.order_details_article_header { 
	width: 100px; 
	float: left; 
	border-bottom: 1px solid #CCCCCC;
}

.order_details_img { 
	width: 70px; 
	float: left; 
	text-align: center; 
	margin: 5px 0 8px 0; 
}

.order_details_img_header { 
	width: 70px; 
	float: left; 
	text-align: center; 
	margin: 0 0 8px 0; 
	border-bottom: 1px solid #CCCCCC;
}

.order_details_qty { 
	width: 50px; 
	float: left; 
	text-align: center; 
	margin-top: 5px;
}

.order_details_qty_header { 
	width: 50px; 
	float: left; 
	text-align: center; 
	border-bottom: 1px solid #CCCCCC;
}

.order_details_remove { 
	width: 50px; 
	float: left; 
	text-align: center; 
	margin-top: 15px;
}

.order_details_remove_header { 
	width: 50px; 
	float: left; 
	border-bottom: 1px solid #CCCCCC;
}

.order_details_shippingtime { 
	width: 70px; 
	float: left; 
	margin-top: 5px
}

.order_details_shippingtime_header { width: 70px; float: left; border-bottom: 1px solid #CCCCCC }

.order_details_totalcost { text-align: right; margin: 20px 0 0 0 }

.order_details_totalcost strong { font-size: 11px; font-weight: bolder }

.order_details_totalprice_header { width: 80px; float: right; text-align: right; border-bottom: 1px solid #CCCCCC }
.order_details_singleprice_header { width: 70px; float: left; border-bottom: 1px solid #CCCCCC }

.order_detais_totalprice  { width: 80px; float: right; text-align: right; margin-top: 5px; font-weight: bolder }
.order_details_singleprice { width: 70px; float: left; margin-top: 5px }

.gallery a {
				font-family:Verdana,Helvetica,sans-serif;
				font-size:9px;
				font-style:normal;
				font-size-adjust:none;
				line-height:1.4em;
				display:block;
				width:110px;
				height:auto;
				text-align:center;
				float:left;
				overflow:hidden;
				margin:5px;
				padding:1px;
				padding-top:5px;
				text-decoration:none;
				color:#666666;
				border:solid 1px #b8b8b8;
				background-color:#f4f5f5;
				opacity:0.87;
				filter:alpha(opacity=87);
			}
.gallery a:hover{
				opacity:1;
				filter:alpha(opacity=100);
			}
.gallery a img{
				border: none;
				height:100px;
				width:100px;
			}