body,
html
{
	height:100%;
	width:100%;
	padding: 0;
	margin: 0;
	font-family: Verdana,"MS Trebuchet", Geneva, Helvetica, Arial, sans-serif;
	font-size: 1em;
	li_ne-height:1.3em;
	color:#666;
	text-align: center;
	background-color:#ffffcc;
}

/** Loader **/
div#hidepage {
  margin:10px;
  text-align: center;
}


/*** AGB header **/
h3.agbheader{
	font-weight:bold;
	font-size: 1em;
	margin-top:0;
}


/***WK sidebar****/

.ekhr{
	border:1px solid #949494;
	margin:2px 0px;
	}


.sidebar .wk {
}

.sidebar .wk table {
	border: 0;
	border-spacing: 3px;
    table-layout: fixed;
    line-height: 1em;
	vertical-align: bottom;
    width:100%;
}

.sidebar .wk .col1 {
	vertical-align: middle;
	text-align: left;
	width: 20px;
}

.sidebar .wk .col1 img {
	border: 1px solid #990000;
}
.sidebar .wk .col1 img:hover {
	border: 1px solid #949494;
}

.sidebar .wk .col2 {
	word-break: break-all;
}

.sidebar .wk .col3 {
	width: 16px;
}


/* Paginaion ******/

#Pagination {
    position:relative;
    text-align: center; 
    margin: 10px 50px 0 40px;
    vertical-align: middle;
    display:block;
    padding: 5px;
    border:1px solid #ccc;
}

#Pagination .currpage {
    vertical-align: middle;
    padding: 0.0em 0.2em 0.0em 0.2em;
    margin: 0px 1px 0px 1px;
    display: inline;
    font-weight: bold;
    font-size:14px;
}

#Pagination a.otherpage {
    vertical-align: middle;
    padding: 0.0em 0.2em 0.0em 0.2em;
    margin: 0px 1px 0px 1px;
    text-decoration: none;
    bord_er: 1px solid #CCC;
    font-size:14px;
}

#Pagination a.otherpage:hover {
    text-decoration: none;
    backgr_ound-color: #f0f0f0;
}

#Pagination a.moref {
    margin-left: 4px;
    margin-right: 2px;
    padding-left: 3px;
	width:38px; 
	height:25px;
	display:inline-block;
	background: transparent url(../images/forward.gif) 0px 0px no-repeat;

}
#Pagination a.moref:hover {
 background: transparent url(../images/forward.gif) 0px -25px no-repeat;

}
#Pagination a.moreb {
    margin-left: 4px;
    margin-right: 2px;
    padding-left: 3px;
	width:38px; 
	height:25px;
	display:inline-block;
	background: transparent url(../images/backward.gif) 0px 0px no-repeat;

}
#Pagination a.moreb:hover {
 background: transparent url(../images/backward.gif) 0px -25px no-repeat;

}





/********************************* LiveValidation *************************************/

.LV_valid {
    color:#669933;
    background:#fff url(../images/ok16.png) no-repeat;
    padding-left:22px;
}
	
.LV_invalid {
	color:#999900;
    background:#fff url(../images/warning16.png) no-repeat;
    padding-left:22px;
}
	
