/*--------------------------------------------------------
	(co) copyright 2003 - 2007 TN34.DE Tobias Niethammer
	$Revision: 1.26 $
	$Author: bohlig $
---------------------------------------------------------- */


/** Basiskonfiguration
Hauptfarben
Dunkelblau:			rgb(55,106,155) 	#376a9b (Headlines, Rollover)
Hellblau:			rgb(195,210,225) 	#c3d2e1 (Balken Linke Spalten)
Orange (Balken): 	rgb(255,194,192) 	#ffc266 (Balken Main-Content)
Orange (Rollover): 	rgb(255,153,0) 		#ff9900 (Rollover)
Hellgrau: 			rgb(102,102,102) 	#666666 (Fliesstext, Navi)
Grau: 				rgb(153,153,153) 	#999999 (Navi)
Rot: 				rgb(204,0,0)		#cc0000 (Warenkorb small)



					rgb(174,154,189)	#759abd	(Navi-Linke-Spalte Hintergrund Rollover)
					rgb(235,245,255)	#ebf5ff (Navi-Linke-Spalte Hintergrund Level 2)
					rgb(220,233,249)	#dce9f9 (Navi-Linke-Spalte Rahmen li + oben  Level 1)
					rgb(174,183,192)	#aeb7c0	(Navi-Linke-Spalte Rahmen re + unten Level 1)
					rgb(209,225,241)	#d1e1f1	(Navi-Linke-Spalte Hintergrund Level 1)
**/
* {margin:0; padding:0;}
option {padding-left: 0.4em;}

html {height:100%}

body {
    min-height:101%;
	font-family: arial, helvetica, sans-serif;
	font-size: 100.01%;
	position: relative;
	text-align:left;
	background-color: #FFF;
	font-size: 11px;
	color:#666666;
}

/* Links in den Boxen*/
a {
	color:#376a9b;
	Zcolor: red;
	font-weight: normal;
	font-size:11px;
	text-decoration:none;
	padding-left:8px;
	background:url(../images/main_navi_icon_6x9.png) no-repeat 0 50%;
}
big a {font-size:14px; font-weight: bold;}
a:hover,
a:active,
a:focus {
	color: #ff9900;
}
a.no-arrow {
	background:none;
	padding:0;
}

img {
	border:1px solid #cccccc;
}

img.center {
	margin-left:auto;
	margin-right:auto;
	Zborder:1px solid red;
	text-align:center;
	display:block;
}

img.left {
	float:left;
}

img.right {
	float:right;
}

img.borderless {
	border-width:0px !important;
}

img.margin {
	padding:4px;
	border:1px solid yellow;
}

h1 {color:#C3D2E1;}

h1 {
	clear: both;
	margin-top: 30px;
}

h2{
	margin: 0;
	color:#376a9b;
	font-size:15px;
	text-align:left;
	Zborder: 1px solid red;
}
h3 {
	margin: 0;
	color:#376a9b;
	font-size:11px;
}
sup {font-size: 8px;}

#maincontent h1{
	margin-left:10px;
	font-weight:normal;
	font-size:28px;
}
#maincontent h1 strong {
	color:#376a9b;
	font-weight: normal;
}

#maincontent box h1{
	margin-left:0px;
}


.center {margin: 0 auto;}
p {	margin:8px 0;}
p strong {color:#376a9b;}

ul {margin:0px;padding:0px;}


big {font-size:1.1em}

.error {color: red; font-weight: bold;}

/******************/
/**     main     **/
/******************/



#wrapper-main {
	position:relative;
	min-height:100%;
    height:auto;
    height:100%;
    /*width:1260px;*/
	Zborder:1px solid black;
}

/******************/
/**   content    **/
/******************/


#wrapper-content {
	position:absolute;	top:200px;	left:0;
	width:100%;
	background:url(../images/main_left-col_bg_250x5.jpg) repeat-y;
	Zborder:4px solid green;
}
#content-foo {
	width:1200px;
	Zborder:1px solid green;
}

