/**********
blau  #586FB5
braun #664526

Blau = 336699 (fmb Grundfarbe)

Orange = ff9933 (fr Schrift "neu", gebraucht" bitte auch Hai-Flosse
anpassen)

braun = 663300 (fmb Grundfarbe)

grau = 808080 (fr Balken etc)
******/
html, body, #contents {
	min-height: 100%;
	width: 100%;
	height: 100%;
	background-color: White;
	color: Black;
}

/* div { border-style:dotted; } /* debug */ 

/*
 * The "height" above is a hack for IE5+/Win.  Below we adjust
 * it using the child selector to hide from IE5+/Win
 */

html>body, html>body #contents {
	height: auto;
}

/*
 * Without this, Moz1.0 adds a vertical scrollbar
 */

body {
	margin: 0;
	font-family: Arial, sans-serif;
	font-size: small;
}
ol{
	margin-left: 0px;
	padding: 0px;
	margin-bottom: 30px;
}
ul{
	margin-left: 0px;
	padding: 0px;
	margin-bottom: 30px;
}
li{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 7px;
	margin-left: 25px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
}
#contents {
	position: absolute;
	top: 0;
    left: 0;
/*  Use the following to center this at 50% width, or this for 750px: width: 700px, margin-left: -350px: */
/*
	left: 50%;
    width: 50%;
    margin-left: -25%;
*/
}

#footer {
	
	position: absolute;
	bottom: 0;
	left: 0px;
	background-color: #336699;
	background-image: url(../img/footer.gif);
	background-repeat: repeat-x;
	width: 100%; /* See note below */
	text-align: center;
	height: 110px; /*117*/
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px; /*	padding: 0 15%;*/
	z-index: 1;
	color: #000000;
}

/* SBMH -- see http://css-discuss.incutio.com/?page=BoxModelHack 
 * Stupid hack lets IE see 100%, others see 70%. 
 */

/*#footer {
    \width: 100%;
    w\idth: 70%;
}*/
#main {
	margin-bottom: 5em;
	height: auto;
	padding: .5em;
}

.head {
	font-size: 1.2em; /*110%*/
	font-weight: bold;
	margin-left: 1cm;
	margin-top: 1cm;
	margin-bottom: 0px;
	padding: 0px 0px 0px 0px;
}
p {
	margin: 10px 0px 5px 0px;
}
hr.brown{
	color: #663300;
	margin-left: 30px;
}
.linie{
	width: auto;
	background-image: url(../img/blue_linie.gif);
	background-repeat: repeat-x; /*margin: 5px 30px 0px 30px;*/
	margin: 3px 145px 0px 30px;
	padding: 0px 0px 0px 0px;
}

/*************************
ACHTUNG VERTAUSCHT link_fmm macht fmb box hihi
*************************/

.link_fmm{
	background-color: #ffffff;
	color: Black;
	width: 95px; /*105 nach berechneung 95 wegen linkem rand*/
	height: 18px;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	border: 1px solid #663300;
	position: absolute;
	top: 7mm; /*war 3mm*/
	right: 45px;
	z-index: 10;
}
.link_fmb{
	background-color: #ffffff;
	width: 95px;
	color: Black;
	height: 18px;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	border: 1px solid #336699;
	position: absolute;
	top: 67px;
	right: 45px;
	z-index: 12;
}

/************************
#########################
navigation
#########################
************************/



#nav_box{
	margin-left: 30px;
	width: 80px;
display: block;
}


/*#linie_us{
	margin-left: 30px;
	width: 120px;
	display: block;
	padding: 0px 50px 0px 0px;
	height: auto;
	margin-top: -15px;

}
*/

#linie_us{
	height: 80%;
	width: 1%;
	position: absolute;
	left: 197px;
	top: 82px; /*background-image: url(../img/brown_linie_vertikal.gif);
	background-repeat: repeat-y;
	background-position: left;*/
	border-right: 2px solid #336699;
	margin-top: -15px;
	margin-bottom: 0px;
	padding: 0px 0px 0px 0px;
	z-index: 1;
	float: none;
}
  html>body #linie_us {  /* nur fuer moderne Browser! */
    height: 80%;
  }
#linie_us{
 /height: 100%;
}
#linie_usk{
	height: 80%;
	width: 1%;
	position: absolute;
	left: 197px;
	top: 82px; /*background-image: url(../img/brown_linie_vertikal.gif);
	background-repeat: repeat-y;
	background-position: left;*/
	border-right: 2px solid #336699;
	margin-top: -15px;
	margin-bottom: 0px;
	padding: 0px 0px 0px 0px;
	z-index: 1;
	float: none;
}

  html>body #linie_usk {  /* nur fuer moderne Browser! */
    height: 80%;
  }
#linie_usk{
 /height: 80%;
}  

/* SBMH -- see http://css-discuss.incutio.com/?page=BoxModelHack 
 * Stupid hack lets IE see 100%, others see 70%. 
 */

/*#footer {
    \width: 100%;
    w\idth: 70%;
}*/


