﻿/* CSS layout */
body {
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	padding-top:0px;
	padding-left:0px;
	font-family: Helvetica;
	background-color:#CBCCCE;
}

#container_aussen {
	width:950px;
	margin:auto;
	text-align:left;
	border-top:1px black solid;
	border-left:1px black solid;
	border-right:1px black solid;
	border-bottom:1px #CBCCCE solid;
	background: #ccc url('images/containerbg.jpg') repeat-y 50% 0;
}

#header {
	width:950px;
	height:140px;
	background-image:url('images/Header_long2.jpg');
}

#header_cz {
	width:950px;
	height:140px;
	background-image:url('images/Header_long1.jpg');
}
#navigation {
	background-color:#CBCCCE;
	width:950px;
	height:40px;
	font-family: Helvetica;
	font-size:12px;
	line-height:40px;
	float:left;
}
#navigation_language {
	width: 250px;
	height: 36px;
	padding-right:0px;
	font-family: Helvetica;
	background-color: #CBCCCE;
	text-align: right;
	float:right;
	padding-top:2px;
}

#container {
	width:950px;
	clear:left;
	text-align:left;
	height:auto;
}

#bodyright {
	width:250px;
	float:right;
	height:auto;
	font-family:Helvetica;

}
#body {
	padding-left:20px;
	padding-top:20px;
	padding-right:20px;
	width:660px;
	height:auto;
	font-family:Helvetica;
}	
#content1 {
	width:660px;
	font-size:14px;
}
#H1 {
	font-size:16px;
	font-weight:bold;
	font-family:Helvetica;
	margin-left:5px;
	margin-right:5px;
}
#H2 {
	font-size:14px;
	font-weight:bold;
	font-family:Helvetica;
	margin-left:5px;
	margin-right:5px;
}
#H3 {
	font-size:14px;
	font-weight:bold;
	font-family:Helvetica;
	margin-left:5px;
	margin-right:5px;
	margin-left:-1px;
}
#content-text {
	font-size:12px;
	font-family:Helvetica;
	margin-left:5px;
	margin-right:5px;
	line-height:1.5;
}
#context-text2 {
	width:440px;
	float:right;
	position:relative;
	top:0;
	right:0;
	font-family:Helvetica;
	font-size:12px;
	text-decoration:none;
	font-weight:normal;
	line-height:1.5;
}
#context-text3 {
	width:440px;
	float:right;
	top:0;
	right:0;
	font-family:Helvetica;
	font-size:12px;
	text-decoration:none;
	font-weight:normal;
	line-height:1.5;
}
#context-text4 {
	width:530px;
	float:right;
	position:relative;
	top:0;
	right:0;
	font-family:Helvetica;
	font-size:12px;
	text-decoration:none;
	font-weight:normal;
}


#content2 {
	width:660px;
	height:auto;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:-20px;
	background-color:white;
	text-align:center;
	font-size:14px;
	font-family:Helvetica;
	text-decoration: none;
}
#content3 {
	width:660px;
	background-color:white;
	font-weight:bold;
	font-family:Helvetica;
	text-decoration:none;
	float:left;
}
#content4 {
	width:660px;
	background-color:white;
	font-weight:bold;
	font-family:Helvetica;
	text-decoration:none;
	position:relative;
}
#container_footer {
	height:80px;
	width:950px;
	border-top:1px #CBCCCE solid;
	border-bottom:1px black solid;
	margin-left:auto;
	margin-right:auto;
	clear:both;
}
#footer {
	clear:both;
	width:700px;
	height:80px;
	font-family:Helvetica;
	background-color:white;
	float:left;
	position:absolute;
}

#footerright {
	width:222px;
	height:80px;
	text-align:right;
	line-height:80px;
	font-family:Helvetica;
	font-weight:bold;
	font-size:12px;
	padding-right:28px;
	background-color:white;
	float:right;
	position:relative;
	text-decoration:none;
}

.mouseover         { 
background:url('images/structure/navi.jpg'); 
display:block; 
width:130px; 
height:40px;
text-align:center;
line-height:40px;
float:left;
text-decoration:none;
color:black;
font-size:12px;
font-weight:bold;
}

.mouseover a:hover {
background-image:url('images/structure/navi_over.jpg'); 
display:block;
width:130px;
height:40px;
text-align:center;
line-height:40px;
float:left;
color:black;
font-size:12px;
font-weight:bold;
}
.imgb {
	border:0px;
	text-align:center;
	margin-top:-30px;
}
.imgb1 {
	text-align:center;
	border:0px;
}
*{
	margin: 0;
	padding: 0;
}
#menu {
width: 700px;
height: 37px;
background: #CBCCCE;
font-family: Helvetica;
font-size: 10px;
float: left;
} 
#menu ul {
float: left;
width: 116px;
height: 37px;
font-size: 10px;
list-style-type: none;
} 
#menu h3 {
font-size: 10px;
height: 37px;
font-family: Helvetica;
text-align: center;
color: black;
border: 1px solid #CBCCCE;
line-height: 37px;
background: #CBCCCE;
} 
#menu h3:hover {
color: black;
font-size: 10px;
font-family: Helvetica;
background: #DFE0E2;
}
#menu a {
text-decoration: none;
font-family: Helvetica;
font-size: 10px;
display: block;
border: 1px solid #ccc;
text-align: center;
background: #CBCCCE;
color: black;
}

/*--definiert die "Drop-Down-Links" im Hoverzustand--*/
#menu a:hover {
color: black;
font-size: 10px;
font-family: Helvetica;
background: #DFE0E2;
text-align:center;
}

/*
*verhindert im Zusammenhang mit position absolute bei ul ul
*eine Höhenvergrößerung von #menu beim Hovern--
*/

#menu li {
position: relative;
height: 20px;
line-height:20px;
}

/*--versteckt die "Drop-Down-Links", solange nicht gehovert wird--*/
#menu ul ul {
position: absolute;
z-index: 2;
display: none;
} 
/*--lässt die Dropdown-Links beim Hovern erscheinen--*/
#menu ul li:hover ul {
display: block;
} 
/*--nur für IE-Versionen kleiner gleich 6 erkennbar--*/

* html #menu ul li {
float: left;
width: 100%;
}

/*--nur für IE 7 erkennbar--*/

*+ html #menu ul li {
float: left;
width: 100%;
} 
