/* ################################## */
/* Definition allgemeiner Elemente */

/*  Vergleich zum Print - Web-px  --> 0,3mm = 1px  */

body{
	font: Arial, Helvetica, sans-serif;
	font-size: medium;
}

div, td, span, h1, h2, h3, h4, h5{
	font-family: Arial, Helvetica, sans-serif;
}

body, .fliesstext{
	scrollbar-base-color : #D4EFF6;
	scrollbar-face-color : #D4EFF6;
	scrollbar-arrow-color : #01A0C6;
	scrollbar-highlight-color : #D4EFF6;
	scrollbar-shadow-color : #D4EFF6;
	scrollbar-dark-shadow-color : #D4EFF6;
	scrollbar-3d-light-color : #D4EFF6;
}

#ewb_seite{
	background-image: url(bilder/kreis.gif);
	background-repeat : no-repeat;
	background-position: -50px -50px; /*bgimg = 600px x 800px*/
	position: absolute;
	top: 70px;
	left: 40px;
	height: 500px; 	/* 150mm*/
	width: 700px; 	/* 210mm */
	background-color: white;
	border: 1px solid gray;
	z-index: 10;
	overflow : hidden;
	font-size: 80%;
}

.blautext{
	color: #01A0C6;
}

/* ############################## */
/* Definition der Kreis- und Titel-Elemente */

body.rubrik .fliesstext, body.rubrik .foto, body.rubrik .kasten{ visibility: hidden;}

body.inhalt #ewb_seite{	background-color: #D4EFF6;}
body.rubrik #ewb_seite{	background-color: #01A0C6; }

body.inhalt #seitentitel{
	position:absolute;
	top: 47px;
	left: 50px;
	font-size:16px;
	font-weight: bold;
	z-index: 40;
}

body.rubrik .titel, body.home .titel{
	background-color: white;
	position: absolute;
	padding: 3px 15px 0px 20px;
	top: 231px; 
	font-size: 35px; 
	font-weight: bold;
	width: 100%;
/*	height: 53px;*/
	z-index: 9;
}

/* Rubrik-Seiten index.shtml */
body.rubrik .titel{
	padding-left: 183px; 
}

/* nur auf home.shtml benötigte Definitionen*/
.kreis{
	background-image: url(bilder/kreis.gif);
	background-repeat : no-repeat;
	background-position: center;
	position: absolute;
	height: 100%;
	z-index: 1;
}
#kreislinks{
	background-color: #D4EFF6;
	background-position: -440px;
	width: 183px;
}
#kreisrechts{
	background-color: #01A0C6;
	background-position : -175px;
	width: 267px;
	right: 0px;
}
#titellinks{left: 0px;}
#titelrechts{right: -1px;text-align: right;}
/*
#linkliste{
	visibility: visible;
	font-size: 70%;
}

#linkliste .navlink{
	display: list-item;
	list-style-type : circle;
	padding-left:20px;
	list-style-position : outside;
	color: orange;
}
*/
/* ################################# */
/* Definitionen für Inhaltselemente der Seiten */

.kasten{
	position: absolute;
	background-color: #01A0C6;
	border: 2px solid white;
	z-index: 30;
	padding: 5px 5px 5px 5px;
}

.foto{
	position: absolute;
	z-index: 30;
}

.fliesstext{
	position: relative;
	left:0px;
	top:0px;
	width: 100%;
	/*height: 100%;*/
	margin: 0px 0px 0px 0px;
	border: 1px none red;
	/*border-left: 3px solid white;
	border-right: 3px solid white;*/
	text-align: justify;
	z-index: 30;
}

.fliesstext p, h2{
	margin:0px;
	margin-top: -1px;
	padding: 2px;
	line-height: 150%;
	border: 1px none red;
}

h2{
	font-size: 100%;
	font-weight: bold;	
}

h3{
	font-size: 100%;
	font-weight: normal;
	margin: 10px 0px 0px 0px;
}

ul{
	font-size: 80%;
}
li{
/*	background-color: white;*/
	margin:0px;
	margin-top: -1px;
	padding: 2px;
	line-height: 150%;
	border: 1px none red; 	
}

.iframe_rechts{
	width: 240px;
	height: 374px;
	padding-bottom: 0px;
	margin: 10px 0px 0px 20px;
	border: 1px none gray;
	/*visibility: hidden;
	display:none;*/
}

#listeimiframe{
	position: absolute;
	width: 210px;
	max-width: 210px;
	overflow: hidden;
}

#listeimiframe h3{
	text-transform : capitalize;
	margin: 10px 0px 10px 0px;
}
#listeimiframe h4{
	text-transform : capitalize;
	margin: 0px;
	padding:0px;
}

