/* CSS Document for hanseWasser */

* {
	margin: 0; 
	padding: 0;
}
/*
Allgemeine Klasse für alle Seiten
*/
body {
        font-family: Arial, Geneva, sans-serif;
        line-height: 140%;
        color: #000;
        background: #fff;
}
/*
a: Klasse bestimmt die Formatierung aller Verweise
*/
a {
	color: #335599;
	text-decoration: underline;
	font-weight: bold;
  }
a:hover {
	text-decoration: none;
}
a img {
	border: 0 none;
}
/*
h1, h2 und h3: Klassen bestimmen die Formatierung respektiv in den Elementen h1, h2 und h3.
*/
h1 {
	font-size: 140%;
}
h2 {
	font-size: 100%;
	font-weight: bold;
}
h3 {
	font-size: 100%;
}
/*
 p: Klasse definiert das Verhalten aller Absätze
*/
p {
	margin-bottom: 10px;
}

/*
 ul: Klasse definiert das Verhalten aller ungeordneten Listen
*/
ul {
	list-style-type: disc;
}

/*
 acc: Klasse definiert versteckte Bereiche
*/
.acc{
	display: none;
}


#container_top {
}

/*header_left: Klasse definiert die Positionierung des Logos von hanseWasser*/
#header_left{
	position: absolute;
	top: 35px;
	left: 15px;
	width:185px;
}
#header_left a {
	text-decoration: none;
	color: #000;
}

#header{
	margin: 0 0 0 215px;
}

/*header_top: Klasse definiert das Hintergrundsbild von Header*/

#header_top{
        background-image:url(../fm/70/header_top_bf.jpg);
	height:60px;
}

/*nav_meta: Klasse legt die Darstellung der Metanavigation fest */
#nav_meta{
	background-color:#CCED00;
	height: 25px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	font-size: 0.8em;  
                overflow: hidden; 
              
}

#nav_meta ul {
	margin: 2px 10px;
	list-style-type: none;
}
#nav_meta ul li {
	margin-right:15px;
	float: left;
}
#nav_meta ul li a {
	color:#000;
	font-weight: normal;
}

/*nav_main: Klasse definiert die Darstellung des Navigationsbereichs*/
#nav_main{
	height: 50px;
        background-image: url(../fm/70/header_bottom_bf.jpg);
	background-position: -20px;
}
#nav_main ul {
	list-style-type: none;
}
#nav_main ul li {
	display: inline;
	width: 146px;
}
#nav_main ul li a {
	background-color:#335599;
	border-right: 1px solid #fff;
	padding: 8px 10px;
	width: 130px;
	height: 34px;
	color:#fff;
	text-decoration: none;
	float: left;
	line-height: 100%;
}
#nav_main ul li a:hover {
	background-color:#D6E6F6;
	color:#335599;
}

/*nav_main_active: Definiert den Zustand des aktivierten Mainnavigationspunkt*/
#nav_main_active {
	border-right: 1px solid #fff;
	padding: 8px 10px;
	width: 130px;
	height: 34px;
	text-decoration: none;
	float: left;
	line-height: 100%;
        background-color:#D6E6F6;
	color:#335599;
        font-weight:bold;
}


/*
nav_sub: Klasse legt die Darstellung der Hauptnavigation (linke Navigation) fest
*/
#nav_sub{
	position: absolute;
	top: 134px;
	left:0;
	width:185px;
	overflow: hidden;
	margin: 15px;
        font-size:0.8em;
        line-height:135%;
}

/*
nav_sub h2: Klasse definiert das Layout aller Titel zweites Levels, die in der Hauptnavigationsbereich deklariert sind 
*/
#nav_sub h2 {
	background-color:#335599;
	color: #fff;
	height: 18px;
	padding: 4px 0 0 4px;
	border-bottom: 9px solid #D6E6F6;
}

#nav_sub h2 a{
        background-color:#335599;
	color: #fff;
	font-weight: bold;
}

#nav_sub ul {
	list-style-type: none;
	background-color: #D6E6F6;
	padding: 0px 0px;
}

/*
level_1: Klasse zuständig für Abstand nach dem Hauptnavigationstitel
*/
.level_1{
	border-bottom: 9px solid #D6E6F6;
}
#nav_sub li {
	margin-left: 10px;
	text-indent: -10px;
}
#nav_sub li li {
	margin-left: 4px;
}
#nav_sub a {
	font-weight: normal;
        padding: 2px 2px;
}

/*Für das Hervorheben des aktivierten Hauptnavigationspunkts*/

#nav_sub .nav_active a{
        padding: 2px 2px;
        background-color: #CCED00;
        display: block;
        text-decoration: none;
}


/*
nav_sub .news: Klasse legt die Darstellung der Artikel auf der linken Seite der Startseite (Hauptnavigation der Startseite) fest
*/

#nav_sub .news p {
        padding: 5px 2px;
}

