/* Reset all */
*{padding:0;margin:0;}

body {font-size:12px; margin:0px; padding:0px; font-family:verdana, sans-serif; text-align:center}
a img {border:0;}
a:focus {outline: none;}
div,p,ul {font-size:12px; line-height:160%; text-align:left}
td {vertical-align:top;}
pre { display:none }
ul,ol {margin:0 0 10px 20px}
input,textarea,select {font-size:12px;font-family:verdana, sans-serif;}

/*DEFAULT*/
P {margin-bottom:10px}

/*HEADLINES*/
H1 {margin:10px 0; font-weight:normal; font-size:18px}
H2 {margin:2px 0 5px; font-size:14px}
H3 {margin:0 0 5px; font-size:12px;}

/*CONTAINER*/
#wrapper {margin:auto; width:960px;}
#headerimage {}
#headernavi {padding:5px 10px;}
#headernavi DIV {font-size:11px}
#breadcrumb {padding:5px 0px; margin-bottom: 10px; border-bottom: 1px solid #f2f2f2; font-size:11px}
#main {padding:5px 15px 15px}
#mainnavi {margin:5px 5px 5px 5px}
#left {float:left;width:660px}
#right {float:right;width:240px}
#content_left {float:left;width:220px}
#content_right {float:right;width:500px}
#footer {margin:30px 0; color:#546D73;}
#footer DIV {font-size:11px}
#full_children { margin-top: 30px }

/*NAVI*/
ul#topnav {
    font-family:arial, verdana, sans-serif;
	margin: 0; padding: 0;
	float: left;
	width: 947px;
	list-style: none;
	background: url(../images/bg_navi.jpg) repeat-x;
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	border-right: 2px solid #fff; /*--Divider for each parent level links--*/
	position: relative; /*--Set relative positioning on the unordered list itself - not on the list item--*/	
}
ul#topnav li a.sub {
	font-size: 11px;
	font-weight: bold;
	padding: 5px 15px;
	display: block;
	color: #000;
	text-decoration: none;
	text-transform: uppercase;

}
ul#topnav li.active {color: #fff}
ul#topnav li a.a_61 {
	border-bottom: 2px solid #EFC41A;	
}
ul#topnav li a.a_62 {
	border-bottom: 2px solid #054075;	
}
ul#topnav li a.a_63 {
	border-bottom: 2px solid #5091AC;	
}
ul#topnav li a.a_64 {
	border-bottom: 2px solid #75941E;	
}
ul#topnav li a.a_65 {
	border-bottom: 2px solid #730C10;	
}
ul#topnav li a.a_66 {
	border-bottom: 2px solid #CE636C;	
}
ul#topnav li.active a { color: #fff }
/* ul#topnav li:hover { background: #1376c9; } */
ul#topnav #li_61.active, ul#topnav #li_61:hover { background: #EFC41A; color: #fff }
ul#topnav #li_62.active, ul#topnav #li_62:hover { background: #054075; color: #fff }
ul#topnav #li_63.active, ul#topnav #li_63:hover { background: #5091AC; color: #fff }
ul#topnav #li_64.active, ul#topnav #li_64:hover { background: #75941E; color: #fff }
ul#topnav #li_65.active, ul#topnav #li_65:hover { background: #730C10; color: #fff }
ul#topnav #li_66.active, ul#topnav #li_66:hover { background: #CE636C; color: #fff }

ul#topnav li span {
	float: left;
	padding: 5px 15px;
	position: absolute;
	left: 0; top:29px;
	display: none; /*--Hide by default--*/
/* 	width: 947px; */
	width: auto;
	min-width: 200px;
	background: #1376c9;
	color: #fff;
	z-index: 99;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
ul#topnav li span.span_61 { background: #EFC41A; color: #fff }
ul#topnav li span.span_62 { background: #054075; color: #fff }
ul#topnav li span.span_63 { background: #5091AC; color: #fff }
ul#topnav li span.span_64 { background: #75941E; color: #fff }
ul#topnav li span.span_65 { background: #730C10; color: #fff }
ul#topnav li span.span_66 { background: #CE636C; color: #fff }
ul#topnav li:hover span { display: block; } /*--Show subnav on hover--*/
ul#topnav li span a { display: block; border: 0; text-transform: none; padding: 2px 0; color: #fff; } /*--Since we declared a link style on the parent list link, we will correct it back to its original state--*/
ul#topnav li span a:hover {text-decoration: underline;}

#tagcloud {margin-bottom: 20px}
#navi {padding:10px;margin-bottom:20px}
#basket {padding:10px;margin-bottom:20px; background:#AAAAAA}
#basket H2 {color:#fff}
#basket UL {list-style:none;margin:0px}
#basket UL LI {background:#fff;color:#000;padding:5px;margin-bottom:5px;font-size:11px}
.searchbox {padding:0px 10px;}
#searchform {}
#searchinput, #searchsubmit {vertical-align: middle; font-family:verdana, sans-serif; font-size:12px;}
#searchinput {border: 1px solid #B5B5B5; width: 180px; background:#fff url(/design/ger/images/bg_input.jpg) top left repeat-x;}

