html, body, #bg, #bg table, #bg td {width: 100%; height: 100%; overflow-x: hidden; overflow-y: hidden;}
body{font-family:Arial,Helvetica,sans-serif; font-size:12px; cursor:default; background:url(../loading.gif);color:#505050;}

img{display:block}

p {color: #505050; font-size: 1em; line-height: 1.4em; width: auto; margin-bottom: 0.8em;}

h1 { color: #507c92; font-size: 22px; font-family: arial, helvetica; font-weight: normal; text-align: left; overflow: hidden; line-height:1.2em; margin-bottom: 0.2em;}
h2 { color: #505050; font-size: 12px; font-family: arial, helvetica; font-weight: bold; line-height: 1em; text-decoration: none; text-align: left; overflow: hidden; line-height:1em; margin-bottom: 0em; }
h3 { color: #505050; font-size: 12px; font-family: arial, helvetica; font-weight: bold; line-height: 1em; text-decoration: none; text-align: left; overflow: hidden; line-height:1em; margin-bottom: 0em; }


a  		{ color: #507c92; font-size: 12px; font-weight: normal; line-height: 16px; text-decoration: none; border-style: none; border-width: 0; outline-style: none; }
a:link  		{ color: #507c92;}
a:visited		{ color: #507c92;}
a:hover			{ color: #3d6375;}
a:active		{ color: #3d6375;}

#bg div{position:absolute;width:200%;height:200%;top:-50%;left:-50%}
#bg td{vertical-align:middle;text-align:center}
#bg img{min-height:50%;min-width:50%;margin:0 auto}

#footer {position:absolute; bottom:0px; left:0px; height:33px; z-index:80; width:100%;line-height:12px; z-index:70; background-image: url(../bg_footer.png); background-repeat: repeat-x;}
#footer div{height:23px; padding:10px 0 0 66px; color:#405b75; font-size: 12px}

#logo {position: absolute; top:20px; left:33px; width:400px; float:left; z-index:80;}
#finger {position: absolute; top:0px; left:600px; float:left; z-index:100;}

.headlineimg {z-index:75;}

#menu{position: absolute; top:81px; left:2px; z-index:80; width:979px; line-height:23px; background-color:#d7d7d7; clear:both; padding-left: 18px; height:23px !important; }
#menu div{}
#menu a {color:#507c92; border-right:solid; border-right-color:#507c92; border-right-width: 1px; padding-top: 4px; padding-left: 12px; padding-right: 12px; line-height: 16px; display:inline-block; height:19px !important;}
#menu a:hover {color:#ffffff; background-color:#3d6375;}
#menu li.active a{color:#ffffff; background-color:#3d6375;}
#menu ul {display: inline;}
.current_lang {   }
.current_lang  {color:#ffffff; background-color:#3d6375 !important; border: none !important; padding-top: 4px; padding-right: 12px;  padding-left: 12px; line-height: 16px; height:19px !important; }
#lang li { list-style: none !important; display: inline; border-left:solid; border-left-color:#507c92; border-left-width: 1px; border-right: none !important; display:inline-block;  }
#lang li a {border: none; padding-top: 4px;line-height: 16px; height:19px !important; margin: 0px !important;}
#lang ul li {padding: 0px !important; margin: 0px !important;}

ul{margin: 0; padding: 0;}

li {list-style-type:square; list-style-position:inside;}

li a{}
li a:hover,li.active a{}

ul.nav1st li {display:inline;}
ul.footer li {display:inline;}

/* Textlinks Footer */ 
#footer a:link { color: #405b75; font-size: 12px; font-family: arial, helvetica; font-weight: normal; line-height: 16px; text-decoration: none; border-style: none; outline-style: none; }
#footer a:visited { color: #405b75; font-size: 12px; font-family: arial, helvetica; font-weight: normal; line-height: 16px; text-decoration: none; border-style: none; outline-style: none; }
#footer a:hover { color: #000000; font-size: 12px; font-family: arial, helvetica; font-weight: normal; line-height: 16px; text-decoration: none; border-style: none; outline-style: none; }
#footer a:active { color: #000000; font-size: 12px; font-family: arial, helvetica; font-weight: normal; line-height: 16px; text-decoration: none; border-style: none; outline-style: none; background-image: none; padding:0;}

#cont{width: 100%; height: 100%; position:absolute;top:0;left:0; z-index:70; overflow:auto;}

#box {position:absolute; top:155px; left: 43px; width:464px;}
#content{width:434px; padding-left: 30px; padding-top: 1px; padding-bottom: 18px; margin-top: 18px; line-height:1.5em; border: none; background-image: url(../content_middle.png); background-repeat: repeat-y;}
hr {
position:absolute;
left:32px;
 color : #ccc;
 height : 1px;
 border-color : #ccc;
 border-width : 1px 0 0 0;
 border-style : solid;
 width: 400px;
}
  


.kategorien {float: left; width:140px}
.kategorien img {display: block; width: 120px; background-color: #ffffff; padding-top: 15px; padding-bottom: 4px; border: 0;}

.vitaimg {float: left; width: 150px; background-color: #ffffff; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0% 0%; border-width: 1px; border-style: solid; border-color: #CCCCCC; padding: 5px 5px 5px 5px; z-index: 100; display:inline}

.einspaltigimg {float: left; width: 500px; background-color: #ffffff; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0% 0%; border-width: 1px; border-style: solid; border-color: #CCCCCC; padding: 5px 5px 5px 5px; z-index: 100; display:inline}
 
.einspaltig {float: left; width: 100%; background-color: #ffffff; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0% 0%; border-width: 1px; border-style: solid; border-color: #CCCCCC; padding: 5px 5px 5px 5px; z-index: 100; display: block}
 
.txt {display: block; margin-left: 0px; width: 130px; z-index: 90; color:#505050}

#space1 {background-image: url(../img/space.gif); background-repeat: no-repeat; background-attachment: scroll; padding-bottom: 5px;}

#space2 {background-image: url(../img/space.gif); background-repeat: no-repeat; background-attachment: scroll; padding-bottom: 25px;}

/*TinyMCE
.mapson span {display: none;} */
.clear { clear:both; line-height:0; height:0; margin:0; padding:0; font-size:.1em; overflow:hidden }


/*Schrift*/



#hiddendiv { display: none;}

.mbild { margin-right: 20px; margin-top: 12px; margin-bottom: 12px; }
.button { color: #fff; font-size: 12px; font-weight: normal; background-color: #00b9f3; margin-top: 5px; padding: 3px 10px; border-style: none; outline-style: none; }
#header { position:absolute; width: 100%; height: 109px; top: 30px; left: 43px; margin-right: 53px; z-index: 80;}
#nav    { background-color: #fff; position: absolute; top: 0; left: 0; float:left; width:auto; height: 24px; z-index: 10; margin-top:0; padding-top:0; padding-bottom: 0; padding-left: 15px; }

#text { margin-top: 10px; padding-right: 5px; padding-left: 5px; }

/* Formular Definition */


/* Div das das Formular umschlie?t */
.formgen {font-size: 1em; color: #666666;}

/* Was passiert wenn auf das Label geklickt wird? */
label, select, input[type=checkbox], input[type=radio], input[type=button], input[type=submit] {cursor : pointer;}

.formgen form { line-height : 120%; }

/* 
Wie sehen die einzelnen Bl?cke aus? 
Jedes Feld wird von einem DIV umschlossen, das hier definiert werden kann
*/

.formgen .formblock {margin-bottom: 10px; margin-top: 10px; padding-top: 3px; padding-bottom: 3px; padding-right: 2px; padding-left: 0px;}
 .forminfo {width: 360px; margin-bottom: 15px; background-color: #CCCCCC; padding-top: 3px; padding-bottom: 3px; padding-right: 2px; padding-left: 5px; font-weight: bold; border: 1px solid #cccccc;}

/*
Verhalten von br-Tags
*/
.formgen br
{
clear : both;
}


/* 
--------- FORMULAR-OBJEKTE ------------ 
*/


/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield
{
	width: 275px;
	height: 200px;
	margin-left: 4px;
	border: 1px solid #cccccc;
	color: #666666; 
}


/* Textfeld */
.formgen .formtext
{
	width: 275px;
	margin-left: 4px;
	padding-bottom: 3px;
	font-size: 1em;
	color: #666666;
	border: 1px solid #cccccc; 
}

.formgen input:focus, .formgen input:hover,
.formgen select:focus, .formgen select:hover, 
.formgen textarea:focus, .formgen textarea:hover {
	border: 1px solid #cccccc;
	background-color: #f6f6f6;	
}



/* Label */
.formgen label {
	width: 120px;
	clear: left;
	float: left;
	height: 20px;
	
	
}


/* Aussehen der Select-Ausgabe */
.formgen .formselect
{
	width: 275px;
	background-color: #f6f6f6;
	margin-left: 4px;
	color: #000000;
}


/* Sende-Button */
.formgen .formsubmit
{	position: relative;
	left: 344px;
	width: 58px;
	text-align: center;
	background-color: #507c92;
	border: none;
	color: #fff;
}
.formgen .formsubmit:hover
{	position: relative;
	left: 344px;
	width: 58px;
	text-align: center;
	background-color: #3d6375;
	border: none;
	color: #fff;
}



/* Fieldsetbeschriftung */
.formgen legend {
color: #333333;
}

/* -------------- AUSGABEN / Fehlermeldungen --------*/


/* Markierung der Labels bei Fehler */
.formgen .formerror {
	
	border-bottom-width: 1px;
	color:#CC0000;
}

.formgen .formcaptcha
{	width: 100%;
	border: 2px solid #CC0000;
	vertical-align: top;
	float: left;
	margin-right: 10px;
}

/*//////////////////////////////////////////////////////////////////////////////*
/* Ende der Formulardefinition */

/*//////////////////////////////////////////////////////////////////////////////*
/* Gerenderte Headlines */

/* Ausgabe am Bildschirm */
@media screen {
	.renderhead {
		display: none;
	}
	.renderhead span { 
		display: none;
	}
	.renderhead img { 
			}
}
/* Ausgabe auf dem Drucker */
@media print {
	.renderhead {
		display: block;
	}
	.renderhead span {
		display: block;
		color: blue;
	}
	.renderhead img { 
		display: none;
	}
}


/*Texteingabe Mehrspaltig */
.column1 {
float:left;
padding:0pt 10px 0pt 0pt;
width:400px !important;
color: #555555;
}

.column21 {
border: none;
float: left;
padding:0px 10px 0pt 0pt;
width: 130px; 
background:none !important;
}

.column22 {
float: left;
padding: 0px 10px 0px 0px;
width: 260px !important;
background:none !important;
}

.column31 {
float:left;
padding:10px 10px 0pt 0pt;
width:160px;
color: #555555;
}
.column32 {
float:left;
padding:10px 10px 0pt 0pt;
width:130px;
color: #555555;
}
.column33 {
float:left;
padding:10px 0px 0pt 0pt;
width:190px;
color: #555555;
}
.clearfix {
clear:both;
display:block;
}