.LV_validation_message{
    margin:0 0 0 5px;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active,
.fieldWithErrors input.LV_valid_field,
.fieldWithErrors textarea.LV_valid_field {
    border: 1px solid #669933;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active,
.fieldWithErrors input.LV_invalid_field,
.fieldWithErrors textarea.LV_invalid_field {
    border: 1px solid #999900;
}

/********************************* Forms *************************************/


form { display: inline; }

label { font-weight: bold; }



input, textarea, select {
  border:1px solid #aaaaaa;
  padding:2px;
  background:#ffffff url(../images/inputBg.gif) top left no-repeat;
  margin:0px;
  width:auto;
}

input.checkbox {
  width:15px;
  background:none;
  border:0;
}

input.radio_button {
  width:15px;
  background:none;
  border:0;
}

input.small, select.small {
  width:50px;
}

input.large, select.large {
  width:200px;
}

input.extra_large, select.extra_large {
  width:300px;
}

input:hover, textarea:hover, select:hover {
  border:1px solid #888888;
}

input:active, textarea:active, select:active {
  border:1px solid #888888;
}

input.submit {
	border:none;
	background:transparent;
	color:#990000;
	font-size:13px;
	margin:0px;
	padding:0px;
}

input.submit:hover {
	color:#949494;
	font-size:13px;
  cursor: pointer;
}

textarea {
  width:100%;
  height: 100px;
}

textarea.deep {
  height:350px;
}

textarea.shallow {
  height:50px;
}

fieldset {
  background:#f7f7f7;
  padding:2%;
  border:1px solid #e3e3e3;
  margin:0;
}

legend {
  font-weight:bold;
  font-size: 120%; 
  letter-spacing: -1px;
  color:#666666;
}

span.hint {
	font:normal 11px/14px verdana;
	background:#eee url(bg-span-hint-gray.gif) no-repeat top left;
	color:#444;
	border:1px solid #888;
	padding:5px 5px 5px 40px;
	width:250px;
	position:absolute;
	margin: -12px 0 0 14px;
	display:none;
}

/*******************SONSTIGES ***********************/

.erklaerung{
	color:#555;
	font-size:11px;
}
.erklaerungred{
	color:#cc6666;
	font-size:11px;
}

p.alcenter{
	text-align:center;
	}
p.alright{
	margin:0px;
	text-align: right;
	}
div.alright{
	margin:0px;
	text-align: right;
	}
	
.almiddle{
	vertical-align: middle;
	}
.lineheight{
	vertical-align:baseline;
	}

	
.alignpagenav{
	
	text-align:center;
	}

.left

.middle{
	line-height:25px;
	float:left;
	width:auto;
	}
	
.right{
	}

.headline{
	font-weight: bold;
	margin-top:0;
    padding-bottom:10px;
	}

/************* TABELLEN*****************************/

.tabdesc{
	padding-bottom:15px;
	border-top: 1px solid #ccc;
	vertical-align:top;
	bord_er-left: 1px solid #ccc;
}
.tabinput{
	padding-bottom:15px;
	border-top: 1px solid #ccc;
	vertical-align:top;
}
.tabdescred{
	padding-bottom:15px;
	border-top: 1px solid #cc6666;
	vertical-align:top;
	border-left: 1px solid #cc6666;
	border-bottom: 1px solid #cc6666;
}
.tabinputred{
	padding-bottom:15px;
	border-top: 1px solid #cc6666;
	border-right: 1px solid #cc6666;
	vertical-align:top;
	border-bottom: 1px solid #cc6666;
}

.tabhead {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: bold; 
	color: #FFFFFF; 
	background-color: #666666;
    padding:5px;
}

.tabdata {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #000000;
	background-color: #ECECEC;

    padding:5px;
}

/****************************BILDLISTEN**************************/

.prodimg{
	border: 1px solid #990000;
	margin:0 5px 5px 0;

}
.prodimgcontainer{
	height:496px;
	
	
}

.prodimg:hover  { border: 1px solid #949494;}

.prodimg_active{
	border: 1px solid #949494;
	margin:0px;
	margin:0 5px 5px 0;
	opacity: .5;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; 
	filter: alpha(opacity=50);
    -moz-opacity: 50;
}

.smallpicbox{
	text-align: center; 
}

.actionbox{
	display: block;
   height: 100%;
   width: 100%;
}

.textbox{
/*	clear:left; nicht mehr notwendig da br nun in div??*/
}


.actionboxleft { float:left; width:280px; margin-right:20px;} 
.actionboxright { float:left; width:280px; line-height: 2em; text-align: center; vertical-align:middle;}
.actionboxright a{  
	background-color:#ddd;
	border: 1px solid #ddd;
	text-decoration:none;
	color: #990000;
	font-weight:bold;
	display: block;
   height: 100%;
   width: 100%;}
   .actionboxright a:hover{  
	background-color:#ddd;
	color:#000000;
	text-decoration:none;
	font-weight:bold;
	border: 1px solid #ddd;
	display: block;
   height: 100%;
   width: 100%;}

.proddetailleft { float:left; width:280px; margin-right:20px; line-height:1.2em;} 
.proddetailright { float:left; width:280px; line-height:1.2em;}

.smaller { font-size: 80%; }
.linethrough { text-decoration: line-through; font-size: 90%; }
.linethroughsmall { text-decoration: line-through; font-size: 80%; }
.darkred { font-size: 100%; color:#990000; }
.darkredsmaller { font-size: 85%; color:#990000; }
.green { font-size: 100%; color:#009900; }



#prodlist {height:100%;}
#prodlist ul#prodresultlist { margin: 0; padding: 0; list-style-type: none;}
#prodlist li.prodbox { width: 150px; height: 180px;  float: left; margin: 0 20px 15px 20px; padding: 0; text-align: center;}
#prodlist li.prodbox .picture { width: 150px; height: 120px; background-position: center center; background-repeat: no-repeat; float: none; }
#prodlist .picture .picture-link {}
#prodlist .picture .picture-link img  { border: 1px solid #990000;}
#prodlist .picture .picture-link img:hover  { border: 1px solid #949494;}
#prodlist .prodbox .description { font-size: 1em; text-align: left; width: 140px; padding: 0; float: none; overflow: hidden; text-overflow: ellipsis; line-height:1.2em;}

#prodlist_start {}
#prodlist_start ul#prodresultlist_start { margin: 0; padding: 0; list-style-type: none;}
#prodlist_start li.prodbox_start { width: 150px; height: 200px;  float: left; margin: 0 20px 15px 20px; padding-right: 50px; text-align: center;}
#prodlist_start li.prodbox_start .picture_start { width: 150px; height: 120px; background-position: center center; background-repeat: no-repeat; float: none; }
#prodlist_start .picture_start .picture-link_start {}
#prodlist_start .picture_start .picture-link_start img  { border: 1px solid #990000;}
#prodlist_start .picture_start .picture-link_start img:hover  { border: 1px solid #949494;}
#prodlist_start .prodbox_start .description_start { font-size: 1em; text-align: left; width: 140px; padding: 0; float: none; overflow: hidden; word-break: break-all; text-overflow: ellipsis; line-height:1.2em;}



/*****************LAYOUT***********************/

#verwaltungsnavi{
	padding:10px;
	}



a { color: #990000; text-decoration: none; }
a:hover { color: #949494; text-decoration: none; }

.active{
color: #949494; text-decoration: none;
}


#headerleft { float:left; width:200px; margin:0; padding:0; height:100px;} 
#headermid { float:left; width:620px; height:100px;} 
#headerright { float:left; width:180px; background-color:#ddd; line-height: 2em; text-align: center; vertical-align:middle; height:100px; background: transparent url(../images/blatt_grau.gif) 0px 0px no-repeat;}

#headermid_start { float:left; width:620px; height:100px; background: transparent url(../images/startseite_ol.jpg) 0px 0px no-repeat;} 
#headerright_start { float:left; width:180px; line-height: 2em; text-align: center; vertical-align:middle; height:100px; background: transparent url(../images/startseite_or.jpg) 0px 0px no-repeat;}


.headergraymid{
	margin-top:35px;
	margin-left:20px;
	background-color:#949494;
	height:30px;
	
}
.headerwhitemid{
	margin-top:5px;
	margin-left:20px;
	height:30px;
	color:#666;
	font-size:80%
}
.hedertext{
	padding-top:6px;
	padding-left:15px;
	line-height: 16px;
	font-size:16px;
	color:#fff;
	vertical-align: middle;
	}

.headergrayright{
	margin-top:30px;
	height:30px;
}
.headergrayright a{
	color:#000;
	text-decoration:none;
	font-size:14px;
}
.headergrayright a:hover{
	color:#990000;
	text-decoration:none;
}


.headergrayright_start{
	margin-top:30px;
	height:30px;
	padding-right:25px;
}

#header{
width:1000px;
margin:0;
background-color:#fff;
}

#container
{
	display: block;
	float: none;
	position:relative;
	min-width: 1000px;
	max-width: 1000px;
	margin: 0 auto;
	text-align: left;
	min-height: 90%;
	background-color:#fff;
	overflow: hidden;
	z-index:1;
	margin-top:20px;
	margin-bottom:0px;
	border: 1px solid #949494;
}
#container_start
{
	display: block;
	float: none;
	position:relative;
	min-width: 1000px;
	max-width: 1000px;
	margin: 0 auto;
	text-align: left;
	min-height: 90%;
	background-color:transparent;
	overflow: hidden;
	z-index:1;
	margin-top:20px;
	margin-bottom:0px;
	border: 1px solid #949494;
}

#left
{
	float: left;
	width: 200px;
	background-color:#FFF;
	background-image: url(../images/holzbg_gr.gif);
}

#right
{
	float: right;
	width: 180px;
	 background: #ddd url(../images/blatt_grau_bot.gif) 0px 0px no-repeat;
}

#center
{
	float: none;
	margin-top:0;
	margin-left: 200px;
	margin-right: 180px;
	background-color:#fff;
	height:100%;
}
#center_start
{
	float: none;
	margin-top:0;
	height:100%;
	margin-left: 200px;
	background: #fff url(../images/startseite_ug.jpg) 0px 0px no-repeat;
}

#center_start
{
	float: none;
	margin-top:0;
	height:100%;
	margin-left: 200px;
}	

#left,
#right,
#center,
#center_start
{
	/* Needed so that all columns look equally long */
	padding-bottom: 32767px !important;
	margin-bottom: -32767px !important;
}

.content
{
	padding:20px 1em 1em 1em;
	font-size:0.8em;
	margin:0;
}
.pagecontent
{
	padding:22px 1.5em 0px 1.5em;
	font-size:0.8em;
	margin:0;
	background-color:#fff;
	height:100%;
	 overflow:hidden;
}

.pagecontent_start
{
	
	font-size:0.8em;
	margin:0;
	height:100%;
	 overflow:hidden;
	text-align:left;
	padding-left:60px;
	padding-right:0px;
	padding-top:180px;
}

.contentleft
{
	font-size:0.8em;
	margin:0;
}


.startteaser{
	font-size:4em;
	font-style:italic;
	color:#fff;
}

.starttext{
	font-size:1.2em;
	color:#fff;


}

.starttext_bg{

    background-color:#000;
    display:block;
    padding-left:5px;
    padding-top:5px;
    padding-bottom:5px;
    padding-right:60px;
    line-height:20px;
    background:url(../images/trans50_000.png);

}

#footernav{
	font-size:56%;
	text-align:center;
	position: absolute; 
	bottom: 10px;
	left:25%;
	}
#footernav_start{
	font-size:56%;
	text-align:center;
	position: absolute; 
	bottom: 10px;
	left:35%;
	}
#footernav a{
	color: #949494; text-decoration: none; 
	}
#footernav a:hover{
	color: #949494; text-decoration: underline; 
	}
#footernav_start a{
	color: #949494; text-decoration: none; 
	}
#footernav_start a:hover{
	color: #949494; text-decoration: underline; 
	}	

