@charset "UTF-8";

/*version # hyc 1.1*/

* {
padding: 0;
margin: 0;
}


html {
background-color:#f4f4f4;
padding: 0;
margin: 0;
}

body {
height:100%;
font-family:  Arial, Verdana, Helvetica, sans-serif;
font-size:10pt;
color:#000;
text-align: left;
overflow:auto;
}

img {
border:none;
}


.logoborder { 
border:  1px solid #333333;
}

#google_translate_element a:hover{    
background-color:#FFF;
}

.pageliste {
margin: 5px 0 0 10px;
padding: 0;
}


a {
text-decoration: underline;
color:#00485a;
font-weight: bold;
}

a:link {
text-decoration: underline;
color:#00485a;
font-weight: bold;
}

a:hover {
text-decoration: underline;
background-color:#c5d8ea;
color:#00485a;
font-weight: bold;
}

a:visited {
text-decoration: underline;
color:#00485a;
font-weight: bold;
}


a.nostyle{
text-decoration: none;
color:#111111;
}

a:link.nostyle{
text-decoration: none;
color:#111111;
}

a:visited.nostyle{
text-decoration: none;
color:#111111;
}

a:hover.nostyle{
text-decoration: none;
color:#111111;
background-color:#e0ffe7;
}


#main {
clear: both;
}

.container {	
margin: 0 auto 0 auto;
width:1024px;
background-color:#FFF;
}

#infoabove {
width: 1024px;
float: left;
height:24px;
margin:0;
padding:0;
background-color:#f4f4f4;
}

.infoleft{
width: 500px;
float: left;
height:24px;
margin:3px 0 0 10px;
padding:0;
background-color:#f4f4f4;
}
.inforight{
width: 500px;
float: right;
height:24px;
margin:3px 10px 0 0;
padding:0;
background-color:#f4f4f4;
text-align: right;
}

#header {
width: 512px;
float: left;
height:220px;
margin:0;
padding:0;
background-color:#015615;
}


#nav                { float:left; width:1004px; height:30px; margin: 12px 0 0px 10px; }
#nav a              { font-weight: normal; text-decoration:none; font-size:11pt; color:#222; margin:0 10px 0 0; padding:3px;  background-color:#f8f8f8; border: 1px solid #666;}
#nav a.navact       { font-weight: bold;    font-size:11pt; color:#222; margin:0 10px 0 0; padding:3px;  background-color:#a7c5e0; border: 1px solid red;}
#nav a:visited      { color:#222; }
#nav a:hover        { color:#591102; background-color:#c5d8ea; }
#nav a:active       { color:#222; }

#navsub             { float:left; width:1004px; height:25px; margin: 0px 0 2px 10px; }
#navsub a           { font-weight: normal; text-decoration:none; font-size:10pt; color:#222; margin:0 10px 0 0; padding:2px;  background-color:#f8f8f8; border: 1px solid #666; }
#navsub a.navact    { font-weight: bold;    font-size:10pt; color:#222; margin:0 10px 0 0; padding:2px;  background-color:#a7c5e0; border: 1px solid red; }
#navsub a:visited   { color:#222; }
#navsub a:hover     { color:#222; background-color:#c5d8ea; }
#navsub a:active    { color:#222; }

.between {
width: 1024px;
float: left;
height:20px;
margin:0;
padding:0;
}





#content {
background-color:#ffffff;
background-image:url(img/wasser-kachel-5.jpg);
background-repeat:repeat-y;
border-top:   1px solid #333333;
border-left:  1px solid #333333;
border-right: 1px solid #333333;
float: left;
padding: 0 0 0 0;
width: 1024px;
min-height:450px;
}

.clearfix {
display: block;
}

#footer {
clear: both;
background-color:#f0f0f0;
color: #111111;
width: 1024px;
border:   1px solid #333333;
font-size:8pt;
margin:  15px 0 5px 0;
padding: 10px 0 10px 0;
text-align: center;
}

hr {
border-top: dotted 2px #000000;
border-bottom:0;
border-left: 0;
border-right: 0;
height:2px;
clear:both;
margin:10px 10px 2px 10px;
}


.endteaser {
clear:both;
margin: 0;
}

.endarticle {
clear:both;
margin: 10px 0 20px 5px;
}


h1 { 
margin: 18px 10px 10px 10px;
padding: 0 0 5px 0;
font-size: 14pt;
font-weight: bold;	
border-bottom: dotted 2px #000000;
}

h1 a.h1 {
color:black;
text-decoration:none;
}

h1 a.h1:visited {
color:black;
text-decoration:none;
}
 
h1 a.h1:hover {
color:black;
text-decoration:none;
background-color:#c5d8ea;
} 

h1 a.h1:link {
color:black;
text-decoration:none;
}


h2 { 
margin: 10px 0 0 0;
padding: 0 0 0 0px;
font-size: 12pt;
font-weight: bold;	
}

h2 a.h2 {
color:black;
text-decoration:none;
background-color:#c5d8ea;
}