#nav_sub .news a {
        padding: 3px 15px;
        background-image: url(../fm/70/news_bgr_bf.gif);
        background-repeat: no-repeat;
        background-position: 5px 7px;
        width: 170px;
        display: block;
        background-color: #D6E6F6;
        font-weight: bold;
        text-decoration: none;
}


#nav_sub .news a:hover {
background-image: url(../fm/70/news_bgr_hi_bf.gif);
background-repeat: no-repeat;
background-position: 5px 7px;
width: 170px;
background-color: #335599;
color: #FFFFFF;
font-weight: bold; 
}

#nav_sub .to_standard{
	padding: 10px 0px 10px 5px;
	background-color:#D6E6F6;
                text-decoration:none;
}
#nav_sub .to_standard a{
        text-decoration:none;
}

#nav_sub .to_standard a:hover{
        text-decoration:none;
        background-color: #335599;
        color: #FFFFFF;
        font-weight: bold; 
}

/*
column_right: Klasse definiert den rechten Bereich für Sidebar-Artikel sowie für die Suche
*/
#column_right{
	position: absolute;
	background-color: #fff;
	top: 144px;
	right: 0;
	width: 180px;
}

/*
content: Klasse definiert den mittleren Bereich für alle Artikel, dessen Darstellungsbereich den mittleren Platzschalter ist
*/

#content{
	margin: 10px 195px 0 215px;
}
#content h1 {
	margin: 5px 0;
}
#content li {
        margin-left: 20px;
        text-indent: 10px 10px;
}

/*
nav_path: Klasse definiert das Layout für die Orientierungsnavigation
*/
#nav_path{
	margin: 0 0 10px 0;
	font-size: 93%;
}
#nav_path a {
	color:#000;
	font-weight: normal;
}

/*
to_top: Klasse definiert den Sprunganker zum Seitenanfang
*/
.to_top{
	clear: both;
	display: block;
	border-top: 1px solid #D6E6F6;
	background-image: url(../fm/70/up_bf.jpg);
	text-align: right;
	background-repeat: no-repeat;
	background-position: right;
	padding-right:15px;
	margin:10px 0 20px 0;
	color: #D6E6F6;
	font-weight: bold;
	font-size: 93%;
	text-decoration: none;
}
a.to_top:link {
                color: #D6E6F6;
                text-decoration: none;
}

a.to_top:hover {
                color: #9BB9C4;
                text-decoration: none;
}

/*
search: Klasse definiert die Designeigenschaften der Suche
*/
.search{
	background-color:#D6E6F6;
	padding: 6px 3px 18px 5px;
	color:#335599;
	margin-bottom: 10px;
	height:40px;
        font-weight:bold;
        font-size: 93%;
}
.search label {
	display: block;
}
.search input {
	width:100px;
	height:18px;
	margin:0;
	float: left;
                font-size: 93%;
}
input.search_submit{
	border: 1px solid #666666;
	background-color:#D6E6F6;
	width:60px;
	height:21px;
	padding: 1px;
	margin: 0 0 0 5px;
	text-align: left;
                vertical-align: middle;
	color:#335599;
                font-weight:bold;
                font-size: 93%;
}

/*
img_text img: Klasse für einzelbildunten oder einzelbidoben
*/
.img_text {
	padding: 6px 0px 18px 5px;
	background-color:#D6E6F6;
}
.img_text img {
	margin-bottom: 10px;
}

/*
img_text_float_left: Klasse für einzelbildinks
*/
.img_text_float_left img{
	float: left;
	margin: 0 10px 10px 0;
}

/*
img_text_float_left: Klasse für einzelbildrechts
*/
.img_text_float_right img{
	float: right;
	margin: 0 0 10px 10px;
}

/*
.image p: Definiert die Bilduntschrift, welche direkt unter dem Bild erscheint
*/

.image p {
font-size: 90%;
margin-top: 5px;
}

.img_text_float_left .image {
float: left;
margin: 0 10px 10px 0;
width: 180px
}


.img_text_float_right .image {
float: right;
margin: 0 0 10px 10px;
width: 180px;
}

/*
form: Klasse legt die Formulardarstellung (Bestellformular) fest 
*/
.form input.input_right, .form textarea.input_right {
	display: block;
	width: 290px;
	float: left;
	margin-bottom: 10px;
}
.form label.lbl_left {
	width:180px;
	margin-right:10px;
	float: left;
	text-align: right;
}
.form label.lbl_left_r {
	color:#FF0000;
	width:180px;
	margin-right:10px;
	float: left;
	text-align: right;
}
.form label.lbl_right {
	margin-bottom:10px;
}
.form .checkbox {
	width: auto;
	clear: both;
	margin-left:190px;
}
* html .form .checkbox {
	margin-left:185px;
}
.form .checkbox_label{
	text-align:left;
}
.form br {
	clear:left;
}
.form p {
	margin: 0 0 0 190px;
}
.form .submit{
	margin: 10px 10px 0 190px;
	width:100px;
}
.form .reset{
	margin: 10px 0 0 0;
	width:100px;
}