#content {
	Zwidth:1188px;
	Zborder:1px solid green;
}
#content-x {
	background:url(../images/main_footer_bg_5x75.jpg) repeat-x bottom left;
}
#content-bl {
	background:url(../images/main_footer_left-col_300x75.jpg) no-repeat bottom left;
	padding-bottom:30px;
}



/******************/
/**     Kopf     **/
/******************/


#wrapper-head {
	position:absolute;	top:0px;	left:0px;
	width:100%;
	height:200px;
	background:url(../images/main_header_bg_5x200.jpg) repeat-x;
	Zborder:1px solid black;
}

#wrapper-head-x {
	width:100%;
	height:200px;
}
#logo {
	display: block;
	height:135px; width: 230px;
	background:url(../images/main_header_left-col-logo_250x200.jpg) no-repeat;
}

#head{
	position:relative;
	height:200px;
	width:1188px;
	background:url(../images/main_header_left-col-logo_250x200.jpg) no-repeat bottom left;
	Zborder:1px solid;
}

/******************/
/** Linke Spalte **/
/******************/

#wrapper-left {
	float:left;
	width:203px;
	padding-left:0px;
	margin-bottom:50px;
	Zborder:1px solid red;
}

#left {
	margin-left:18px;
}


/*******************/
/** Rechte Spalte **/
/*******************/

#content-foo #wrapper-right {
	display:none;
}
#content-foo.ext #maincontent {
	margin-right:8px;
}

#content-foo.ext {
	width:1395px;
}

#content-foo.ext #wrapper-right {
	display:block;
	width:190px;
	float:right;
}



/******************/
/** Hauptinhalt  **/
/******************/


#maincontent {
	float:right;
	width:907px;
	margin-right:2px;
	padding-bottom:50px;
	Zborder:1px solid red;
}



/******************/
/**    footer    **/
/******************/

#wrapper-footer {
	height:75px;
	width:100%;
	width:950px;
	margin-bottom:10px;
}

#footer {
	position:relative;	bottom:10px;
	width:100%;
	text-align:center;
	font-family:Arial;
	font-size:10px;
	color:#666666;
}

/************/
/** Suche **/
/************/
#search {
	position:absolute;	top:143px;	left:300px;
	width:400px;
	height:20px;
	Zborder:1px solid;
}
#search form {display: inline;}

#search-text {
	color:#376a9b;
	text-transform:uppercase;
	font-weight:bold;
	font-size:12px;
	letter-spacing:1.1px;
	vertical-align:middle;
	margin-left:10px;
}

#search-input {
	margin-left:5px;
}

.search-go {
	width:22px;
	height:18px;
	margin-left:2px;
	Zbackground:url(../images/main_search-small_button-search_22x18.jpg) no-repeat;
	border:0px;
}


#search-detail{
	Zposition:relative;	top:1px;	left:20px;
	width:74px;
	height:18px;
	margin-left:15px;
	Zbackground:url(../images/main_search-small_button-detailsearch_74x18.jpg) no-repeat;
	border:0px;
}



/** Brotkrumen **/

#breadcrumb {
	position:absolute;	top:167px;	left:300px;
	width:626px;
	height:27px;
	padding-left:8px;
	padding-top:8px;
	color:#999999;
	font-size:11px;
	font-weight:bold;
	background:url(../images/main_navi-position_bg_626x27.jpg) no-repeat;
}

#language {
	position:absolute;	top:0px;	right:0px;
	width:77px;
	height:50px;
	text-align:center;
	background:url(../images/main_navi-meta_language-bg_77x23.jpg) no-repeat;
}

#language a {background:none;padding:0px;}
#language div {
	width:auto;
	margin-left:auto;
	margin-right:auto;
	Zborder:1px solid;
}
#language div img {
	margin:3px 3px 0px 3px
}



#wrapper-cart {
	position:absolute;	top:167px;	right:0px;
	width:189px;
	height:27px;

	background:url(../images/main_basket-small_bg_189x27.jpg) no-repeat;
}

