/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

html, body{
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height:13px;
	/*overflow-y:hidden;*/
}

a img { 
	border:0 none; 
}

a:focus{
	outline: none;
	color: #000000;
}

a:link, a:visited, a:hover {
	color: #d3b780;
	text-decoration: none;
}

a:active{
	color:#000000;
}

a:hover {
	color: #d3b780;
	text-decoration: underline;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0px;
	padding: 0px;
}

h1{
 font-size: 14px;
 color: #99cccc;
}

h2{
 font-size: 114%;
 color: #006699;
}

h3{
 font-size: 100%;
 color: #334d55;
}

h4{
 font-size: 100%;
 font-weight: normal;
 color: #333333;
}

h5{
 font-size: 100%;
 color: #334d55;
}

ul{
	float:left;
	display:block;
	list-style-type: none;
	text-indent:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#DEC085;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

label{
 font: bold 100% Arial,sans-serif;
 color: #334d55;
}

li{
	font-size:9px;
	/*line-height:16px;*/
}

p{
	margin:3% 0 3% 0;
}

*+html p{
	margin:2% 0 2% 0;
}

.aktiv {
	color:#000000;
}

.dac {
	font-size:8px;
}

.headline_right {
	font-weight:bold;
	text-align:right;
	float:right;
}

.text_right {
	display:block;
	text-align:right;
}

.text_left {
	display:block;
	text-align:left;
}

.text_center {
	display:block;
	text-align:center;
}

.headline_left {
	font-weight:bold;
	text-align:left;
	float:left;
}

.headline_center {
	font-weight:bold;
	text-align:center;
}

.short_descr {
	font-size:10px;
}

.shop_kategorie {
	font-size:13px;
	font-weight:bold;
	color:#DEC085;
}

.shop_unterkategorie {
	font-size:11px;
}

.second_ul {
	margin:O 0 0 0;
	padding:0px;
	margin-left:10px;
}

*+html .second_ul {
	margin-left:10px;
}

.descr {
	padding: 0 0 0 10px;
	width:90%;
}


/* clearfix zum Aufheben der Floatumgebung */

.clearfix:after {
content: ".";
display: block;
height: 0;
font-size: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#wrapper{
	width: 880px;
	height: 95%;
	margin: 0 auto 0 auto;
	padding: 2% 0 0 0;
}

#header{
	width:100%;
	height:65px;
	text-align:center;
	padding: 3% 0 0 0;
}

#navigation{
	width:100%;
	height:50px;
	text-align:center;
}

#subnavigation{
	width:30%;
	height:100px;
	padding: 0 0 0 0;
	vertical-align:top;
}

#content{
	width:100%;
	height:45%;
	padding:0 0 0 0;
	text-align:center;
}

#content table{
	display: block;
    margin-left: auto;
    margin-right: auto;
}

*+html #content{
	width:100%;
	height:45%;
	padding:0 0 0 0;
	text-align:center;
	/*overflow-x:hidden;*/
	/*overflow-y:scroll;*/
}

#content_overflow{
	width:100%;
	height:45%;
	padding:0 0 0 0;
	text-align:center;
	overflow:auto;
}

#content_overflow_shop{
	width:100%;
	height:70%;
	padding:0 0 0 0;
	text-align:center;
	overflow:auto;
}

#left_content{
	width:33.5%;
	text-align:justify;
	vertical-align:top;
	/*line-height:16px;*/
	font-size:10px;
	float:left;
}

#left_content img{
	display: block;
    margin-left: auto;
    margin-right: auto 
}

#left_content a{
	font-weight:bold;
}

*html #left_content{
	width:30%;
	padding:0 5px 0 5px;
}

#left_content_overflow{
	width:32.5%;
	text-align:justify;
	vertical-align:top;
	/*line-height:16px;*/
	font-size:10px;
	float:left;
	overflow:auto;
	height:100%;
	padding:0 1% 0 0;
}

#left_content_overflow tr{
	border:1;
	border-width:thin;
	border-style:solid;
	border-color:#333333;
}

#left_content_overflow ul{
	float:none;
	list-style-type:square;
	text-indent:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
}

#middle_content{
	width:33%;
	text-align:justify;
	vertical-align:top;
	/*line-height:16px;*/
	font-size:10px;
	float:left;
}

*html #middle_content{
	width:28%;
	padding:0 5px 0 5px;
}

#middle_content img{
	display: block;
    margin-left: auto;
    margin-right: auto;
}

#middle_content_text{
	width:28%;
	text-align:justify;
	vertical-align:top;
	/*line-height:16px;*/
	font-size:10px;
	float:left;
	padding: 0 20px 0 20px;
}

#middle_content_overflow{
	width:26%;
	text-align:justify;
	vertical-align:top;
	/*line-height:16px;*/
	font-size:10px;
	float:left;
	overflow:auto;
	height:100%;
	padding:0 1% 0 1%;
}

#right_content{
	width:33.5%;
	text-align:justify;
	vertical-align:top;
	/*line-height:16px;*/
	font-size:10px;
	float:left;
}

#right_content img{
	display: block;
    margin-left: auto;
    margin-right: auto; 
}

#right_content a{
	font-weight:bold;
	text-align:left;
}

*html #right_content{
	width:30%;
	padding:0 5px 0 5px;
}

#right_content_overflow{
	width:32.5%;
	text-align:justify;
	vertical-align:top;
	/*line-height:16px;*/
	font-size:10px;
	float:left;
	overflow:auto;
	height:100%;
	padding: 0 1% 0 0;
}

#right_content_overflow ul{
	float:none;
	list-style-type:square;
	text-indent:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
}