#nav_box a:link, a:visited{
	text-decoration: underline;
	color: #000000;
	background-color: White;
	display: block;
}
#nav_box a:hover{
	text-decoration: underline;
	color: #808080;
	display: block;
}

a.box:link, a.box:visited {
	text-decoration: underline;
	color: #000000;
	background-color: transparent;
}
a.box:hover {
	text-decoration: underline;
	color: #808080;
}
/************************
#########################
logobereich startseite
#########################
************************/

.field_us_alt{
	position: absolute;
	top: 93px;
	left: 243px;
	z-index: 10;
	width: 650px;
margin-bottom: 5em;
	height: auto;
	}
.logo_letter{
	margin: 0px;
}
.hai{
	z-index: 3;
	margin-top: 10px;
	margin-right: 100px;
}

.text_home{
	margin-left: 95px;
	margin-top: 27px;
	padding-left: 10px;
	width: 400px;
}

.form_home{
	margin: 20px 0px 0px 108px;
	line-height: 25px;

}

.go_home{
	/*/position: absolute;
	top: 180px; /*180px*/
	/*left: 450px; /*450*/
}
.normal_ext{
	line-height:16px;
	}
/************************
#########################
formelemente
#########################
************************/


input.home{
	border: 1px solid #336699;
	margin: 0px 0px 0px 0px;
}

select{
	border: 1px solid #336699;
}
select.login{
	border: 1px solid #000000;
}
form{
	margin: 0px 0px 10px 0px;
}
input.go {
	border: none;
}
input.login{
		border: 1px solid #000000;
			margin: 0px 0px 0px 0px;
}
input.news{
	border: 1px solid #000000 !important;
	margin: 0px 0px 0px 50px;
}
/************************
#########################
navigation unten homepage
#########################
************************/

a.nav_bottom:link, a.nav_bottom:visited{
	text-decoration: underline;
	color: #000000;
	background-color: transparent;
	margin-right: 10px;
	display: inline;
}

a.nav_bottom:hover{
	color: #808080;
}

/************************
#########################
links allgemein
#########################
************************/
a:link, a:visited, a:active{
	text-decoration: underline;
	color: #000000;
	background-color: transparent;
	display: inline;
}

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

/************************
#########################
inhaltseiteen allgemein
#########################
************************/
.header{
	height:30px;
	overflow:visible;
	margin-left: 95px;
	padding-left:10px;
	margin-top: 28px;
	margin-bottom: 0px;
	font-weight: bold;
	width:597px;
}

.header2{
	font-weight: bold;
	float: right;
}
.list_title{
	font-weight: bold;
	line-height: 22px;
}
.subheader{
	font-weight: bolder;
	font-size: 0.85em;
	margin: 0px 0px 10px 3px;
}
.small{
	font-size: 0.85em;
	margin: 0px 0px 10px 0px;
}
.small2{
	font-size: 0.85em;
	margin: 0px 0px 0px 0px;
	line-height: 10px;
}
table.login{
	font-size: 0.85em;
	margin-left: 0px;
}


/************************
#########################
inhaltseiteen links
#########################
************************/

.link_box_left{
	position: absolute;
	left: 41px;
	top: 100px;
	width: 160px;
}

a.liste:link, a.liste:visited, a.liste:active{
	text-decoration: underline;
	color: #000000;
	background-color: white;
	display: inline;
	line-height: 25px;

}

a.liste:hover{
	text-decoration: underline;
	color: #808080;
}
/************************
#########################
inhaltseiteen navigationslinks
#########################
************************/
a.nav_liste:link, a.nav_liste:visited, a.nav_liste:active{
	text-decoration: underline;
	color: #000000;
	background-color: transparent;
	display: block;
	line-height: 30px;
}

a.nav_liste:hover{
	text-decoration: underline;
	color: #808080;
}

a.nav_liste_active:link, a.nav_liste_active:visited, a.nav_liste_active:active{
	text-decoration: none;
	color: #000000;
	background-color: transparent;
	display: block;
	line-height: 30px;
}

a.nav_liste_active:hover{
	text-decoration: underline;
	color: #808080;
}

.field_us{
	margin: 0px 0px 0px 243px;
	width: 620px;
	padding: 20px 0px 0px 0px;
}
#field_home_alt{
	position: absolute;
	top: 20%; /*gemessene 32% // gut ist auch noch 25*/
	left: 23%;
	z-index: 30;
}
#field_home{
	margin: -25px 0px 0px 243px;
	width: 620px;
	padding: 0px 0px 0px 0px;
}
.text_us{
	margin: 20px 0px 0px 102px;
	margin-bottom: 5em;
	height: auto;
	width: 600px;
}
.seperator{
	margin: 0px 0px 0px 0px;
}

div.trenner_ext {
	height:2px;
	width:387px;
	background-image: url(../img/blue_linie.gif);
        background-repeat: repeat-x; /*margin: 5px 30px 0px 30px;*/
	margin: 15px 0px 15px 0px;
        padding: 0px 0px 0px 0px;
}
.book_ex_text{
	line-height: normal;
	margin-bottom: 10px;
	width: 387px;
}