#cart {
	padding-top:8px;
	color:#666;
	font-size:11px;
	font-weight:bold;
	text-align:center;

	Zbackground:url(../images/main_basket-small_basket_25x27.jpg) no-repeat 5px 0px;
	Zborder:1px solid;
}
#cart img {
	border:0px;
}
#cart span {
	vertical-align:middle;
}
#cart a {
	position:absolute;	top:0px;	left:3px;
	padding:0;
	background:none;
}

/** Sonstiges **/
.cl {clear:left;}
.cb {clear:both;}
.cr {clear:right;}

.wrapper-box-content:after,
.cbfix:after {
	content: ".";
	display: block;
	height: 0;
    line-height: 0;
	visibility: hidden;
	clear: both;
}
.wrapper-box-content:after,
.cbfix:after {
	display: inline-block;
}
/* Hides from IE-Mac\*/
	* html .wrapper-box-content:after,
	* html .cbfix:after {
		height: 1%;
	}
	.wrapper-box-content:after,
	.cbfix:after {
		display: block;
	}
/* END */

.line{
	Zdisplay: block;
	height:auto;
	Zborder:1px solid;
}

#loginHead {
	Zline-height: 33px;
	border:1px solid;
	Zbackground:url(../images/main_login-small_icon-login_33x33.png) no-repeat top right;
}

#login-key {
	position:absolute;	right:-5px;		top:-3px;
	border:0px;
}


category.price {color:#cc0000;}


/* Formulare */
input,
select {
	border: 1px solid #cccccc;
	vertical-align:middle;
	font-size:11px;
}
select {
	height:18px;
}
.radio {border:0 none;}

.submit {
	padding-left:8px;
	margin-bottom:0px;
	cursor:pointer;

	color:#376a9b;
	font-weight:normal;
	font-size:11px;
	text-align:left;

	width: 70px;

	background-color:transparent;
	background:url(../images/main_navi_icon_6x9.jpg)	no-repeat 0 3px;
	border-width:0;
}

big .submit {
	font-size:14px; font-weight: bold;
	padding-left:10px;
	width: 90px;
	background-position: 0 4px;
}

.submit:hover {
	color: orange;
}
div.article div.text {

	padding-left:25px;
}

label {
  display: block;
  Zclear: left;
  float: left;
  width: 100px; /* Breite.*/
  cursor: pointer;
  vertical-align: middle;
}
label.size-big { width:150px !important;}
label.size-bigger { width:200px !important;}
label.size-biggest { width:250px !important;}

label.radio {float:none !important; display:inline; margin:0 3px;}
label.checkbox {float:none !important; display:inline; margin:0 3px;}

.radio-buttons input.radio {margin-right:3px; vertical-align: middle;}

fieldset strong {float:left; margin:3px;}

form br {
	display: block;
	height: 1px; width:1px;
	Zborder: 3px solid orange;
 	clear: both;
}

textarea {
	font-size: 11px;
	font-family:  arial, helvetica, sans-serif;
}
table.tlist {
	border:1px solid #376a9b;
}

table.tlist thead tr {
	font-weight:bold;
	border:1px solid #376a9b;
}


.meta {
 float:right;
 font-size:8px;
}

/*Fehlermeldungen*/
.error-message {
	color: red;
	font-size:12px;
	margin: 6px;
}

/*
 * neu in navigation
 */
ul li a span.new {
	background:url("/images/inspiration/neu_r.gif") no-repeat scroll left top transparent !important;
	display:block !important;
	float:none !important;
	height:20px !important;
	line-height:normal !important;
	margin:-9px 0 0 -7px !important;
	padding:0 !important;
	position:absolute;
	width:87px !important;
}
ul li.new a:hover span {
	color:#cc0000 !important;
}

.slideshow-content {
    position: relative;
    }

.slideshow-slide {
    display: none;
    position: absolute;
}