#footerprodbox_start{
	position: absolute; 
	bottom: 0;
	left:24%;
	}


ul#navigation{
list-style-type:none;
margin-left:0;
padding-left:0;
}
ul#navigation li{
margin-bottom:0em;
}
ul#navigation ul{
list-style-type:none;
margin-left:0;
padding-left:0;
}
ul#navigation li a{
display:block;
padding:0.3em 0.4em 0.3em 0.6em;
color:#990000;
text-decoration:none;
	line-height:15px;
}

ul#navigation li .active{
	display:block;
	padding:0.3em 0.4em 0.3em 0.6em;
	text-decoration:none;
	color:#949494;
	line-height:15px;
	background:url(../images/trans80.png);
}

ul#navigation ul li a{
display:block;
padding:0.1em 0.4em 0.1em 1.5em;
}

ul#navigation ul li .active2nd{
	display:block;
	padding:0.1em 0.4em 0.1em 1.5em;
	text-decoration:none;
	color:#949494;
	background:url(../images/trans50.png);
}

ul#navigation li a:hover{
	background-color:#fff;
	color:#990000;
	background:url(../images/trans80.png);
}
ul#navigation ul li a:hover{
	color:#990000;
	background:url(../images/trans50.png);
}


ul#subnavigation{
list-style-type:none;
margin-left:0;
padding-left:0;
}
ul#subnavigation li{
display:block;
padding:0.3em 0.4em 0.3em 0.6em;
color:#949494;
line-height:15px;
}
ul#subnavigation ul{
list-style-type:none;
margin-left:0;
padding-left:0;
}
ul#subnavigation li a{
display:block;
padding:0.3em 0.4em 0.3em 0.6em;
color:#990000;
text-decoration:none;
	line-height:15px;
}

ul#subnavigation li .active{
	display:block;
	padding:0.3em 0.4em 0.3em 0.6em;
	text-decoration:none;
	color:#949494;
	line-height:15px;
}


ul#subnavigation ul li a{
	display:block;
	padding:0.1em 0.4em 0.1em 1.5em;
}

ul#subnavigation ul li .active2nd{
	display:block;
	padding:0.1em 0.4em 0.1em 1.5em;
	text-decoration:none;
	color:#949494;
}

ul#subnavigation li a:hover{
	
	color:#949494;
}
ul#subnavigation ul li a:hover{
	color:#949494;
}


.solidfont{
	color:#fff;
}