h2 a.h2:visited {
color:black;
text-decoration:none;
background-color:#FFF;
}
 
h2 a.h2:hover {
color:black;
text-decoration:none;
background-color:#FFF;
} 

h2 a.h2:link {
color:black;
text-decoration:none;
background-color:#FFF;
}

h3 { 
margin: 5px 0 0 0;
padding: 0 0 0 0;
font-size: 11pt;
font-weight: bold;	
}

h4 {
font-size: 11pt;
font-weight: bold;	
}


.linkbar{    
padding:0 0 0 0;
margin:0 0 0 0;
}

.linkbarlinks {
float:right;
margin:10px 5px 0 0;
padding:0;
}

.helplinks {
float:right;
margin:25px 40px 0 0;
padding:0;
}

.linkbar h1 {    
float:left;
border-bottom:0px;
margin: 18px 0 10px 10px;
padding: 0 0 0 0;
font-size: 14pt;
font-weight: bold;
}

.linkbar h2 {    
float:left;
border-bottom:0px;
margin: 10px 0 0 0;
padding: 0 0 0 0;
font-size: 12pt;
font-weight: bold;
}



.bordered {
background-color: #ffffff;
padding: 8px 8px 8px 8px;
margin: 0 0 8px 0;
border: 1px solid #808080;
}

.bordered ul {
margin: 0 0 0 20px;
}


.bordleft {
	text-align: center;
	width: 180px;
 	float: left;
}

.bordright {
 	float: left;
}

.borderover {
background-color: #e4e4e4;
padding: 8px 8px 8px 8px;
margin: 8px 0 12px 0;
border: 1px solid #808080;
}

.alert-block {
margin:17px 12px 10px 10px;
background-color: #FCF8E3;
border: 1px solid red;
border-radius: 4px 4px 4px 4px;
color: #C09853;
width:980px;
padding:10px;
}

.error-block {
margin:17px 12px 10px 10px;
background-color: #F2DEDE;
border: 1px solid red;
border-radius: 4px 4px 4px 4px;
color: #B94A48;
width:980px;
padding:10px;
}



.devt1 {
	padding: 5px 2px 0px 2px;
	margin: 0 0 0 0;
	border: 0px;
	width: 30px;
 	float: left;
	}
.devt2 {
	padding: 5px 2px 0px 2px;
	margin: 0 0 0 0;
	border: 0px;
	width: 100px;
 	float: left;
	}
.devt3 {
	padding: 5px 2px 0px 2px;
	margin: 0 0 0 0;
	border: 0px;
	width: 250px;
 	float: left;
	}
.devt4 {
	padding: 5px 2px 0px 2px;
	margin: 0 0 0 0;
	border: 0px;
	width: 60px;
 	float: right;
	}