#listeimiframe ul{
	margin: 0px;
	padding:0px;
	margin-left: 10px;
	padding-left: 10px;
	color: #01A0C6;
	font-size: 60%;
}
#listeimiframe li{
	list-style-type : circle;
	list-style-position : outside;
}

#listeimiframe li.quell{
	list-style-type: disc;
}

ul.sitemap{
margin:2px;
padding:0px;
}

ul.sitemap li{
	margin-left:15px;
	padding:0px;
	list-style: circle;
}

ul.sitemap li.rubrik{
	margin: 2px 0px 2px 0px;
	padding: 0px 5px 0px 5px;
	background-color:   #01A0C6;
	list-style: none;
}


/* ################################# */
/* Definitionen für Navigationsmenü oben und Navigationselemente */

#navigation, #subnav, #menue_rechts{
	font-size: 80%;
}

#navigation{
	position: absolute;
	width: 98%;
	padding: 2px 10px 2px 10px;
	margin: 0px 0px 0px 0px;
	left: 0px;
	top: 0px;
	line-height: 30px;
	text-align: left;
	background-color: white/*#c6c6c6*/;
	z-index: 90;
	border-bottom: 1px gray solid;
	border-top: 2px white none;
	font-weight: normal;
}

#navigation{ /* hack für IE */
	/width:100%;
}


#MEWB{
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-right: 50px;
}

.navbutton{
	position: relative;
	margin: 0px 5px 0px 5px;
	text-align: left;
	line-height:30px;
}

#downloadlink{
	position: absolute;
	width: 40%;
	text-align: center;
	bottom: 50px;
	margin-left: 15%;
	margin-right: 35%;
	background-color: white;
	z-index: 20;
}

#subnav{ 
	position: relative;
	top: 0px;
	height:7px; /* eigentlich unnötig, aber hat zur Folge, dass im IE die Linie unter navigation ganz gezogen wird*/
	z-index:90;
}

.subnav_class{
	position: absolute;
	top: 0px;
	left: 0px;
    visibility: hidden;
	color: black;
	border-left: 1px solid white;
	border-bottom: 1px solid white;
	border-right: 1px solid white;
}

.subnav_class span{
	display: block;
	position: relative;
	background-color : #D4EFF6;
	padding: 2px;
	padding-left:10px;
	padding-right:10px;
	margin: 0px;
	border-top: 1px solid white;
	font-size: 90%;
}


.subnav_class_on{
	position: absolute;
	top: 30px;
	left: 0px;
    visibility: visible;
	color: black;
	border-left: 1px solid white;
	border-bottom: 1px solid white;
	border-right: 1px solid white;
}

.subnav_class_on span{
	display: inline;
	position: relative;
	background-color : #D4EFF6;
	padding: 2px;
	padding-left:10px;
	padding-right:10px;
	margin: 0px;
	border-top: 1px solid white;
	font-size: 90%;
}

#pageback, #pageforward{
	position: absolute;
	top: 558px; /* auf unteren ewb-Seitenrand:  ewb_seite/top 70 + ewb_seite/height  500 - 0,5*navbutton/line-height  15*/
	z-index:90;
	background-color: white;
	line-height: 22px;
	margin: 0px;
	border: 1px none red;
}

#pageback{
	left: 27px; /* auf  linken ewb-Seitenrand: ewb-seite/left 40 - 0,5*navbutton/width   */
}
#pageforward{
	left: 728px; /* auf  rechten ewb-Seitenrand: ewb-seite/left  40 + ewb-seite/width 700 - 0,5*navbutton/width */
}
#pageforward{
	\left: 729px;
}

#breadcrumb{
position: absolute;
top: 580px;
left: 70px;	
z-index: 90;
font-size: 80%;	
display: none;
}

#footer{
position: absolute;
top: 580px;
left: 70px;	
z-index: 90;
font-size: 80%;	

}

#menue_rechts{
	position: absolute;
	top: 70px;
	left: 740px;
	height: 500px;
	background-color: white;
	color: black;	
}

#menue_rechts .navlink{
	display: block;
	border: 1px none gray;
	padding: 5px;
	text-align: left;
	margin-top: 10px;
}
#menue_rechts a{
	/*border-left:1px dashed gray;
	border-top:1px dashed gray;
	border-bottom:1px dashed gray;
	border-right: 1px dashed gray;*/
	padding: 5px 10px 5px 10px;
	margin: 0px -5px 0px -5px;
	background: white;
}
#menue_rechts a:hover{
	/*background: #D4EFF6;*/
}