/*LINKS*/
a {text-decoration:none}
a:hover {text-decoration:underline}
#navi a {display:block;text-decoration:none;padding:3px 5px;border-bottom:1px solid;font-size:13px}
#navi a:hover {}
#navi a.active {font-weight:bold}
#breadcrumb a {text-decoration:underline}
#breadcrumb a:hover {font-weight:bold}
#footer a {text-decoration:none; color:#546D73;}
#footer a:hover {text-decoration:underline;}
#headernavi a {text-decoration:none; color:#546D73;}
#headernavi a:hover {font-weight:bold}
a.related {display:block; background:url(/design/ger/images/arrow.gif) no-repeat left center; padding-left:10px}
a.map_navi_head {display:block;padding:3px 5px}
a:hover.map_navi_head {}
a.map_navi {display:block;color:#000;font-size:10px;padding:0 5px}
a:hover.map_navi {}
a.kasse {background:#fff url(/design/ger/images/arrow.gif) no-repeat 5px center; padding:2px 10px 2px 15px; font-weight:bold; font-size:11px}
a.geo {display:block; color:#000; font-weight:bold; height:20px; background:url("/design/ger/images/icon_geo.png") no-repeat left center; padding-left:30px}

H2 a {color:#4C4C4C;font-size:14px}
H3 a {color:#000;font-size:11px}

/*SPANS*/
span.price {font-size:15px; font-weight:bold}

/*FORMULARE*/
.form {padding:10px;background:#f2f2f2;border:1px solid #f1f1f1}
.form INPUT.box {width:300px}
.form TEXTAREA.box {width:300px}

/*BOXES*/
.form_box {padding:10px;background:#f2f2f2}
.form_box TD.label {width:130px; font-weight:bold;padding:5px}
.form_box TD.form {padding:5px}
.form_box TD.form INPUT,TEXTAREA {width:300px}

.form_box H2 {color:#000}
.form_box .form_label {float:left;width:150px;font-weight:bold}
.form_box .form_input {float:right;width:430px;}
.form_box .form_input_big {float:right;width:430px;}
.form_box .form_input_small {float:right;width:430px;}
.form_box .form_input_big INPUT,TEXTAREA {width:300px}
.form_box .form_input_small INPUT {width:100px}

#box_related {padding:10px;border:1px solid #f2f2f2}

/*BUTTONS*/
INPUT.cart {}

/*MESSAGE*/
.form-warning {padding:10px;margin-bottom:10px;background:#A20000;color:#fff}
.form-warning h2 {font-size:13px}
.warning {padding:10px;margin-bottom:10px;background:#A20000;color:#fff}
.warning p {color:#fff}
.warning h2 {font-size:13px}

/*FULLS*/
.left {float:right;width:450px}
.right {float:left;width:190px;font-size:11px}
.right a {font-size:11px}
.sub {font-size:9px}
.sub P{font-size:9px}
.float_contentaction {float:right;width:200px;margin:0 0 20px 20px;background:#f2f2f2}

/*LINES*/
.line {padding:10px 0; margin:10px 0; border-bottom:1px solid}
.line_image {float:left;width:190px}
.line_content {float:right;width:450px}
.line P {font-size:11px;}
.line A {font-size:12px}

.listitem_image {float:left;width:105px}
.listitem_content {float:right;width:190px}
.listitem H2 {font-size:12px;margin:0 0 5px}
.listitem P {font-size:11px}
.listitem A {font-size:11px}

.listitem_infobox { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #f2f2f2 }

.listitem_teaser {}
.listitem_teaser_image { height: 160px; overflow: hidden }
.listitem_teaser_content { border-top: 1px solid #000; border-bottom: 1px solid #c2c2c2; background: #f2f2f2; padding: 5px 10px }
.listitem_teaser_content a { color: #000; font-weight: bold; font-size: 13px; text-transform: uppercase; display: block }

.line_banner:hover { cursor: pointer }
.line_banner_content { border-top: 1px solid #000; border-bottom: 1px solid #c2c2c2; background: #f2f2f2; padding: 5px }
.line_banner_content * { margin: 0; padding:0 }

.banner_container { padding: 10px 0 0; border-bottom: 1px solid #c2c2c2; border-top: 1px solid #c2c2c2; margin-bottom: 20px }

.listitem_banner { float: left; margin-bottom: 10px; margin-right: 10px }
.listitem_banner_inner { width: 157px; }
.listitem_banner_inner h3 { font-size: 11px; line-height: 12px }
.listitem_banner:hover { cursor: pointer }
.listitem_banner_img { height: 100px; overflow: hidden }
.listitem_banner_content { border-top: 1px solid #000; border-bottom: 1px solid #c2c2c2; background: #f2f2f2; padding: 3px; font-size: 10px }
.listitem_banner_content * { margin: 0; padding:0; font-size: 10px }


/*TABELLEN*/
#left TABLE {display:inline-table;border-spacing:2px 2px;margin-bottom:10px}
#left TH,TD {padding:5px;background:#f2f2f2;}
#left TH P {padding:0;margin:0}
#left TD P {padding:0;margin:0}

/*SHOP*/
#shop-basket TABLE {background:#f2f2f2}
#shop-basket TABLE TH,TD {padding:5px}
#shop-basket TABLE TH {background:#AAAAAA;color:#fff}
#shop-basket TABLE TD.bglight {background:#F8F8F8}
#shop-basket TABLE TD.bgdark {background:#E4E4E4}
#shop-userregister DIV.block {margin-bottom:10px}
#shop-userregister DIV.block INPUT, TEXTAREA, SELECT {width:300px}
#shop-userregister .warning {border:2px solid #000;color:#fff}
#shop-userregister .warning p {color:#fff;font-weight: bold}
#shop-confirmorder TABLE {background:#f2f2f2}
#shop-confirmorder TABLE TH,TD {padding:5px}
#shop-confirmorder TABLE TH {background:#AAAAAA;color:#fff}
#shop-confirmorder TABLE TD.bglight {background:#F8F8F8}
#shop-confirmorder TABLE TD.bgdark {background:#E4E4E4}
#shop-orderview TABLE {background:#f2f2f2}
#shop-orderview TABLE TH,TD {padding:5px}
#shop-orderview TABLE TH {background:#AAAAAA;color:#fff}
#shop-orderview TABLE TD.bglight {background:#F8F8F8}
#shop-orderview TABLE TD.bgdark {background:#E4E4E4}
#shop-steps {padding:5px 10px; background:#F8F8F8; margin-bottom:10px; font-size:13px}
#shop-steps SPAN.active {font-size:13px; color:#000; font-weight:bold}
#shop-steps SPAN.inactive {font-size:13px; color:#A8A8A8;  font-weight:bold}

/*TOUBIZ*/
#navi_toubiz {padding:10px;font-size:11px}
#navi_toubiz H1 {margin:0; font-weight:normal; font-size:15px}
#navi_toubiz a.toubiz {padding:3px 5px}
#navi_toubiz INPUT, SELECT {font-size:11px}

/*TWITTER*/
#twitter {margin-top:0;}

/*BUTTON*/
.button_red  {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font-size: 12px;
	padding: .4em 1.5em .42em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	color: #ffffff;
	border: solid 1px #cf666f;
	background: #df989e;
	background: -webkit-gradient(linear, left top, left bottom, from(#df989e), to(#cf666f));
	background: -moz-linear-gradient(top,  #df989e,  #cf666f);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#df989e', endColorstr='#cf666f');	
}
.button_red:hover {
	text-decoration: none;
	color: #ffffff;
	background: #df989e;
	background: -webkit-gradient(linear, left top, left bottom, from(#cf666f), to(#df989e));
	background: -moz-linear-gradient(top,  #cf666f,  #df989e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cf666f', endColorstr='#df989e');		
}
.button_red:active {
	position: relative;
	top: 1px;
	color: #ffffff;
	background: -webkit-gradient(linear, left top, left bottom, from(#cf666f), to(#df989e));
	background: -moz-linear-gradient(top,  #cf666f,  #df989e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cf666f', endColorstr='#df989e');		
}


/*CLEAR*************************************************/
.l {background-color:#4C4C4C; height:1px; font-size:1px; border:0px;overflow:hidden;clear:both;}
.w {background-color:#fff; height:1px; font-size:1px; border:0px;overflow:hidden;clear:both;}
.c {clear:both;}
.c2 {clear:both; font-size:2px; height:2px;border:0px;overflow:hidden;}
.c3 {clear:both; font-size:3px; height:3px;border:0px;overflow:hidden;}
.c5 {clear:both; font-size:5px; height:5px;border:0px;overflow:hidden;}
.c10 {clear:both; font-size:10px; height:10px;border:0px;overflow:hidden;}
.c15 {clear:both; font-size:15px; height:15px;border:0px;overflow:hidden;}
.c20 {clear:both; font-size:20px; height:20px;border:0px;overflow:hidden;}
.c30 {clear:both; font-size:30px; height:30px;border:0px;overflow:hidden;}
.c40 {clear:both; font-size:40px; height:40px;border:0px;overflow:hidden;}
.c50 {clear:both; font-size:50px; height:50px;border:0px;overflow:hidden;}
.c60 {clear:both; font-size:60px; height:60px;border:0px;overflow:hidden;}
.c70 {clear:both; font-size:70px; height:70px;border:0px;overflow:hidden;}
.c80 {clear:both; font-size:80px; height:80px;border:0px;overflow:hidden;}