.column-1024 { float:left; margin-left: 10px; padding: 0 0 0 0; width: 1004px; }
.column-1024 p img.hleft   { width:504px; float:left; margin:3px 5px 5px 0px; padding: 3px; border:#666 solid 1px; }
.column-1024 p img.hright  { width:504px; float:right; margin:3px 0px 5px 5px; padding: 3px; border:#666 solid 1px; }
.column-1024 p img.full    { width:976px; margin:3px 0px 5px 0px; padding: 3px; border:#666 solid 1px;}
.column-1024 p img.teaser  { width:150px; float:left; margin:3px 5px 5px 0px; padding: 0; border:#666 solid 1px;}
.column-1024 img.banner  { width:100px; margin:0px 0px 5px 0px; padding: 3px; border:#666 solid 1px;}
.column-1024 img.ethumb  { width:130px; margin:0px 0px 5px 0px; padding: 0;  border:#666 solid 1px;  }
.column-1024 img.gthumbr  { width:110px; margin:2px 2px 2px 2px; padding:0; border:#666 solid 1px; }
.column-1024 img.gthumbo  { width:113px; margin:2px 2px 2px 2px; padding:0; border:#666 solid 1px; }

.column-512  { float:left; margin-left: 10px; padding: 0 0 0 0; width: 496px; }
.column-512 p img.hleft   { width:232px; float:left; margin:3px 5px 5px 0px; padding: 3px; border:#666 solid 1px; }
.column-512 p img.hright  { width:232px; float:right; margin:3px 0px 5px 5px; padding: 3px; border:#666 solid 1px; }
.column-512 p img.full    { width:470px; margin:3px 0px 5px 0px; padding: 3px; border:#666 solid 1px;}
.column-512 p img.teaser  { width:120px; float:left; margin:3px 5px 5px 0px; padding: 0; border:#666 solid 1px;}
.column-512 img.banner  { width:180px; margin:0px 0px 5px 0px; padding: 3px; border:#666 solid 1px;}
.column-512 img.ethumb  { width:130px; margin:0px 0px 5px 0px; padding: 0;  border:#666 solid 1px;  }
.column-512 img.gthumbr  { width:110px; margin:2px 2px 2px 2px; padding:0; border:#666 solid 1px; }
.column-512 img.gthumbo  { width:113px; margin:2px 2px 2px 2px; padding:0; border:#666 solid 1px; }

.column-256 { float:left; margin-left: 10px; padding: 0 0 0 0; width: 243px; }
.column-256  p img.hleft   { width:114px; float:left; margin:3px 5px 5px 0px; padding:0; border:#666 solid 1px; }
.column-256  p img.hright  { width:114px; float:right; margin:3px 0px 5px 5px; padding:0; border:#666 solid 1px; }
.column-256  p img.full    { width:222px; margin:3px 0px 5px 0px; padding:0; border:#666 solid 1px;}
.column-256  p img.teaser  { width:90px; float:left; margin:3px 5px 5px 0px; padding:0; border:#666 solid 1px;}
.column-256  img.banner  { width:222px; margin:0px 0px 5px 0px; padding:0; border:#666 solid 1px;}
.column-256  img.ethumb  { width:60px; margin:0px 0px 5px 0px; padding: 0;  border:#666 solid 1px;  }
.column-256  img.gthumbr  { width:220px; margin:2px 2px 2px 2px; padding:0; border:#666 solid 1px; }
.column-256  img.gthumbo  { width:141px; margin:2px 2px 2px 2px; padding:0; border:#666 solid 1px; }

.column-768  { float:left; margin-left: 10px; padding: 0 0 0 0; width: 749px; }
.column-768 p img.hleft   { width:356px; float:left; margin:3px 5px 5px 0px; padding: 3px; border:#666 solid 1px; }
.column-768 p img.hright  { width:356px; float:right; margin:3px 0px 5px 5px; padding: 3px; border:#666 solid 1px; }
.column-768 p img.full    { width:722px; margin:3px 0px 5px 0px; padding: 3px; border:#666 solid 1px;}
.column-768 p img.teaser  { width:120px; float:left; margin:3px 5px 5px 0px; padding: 0; border:#666 solid 1px;}
.column-768 img.banner  { width:180px; margin:0px 0px 5px 0px; padding: 3px; border:#666 solid 1px;}
.column-768 img.ethumb  { width:130px; margin:0px 0px 5px 0px; padding: 0;  border:#666 solid 1px;  }
.column-768 img.gthumbr  { width:140px; margin:2px 2px 2px 2px; padding:0; border:#666 solid 1px; }
.column-768 img.gthumbo  { width:113px; margin:2px 2px 2px 2px; padding:0; border:#666 solid 1px; }




a.bannernostyle{
text-decoration: none;
color:#fff;}
a:link.bannernostyle{
text-decoration: none;
color:#fff;}
a:visited.bannernostyle{
text-decoration: none;
color:#fff;}
a:hover.bannernostyle{
text-decoration: none;
color:#fff;
background-color:#fff;}

p.social{
	margin: 0pt 0pt 20px 0pt;
	padding: 0 0 2px 0;
	border-bottom:1px dotted #ccc;
}

p.social a:link{
	padding-left:10px;
	color:#333;
	background-position: left;
	text-decoration: none;
}

p.social a:hover{
	padding-left:10px;
	color:#333;
	text-decoration: none;
}

p.social a:visited{
	padding-left:10px;
	color:#333;
	text-decoration: none;
}












	

.bodytext {
}

.bodytext_block {
	margin-bottom: 5px;
	margin-left: 0;
	text-align:justify;
}

.bodytext_center {
	margin-bottom: 5px;
	margin-left: 0;
	text-align:center;
}

.block {
	margin-bottom: 5px;
	margin-left: 0;
	text-align:justify;
}

.flatter {
	margin-bottom: 5px;
	margin-left: 0;
}


.hfloat {
	float: right;
	margin:0;
	height:120px;
	border-left:3px solid #000;
}


.floatright{
	float: right;
	margin:0 0 10px  10px;
  	border:1px solid #666;
	}

.floatleft{
	float: left;
	margin:0 10px 10px 0;
  	border:1px solid #666;
	}

ul#tabnav { 
text-align: right;
list-style-type: none;
padding: 3px 10px 3px 0px;
margin: 0
}

ul#tabnav li {
display: inline;
}

ul#tabnav li img {
margin-bottom: -2px;
}

ul#tabnav li a {
padding: 3px 4px;
border: 1px solid #808080;
background-color: #f0f0f0;
margin-right: 0px;
border-bottom: none;
}

ul#tabnav li.tab2 a {
padding: 3px 4px;
border: 1px solid red;
background-color: #c5d8ea;
font-weight:bold;
margin-right: 0px;
border-bottom: none;
}

ul#tabnav li.tab1 a {
padding: 3px 4px;
border: 1px solid #808080;
background-color: #f0f0f0;
margin-right: 0px;
border-bottom: none;
}

ul#tabnav a:hover {
background: #fff;
}

ul#tabnav li.infotext {
float:left;
}