#kommentarlink a{
	color: black;
	/*background-color: #E970D0;
	*/
	background-color : #E160E1;
}

#quellenlink a{
	color: black;
	/*background-color: #E796E9;
	*/
	background-color : #FCF510;
}

#quellenbody{
	background: white;
}

#hintergrundlink{
	margin-bottom:15px;
}

#hintergrundlink a{
	color: black;
	/*background-color: #F7C2F8;
	*/
	background-color : #5FD849;
}
#linksbody{
	background:white;
}

#menue_rechts .navlink{
	color: black;
	font-family: Comic Sans MS;
}

.linklistenbody h3, .linklistenbody h4,.linklistenbody span{
	font-size:60%;
	font-weight: normal;
	padding-left: 5px;
}  

.linklistenbody h3{
	border-top: 1px solid gray;
	padding: 2px 5px 2px 5px;
	background-color: #01A0C6;
	color: white;
	font-weight: bold;
}

/* ################################# */
/* Definitionen für Links */

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

a:hover, a:focus{
	text-decoration: underline;
	color: #01A0C6;
}

.navbutton a{
	background-image: url(bilder/kreis-klein-bgweiss.gif);
	background-repeat : no-repeat;
	background-position : center;
	color: black; /*#D4EFF6;*/
	padding: 4px 5px 7px 5px;
	font-weight: bold;
	background-color: #D4EFF6;
}

#navigation a:hover{
	color: black; /*#D4EFF6;*/
	background-color: #01A0C6;
}

#navigation .navlink a:hover{
	background-color: White;
}

#navigation .navbutton a.inaktiv{
	background-color: #01A0C6;
	color: black;
	text-decoration: none;
}

.subnav_class a{
	color: black;
	font-weight: normal;
}

.navlink a{
	color: black;
}

.subnav_class a:hover{
	color: #D4EFF6;
}

#MEWB a{
	font-weight: bold;
}	

#menue_rechts a{
	color: black;
}

#pageback a, #pageforward a{
	font-weight: bold;
	font-size: 14px;
	color: gray;
	background-image: url(bilder/kreis-klein-bgweiss-rand.gif);
	background-color: transparent;
	line-height: 26px;
	padding-top: 6px;
	text-decoration: none;
}
#pageback a:hover, #pageforward a:hover{
	color: orange;
}

.kasten a{
	color: #D4EFF6; 
}
.kasten a:hover{
	color: white;
}

ul.sitemap li.rubrik a{
	color: #D4EFF6;
}

ul.sitemap li a{
	color: black;
}

a.navigationaktiv, a:hover.navigationaktiv{
	color: #01A0C6;
}





/* ################################ */
/* spezielle Elemente für Kommentar-Seiten bei HaloScan.com */

.HeadImage {padding-top:10px}

body{
	background-color: #D4EFF6;
	background-image: url(bilder/kreis.gif);
	background-repeat : repeat-x;
	background-attachment : fixed;
	background-position: -440px;
}
body.home, body.rubrik, body.inhalt, body.linklistenbody,  body.linklistenbody{	
	background-color: white;
	background-image: url();
}

body.linklistenbody{
	background-color: #E0E0E0;
	scrollbar-base-color : #D0D0D0;
	scrollbar-face-color : #D0D0D0;
	scrollbar-arrow-color : #EAEAEA;
	scrollbar-highlight-color : #D0D0D0;
	scrollbar-shadow-color : #D0D0D0;
	scrollbar-dark-shadow-color : #D0D0D0;
	scrollbar-3d-light-color : #D0D0D0;
}

td.InputCell  div  {
	display:none;
}

.MainTable hr{display:none}

.MainTable td{
	font-size: 80%;
}

.MessageCell{
border-top:1px dashed #01A0C6;
padding-top:15px;
padding-bottom:15px;
padding-left:20px;
padding-right:20px;
}

.byline{
line-height:13pt;
font-size: 70%;
}

.InputCell{
border-top:1px dashed  #01A0C6;
font-weight:bold;
padding:20px}

.PSubmit{
	text-align: left;
}

.SubmitButton{
border:1px #01A0C6 solid;
font-weight:bold;
color:#D4EFF6;
background-color: #D4EFF6;
color: #01A0C6;
width:70px}


.PInput input, .PInput textarea, input, textarea{
border:1px #D4EFF6 solid;
width: 300px
}

textarea{
height:82px
}

#close_subnav{
	position: absolute;
	top: 0px;
	left:0px;
	width: 100%;
	height: 300px;
	z-index: 20;
	visibility: hidden;
}