#footer{
	width:100%;
	height:15px;
	margin: 3% 0 0 0;

	text-align:center;	
	font-size: 11px;
}

#list_object_inactive{
	width:90%;
	height:30px;
	background-image:url(../Design/images/menue_bottle.jpg);
	background-repeat:no-repeat;
	vertical-align:middle;
	margin:1% 0 1% 10%;
	padding:3px 0 0 95px;
	font-weight:bold;
	text-align:left;
}

#list_object_active{
	width:90%;
	height:30px;
	background-image:url(../Design/images/menue_bottle_hit.jpg);
	background-repeat:no-repeat;
	vertical-align:middle;
	margin:1% 0 1% 10%;
	padding:3px 0 0 95px;
	font-weight:bold;
	text-align:left;
}

#shop_object_table{
	display:inline-table;
    margin-left: auto;
    margin-right: auto;
	border-collapse:collapse;
	width:90%;
}

*+html #shop_object_table{
	display:inline-block;	
    margin-left: auto;
    margin-right: auto;
	border-collapse:collapse;
	width:90%;
}

#shop_object_tr{
	display:table-row;
	width:100%;
	height:80px;
	border:solid;
	border-width:thin;
	background-color:#f4eee4;
}

*+html #shop_object_tr{
	width:100%;
	height:100px;
	border:solid;
	border-width:thin;
	background-color:#f4eee4;
}

#shop_image{
	display:table-cell;
	width:15%;
	height:100%;
	vertical-align:middle;
	padding:3px 0 3px 0 ;
}

*+html #shop_image{
	display:inline;
	float:left;
	width:15%;
	height:100%;
	padding:3px 0 3px 0 ;
}


#shop_image img{
	border:solid;
	border-width:thin;
}

#shop_image_download{
	display:table-cell;
	width:15%;
	height:100%;
	vertical-align:middle;
	padding:3px 0 3px 0 ;
}

*+html #shop_image_download{
	display:inline;
	float:left;
	width:15%;
	height:100%;
	padding:3px 0 3px 0 ;
}

#shop_image_download img{
	border:none;
}

#shop_title{
	display:table-cell;
	width:40%;
	height:100%;
	vertical-align:middle;
	text-align:left;
	font-size:12px;
	padding:3px 0 3px 0 ;
}

*+html #shop_title{
	display:inline;
	float:left;
	width:40%;
	height:100%;
	text-align:left;
	font-size:12px;
	padding:3px 0 3px 0 ;
}


#shop_form{
	display:table-cell;
	width:5%;
	height:100%;
	vertical-align:middle;
}

*+html #shop_form{
	display:inline;
	float:left;
	width:7%;
	height:100%;
	vertical-align:middle;
}

#shop_link{
	display:table-cell;
	width:15%;
	height:100%;
	vertical-align:middle;
}

*+html #shop_link{
	display:inline;
	float:left;
	width:13%;
	height:100%;
	vertical-align:middle;
}

#shop_price{
	display:table-cell;
	width:7%;
	height:100%;
	vertical-align:middle;
}

*+html #shop_price{
	display:inline;
	float:left;
	width:10%;
	height:100%;
	vertical-align:middle;
}

#shop_gesamtpreis{
	display:table-row;
	width:100%;
	height:10px;
	border:solid;
	border-width:thin;
	background-color:#f4eee4;
}

*+html #shop_gesamtpreis{
	width:100%;
	height:40px;
	border:solid;
	border-width:thin;
	background-color:#f4eee4;
}

fieldset {
	width: 55%;
	margin: 3% auto 3% auto;
	display: block;
	font-size: 11px; 
	border: 1px solid;
	background-color:#f4eee4;
	clear: both;
	text-align:left;
}
		
* html fieldset {padding: 5px;}

legend {
	color:#000000;
}

.kontaktdaten label {
	display: block;
	width: 24%;
	float: left;
	color:#000000;
}

.kontaktdaten button {
	width: 24%;
	margin: 0 auto 0 auto;
	color:#000000;
}

.checkbox label {
	display: block;
	float: left;
	color:#000000;
}

.checkbox input {
	display: inline;
	float: left;
	color:#000000;
	margin-right:80px;
	margin-left:10px;
}

input,textarea {
    background: white;
    border: 1px solid;
    margin: 3px 0;
    padding: 3px 3px;
}  
input:active, input:focus, input:hover { 
    background: #E8EBDF;
}
label {
    margin: 5px 0;
}


/*Stylesheets fuer die Wetterdaten-Module */
.pessl_table {
	width:40%;
	border: 1px solid black;
	text-align: center;
	border-collapse: collapse;
	font-size: 11px;
	margin:0 auto 0 auto;
}

.pessl_header {
	background: white;
	border-bottom: 1px solid white;
	color: #d3b780;
	padding: 0 0 5px 0;
}

.pessl_table td {
	border: 1px dotted black;
	width:30%
}

.pessl_td_21,.pessl_td_41 {
	text-align: left;
	font-weight: bold;
	background: #E4E4E4;
}

.pessl_td_11,.pessl_td_31 {
	text-align: left;
	font-weight: bold;
	background: white;
}

.pessl_td_22,.pessl_td_23,.pessl_td_24,.pessl_td_25,.pessl_td_26,
.pessl_td_27,.pessl_td_42,.pessl_td_43,.pessl_td_44,.pessl_td_45,.pessl_td_46,.pessl_td_47
{
	background: #E4E4E4;
}

.pessl_td_12,.pessl_td_13,.pessl_td_14,.pessl_td_15,.pessl_td_16,.pessl_td_17,
.pessl_td_32,.pessl_td_33,.pessl_td_34,.pessl_td_35,.pessl_td_36,.pessl_td_37
{
	background: white;
}