/* CSS Document */

* {
	font-size:11px;
	font-family: Verdana, Arial, sans-serif;
	color:#3c3c3c;
}

body {
	margin: 0; 
	padding: 0;
	font-size:11px;
	font-family: Verdana, Arial, sans-serif;
	background:url(/layout/h2o/bg.jpg) top center no-repeat #fff;
}

.Price {
	font-weight:bold;
	font-size:16px;
	color:#00adef;
}

H1 {
	font-size: 20px;
	font-style: normal;
	font-weight: bolder;
	color: #3C3C3C;
}
H2 {
	font-size: 18px;
	font-style: normal;
	font-weight: bolder;
	color: #3C3C3C;
}
H3 {
	font-size: 14px;
	font-style: normal;
	font-weight: bolder;
	color: #3C3C3C;
}

td#navi_panel {
 padding-top:15px;
}

/* menu left */
.left_menu {
  width:136px;
  list-style: none;
  margin: 0px;
  margin-left:0px;
  padding: 0px;
  border: none;
  font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
  color: #333;
}
.left_menu ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
  border: none;
}
.left_menu li {
        text-align:left;
  border-bottom: 0px solid #FFF;
  margin: 0;

}
.left_menu li a {
  margin-left:2px;
  display: block;
  padding: 1px 1px 0px 5px;
  background-color: #ffffff;
  color: #000;
  text-decoration: none;
  width:134px;
  font-size:13px;
}
.left_menu li a:hover {
  background:url(/layout/h2o/nav_hg.jpg) repeat-y left top; 
  color: #000;
  font-weight:bold;
}
.left_menu li {
  
        text-align:left;
  border-top: 1px solid #FFF;
  border-bottom: 0;
  margin: 0;
}
.left_menu li.level2 a {
        text-align:left;
  padding: 1px 0px 1px 7px;
  background-color: #dbeaf6;
  width:132px;
}
.left_menu li.level3 a {
        text-align:left;
  padding: 1px 0px 1px 10px;
  background-color: #319BCB;
  width:auto;
}

.menu { 
	margin:0; 
	padding:0; 
	height:20px;
        display:inline;

} 

.menu a {
      padding:5px 15px 4px 12px;
      text-decoration:none;
      font-weight:bold;
      font-size:10px;
      display:inline;
}
	  
.menu a:hover {
      font-weight:bold;
      background:url(/layout/h2o/menu_hg.gif) repeat-x left top;
}

.header {
	background-repeat:no-repeat;
	height:198px;
	padding:0px 9px 1px 9px;
}


/**
 * mit dieser Anweisung kann das Logo im Kopfbereich geändert werden.
 */

.header_logo {
	background-repeat:no-repeat;
	height:114px;
	width:255px;
	margin:0px;
        text-decoration:none;
        padding: 20px 700px 20px 0;
}

/**
 * 2. row
 */


#content {
	width:980px;
	overflow:hidden;
	text-align:left;
        clear:left;
}


#left_column {
	padding-top:20px;
	width:180px;
	float:left;
}

#main_column {
        text-align:left;
	width:580px;
	padding:20px;
	float:left;
}

#main_column_order {
        text-align:left;
	width:940px;
	padding:20px;
	float:left;
}

#right_column {
	width:180px;
	padding-top:20px;
	float:right;
}



.box {
	width:144px;
}

.box .header {
	padding:0px;
	margin-top:10px;
	height:15px;
	background-color:#00aeef;
}

.header h2 {
        text-align:left;
	padding-top:1px;
	padding-left:10px;
	padding-bottom:0px;
	margin: 0px;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
	background-color:#00aeef;
}

.box .content {	
        text-align:left;
	font-size:11px;
	font-weight:normal;
	
	background-image:url(/layout/h2o/box_hg.jpg);
	background-repeat:repeat-y;
	
	margin-top:0px;
	margin-left:0px;
	
	padding: 10px 8px 10px 0px;
	
	width:144px;
}

.box .contentre {	
        text-align:left;
	font-size:11px;
	font-weight:normal;
	
	background-image:url(/layout/h2o/box_hg2.jpg);
	background-repeat:repeat-y;
	
	margin-top:0px;
	margin-left:0px;
	
	padding: 10px 8px 10px 0px;
	
	width:144px;
}


.box .infobox{	
        text-align:left;
	font-size:11px;
	font-weight:normal;
	
	background-image:url(/layout/h2o/box_hg.jpg);
	background-repeat:repeat-y;
	
	margin-top:0px;
	margin-left:0px;
	
	padding: 00px 0px 00px 0px;
	
	width:144px;
}

 .info { 
        background-color: #cdced3;
        padding: 7px 0px 7px 10px;
        width: 133px;
        display: block;
        margin-bottom: 1px;
        text-decoration: none;
}

 .info:hover { 
        font-weight:bold;
}

 .custom { 
        background-color: #231f20;
        padding-left: 10px;
        width: 133px;
        display: block;
        margin-bottom: 5px;
        text-decoration: none;
        color:#FFF;
        font-weight:bold;
        vertical-align:middle;
}

.bg_content {
	background-color:#ffffff;
	padding:9px;
	width:964px;
	margin-top:45px;	

}

.footer {
        text-align:center;
	background-image:url();
	background-repeat:repeat-x;
	height:25px;
	color:#000;
	padding-left:16px;
	padding-top:1px;

}


/**
 * Hinweistexte oder Ergebnisausgaben werden in diesen Boxen platziert
 */
.plenty_horizontal_bar {
	width:99%; 
	margin: 4px 0px 4px 0px;
	padding:0px;
	border: 2px solid #dfdfdf; 
	background-color:#f8f8ff;
	text-align:left;
	vertical-align:middle;
}

.plenty_horizontal_bar div {
	padding-left: 8px;
	padding-bottom: 4px;
}

.plenty_horizontal_bar h2 {
	color:#D2D1D7;
	font-weight:normal;
}

#service, #service ul { 
list-style-type:none; 
margin:0; 
padding:0; 
position:absolute;
z-index:3; 
}

#service li { 
width:100px; 
float:left; 
border:0px solid #000; 
margin:0 0px 0 0; 

}

#service li ul { 
display:none;
}

#service li:hover ul { 
display:block;
background:#dbeaf6; 
}

#servcontainer { 
height:16px;
}
	  
#service ul li { 
border:none; 
margin:0; 
}
		
#service a { 
font-weight:bold; 
text-align:center; 
display:block; 
text-decoration:none; 
padding-left:5px;
}

#service a:link, #service a:visited { 
color:#000; 
padding:3px 0px 3px 0px;
margin:0px;

text-decoration:none; 
}

.servicebox li a {
background:#dbeaf6; 
display:block;
width:100px;
text-align:left;
font-weight:normal;
}

.servicebox li a:hover {
font-weight:bold;
}

#service a:active, #service a:hover { 
color:#000; 
background:#dbeaf6; 
background:url(/layout/h2o/menu_hg.gif) repeat-x left top; 
text-decoration:none; 
}

.tag_6 {
color:#417C9C;
display:inline;
font-size:10px;
}
.tag_5 {
color:#417C9C;
display:inline;
font-size:12px;
font-weight:bold;
}
.tag_4 {
color:#417C9C;
display:inline;
font-size:14px;
font-weight:bold;
}
.tag_3 {
color:#417C9C;
display:inline;
font-size:16px;
font-weight:bold;
}
.tag_2 {
color:#417C9C;
display:inline;
font-size:18px;
font-weight:bold;
}
.tag_1 {
color:#417C9C;
display:inline;
font-size:20px;
font-weight:bold;
}