/*############################################################*/
/*                       "flexifloat"                         */
/*             STANDARD STYLESHEET www.betz-statik.de         */
/*         webdesign by fp-webmedia # www.fpetz-web.de        */
/*!!!!!!!!!!!!!!!!!!! Zwei (2) Spalten !!!!!!!!!!!!!!!!!!!!!!!*/
/*############################################################*/
/*#                  LAYOUT CSS BLOCK ELEMENTE               #*/
/*############################################################*/

/* Außen- und Innenabstände aller Elemente zurücksetzen */
* {
	margin: 0; padding: 0; border: 0px none;
}

body {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100.01%;
	background: #E6E6E6 url(../pics/background-body.gif) repeat-x;
	background-color: #E6E6E6;
	color: #333;
}

#wrapper { /* also holds the left "sliding" tab */
	background: #fff url(../pics/background-wrapper.gif) repeat-y 0 0;
	text-align: left;
	width: 950px; /* this can fixed or fluid */
	margin: 0 auto; /* NN will put content out of scrollable reach if auto is used unless there's a min-width on body too*/
}

#head_1, #head_2, #head_3, #footer {
	clear: both;
	width: 950px;
}

/* Link nach oben */
#upper_footer{
float			:left;
clear		: both;
display			:block;
padding			:0px 0px 0px 368px;
margin			:0 0 0 0;
}
#upper_center{
float			:left;
display			:block;
padding			:0px 0px 0px 80px;
margin			:0 0 0 0;
}
#upper_footer a:link, #upper_center a:link, #upper_footer a:visited, #upper_center a:visited {
display			:block;
width			:272px;
height			:21px;
background		:url(../pics/design_top_2_1.jpg) no-repeat top left;
}
#upper_footer a:hover, #upper_center a:hover{
background		: 	url(../pics/design_top_1_2.jpg) no-repeat top left;
}

#footer {
	height:67px;
	text-align: left;
	color: #333;
	background: #E6E6E6 url(../pics/BottomCenter_2d_67.gif) no-repeat 0 0px;
	padding: 0px 0px 0px 0px;
}

#contentfloatholder {/* also makes the right "sliding" tab */
	background: url(../pics/flexi_right_2.gif) repeat-y 100% 0;/* flexi_rigth_2 ist ein Dummy "trans" */
	float: left;
	width: 100%;
	position: relative
}

#contentfloatholder:after {
 /* this is for NN6 to clear floats */
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}

#center {
	margin-left: 268px;
/*	width: 100%;	Einstellung wenn Spalte right verwendet wird */
	width: 642px;
	display: block;
	background-image: url(../pics/Center_2.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	padding-top: 40px;
	padding-right: 20px;
	padding-bottom: 5px;
	background-color: #fff;
	margin-right: -95%;
	/* this needs to be less than 100% for Moz/Mac which thinks
	it's empty otherwise. The difference is made up by putting a
	negative left margin on the left float:
	   Note IE/Mac doesn't like this method ~ it wants the 100% so it can
	   be fed in using IE only CSS below becasue IE/Win also works with the 100% method.
	*/
}

/*************       For IE Mac           **************/
/* IE/Win is also using these rules, but it doesn't mind */
* html div#center {margin-right: -100%;}
* html div#center_left {margin-left: 0;}

#wrapper {
position: relative;
z-index: 80; /* weil bei lightbox z-index 90 eingestellt ist,
	Bilddarstellung muss vor wrapper in den Vordergrund */
}

#head_1 {
	background-image:url(../pics/top_2_0.gif);
		width: 950px;
		height: 50px;
}
#head_2 {
	background-image: url(../pics/top_2_1.gif);
		height: 127px;
		width: 950px;
}
#head_3 {
	background-image: url(../pics/top_2_2.gif);
		height: 23px;
		width: 950px;
}

.kasten-hervorhebung {
/*	clear:both;	clear ist auf anderem Weg erfolgt */
	background-color:#E6E6E6;
	border:1px #c0c0c0 solid;
	margin-bottom: 10px;
	padding: 10px;
}

/*############################################################*/
/*#                 TYPOGRAFISCHE DEFINITIONEN               #*/
/*############################################################*/

/* Standards für Fließtext */
p, li {
	font-size: 0.8em;
	color:#333;
}

p {
   margin-bottom: 0.8em;
}

a {
   color: #094166;
   text-decoration: underline;
}

a:hover {
   color:#FF0000;
   text-transform: uppercase;
}

h1 {
	font-size: 1.4em;
	font-weight: normal;
	color: #094166;
	margin-bottom: 0.5em;
}

h2 {
	font-size: 1.2em;
	font-weight: normal;
	color: #094166;
	margin-bottom: 0.5em;
}

h3 {
	font-size: 1.0em;
	font-weight: bold;
	color: #094166;
	text-decoration: none;
	margin-bottom: 0.5em;
}

h4 {
	font-size: 0.9em;
	font-weight: bold;
	color: #094166;
	text-decoration: none;
	margin-bottom: 0.5em;
}
ul {                    /*Listenelement Button "B" i.O.*/
	margin: 0 0 1em 2em;
	list-style-image: url(../pics/ul_2w_16.gif);
	color: #333;
}

ul li {
	margin-bottom: 0.2em;
	padding-left: 0.3em;
	line-height: 1.5em;
}

p.navi_top_0 {
	float:left;
	margin: 0 0 0 460px;
	font-size: 0.8em;
	color: #666;
	text-align: center;
	text-decoration: none;
}

address {
	margin-left: 288px;
	padding-top: 22px;
	font-size: 0.7em;
	letter-spacing: 2px;
	color: #FFF;
	font-style: normal;
	font-weight: bold;
}

p.copyright {
	float:right;
	margin: 22px 20px 0 0;
	font-size: 0.7em;
	color: #666;
	text-align: right;
	text-decoration: none;
}

td.impressum {
	padding:7px;
	font-size: 0.8em;
	color:#666;
	background-color:#FFF;
}

td.impressum_dkl {
	padding:7px;
	font-size: 0.8em;
	color:#333;
	background-color:#E6E6E6;
}

.subtitle {
	margin-top: 2em;
	font-size: 0.8em;
	font-weight: lighter;
	color:#094166;
}


.text_s {
	font-family:verdana,arial,helvetica;
	color: #666;
	font-size: 0.8em;
}
.small_red {
	font-family:verdana,arial,helvetica;
	font-size: 0.7em;
	color: #FF0000;
}
.text_red {
	font-family:verdana,arial,helvetica;
	color: #FF0000;
	font-size: 0.8em;
	font-weight: lighter;
}

.text_bold_red {
	font-family:verdana,arial,helvetica;
	color: #FF0000;
	font-size: 0.8em;
	font-weight:bold;
}

p.calibri /*Neuer Font im Test*/ {
	font-family: calibra, verdana, helvetica, sans-serif;
	font-size: 0.8em;
}

/*############################################################*/
/*#                     NAVIGATIONS-SPALTE                   #*/
/*############################################################*/


#center_left {
	float: left;
	background-image: url(../pics/CenterLeft_2.gif);
	background-repeat: no-repeat;
		width: 268px;
		height: 304px;
}

div#navigation {
    float:left;
	margin-top: 154px;
	margin-left: 98px;
	width: 166px;
	background: #CCCCCC url(../pics/background-navigation.gif) repeat-y;
}

.navicontainer {
	width:166px;
	margin:0px;
}

a.navi {
		display: block;
		border-collapse: collapse;
		border-style: solid;
		border-color: #333333;
		font-family: Arial, Verdana, sans-serif;
		font-weight: bold;
		font-size: 10px;
		color: #FFFFFF;
		text-decoration: none;
		cursor: hand;
		height: 18px;
		width: 133px;
		background-repeat: no-repeat;
		padding-left: 25px;
		padding-top: 4px;
		padding-bottom: 0px;
		margin-top: 2px;
		margin-bottom: 2px;
		background-color: #424142;
		border-top: #FCFCFC 1px solid;
		border-left: #FCFCFC 1px solid;
		border-right: #3B3B44 1px solid;
		border-bottom: #3B3B44 1px solid;
}

a.navi:active, a.navi:hover {
		display: block;
		border-collapse: collapse;
		border-style: solid;
		border-color: #333333;
		font-family: Arial, Verdana, sans-serif;
		font-weight: bold;
		font-size: 10px;
		color: #E20E00;
		text-decoration: none;
		cursor: hand;
		height: 18px;
		width: 131px;
		background-repeat: no-repeat;
		padding-left: 27px;
		padding-top: 4px;
		padding-bottom: 0px;
		background-color: #CCCCCC;
		margin-top: 2px;
		margin-bottom: 2px;
		border-top: #3B3B44 1px solid;
		border-left: #3B3B44 1px solid;
		border-right: #FFFFFF 1px solid;
		border-bottom: #FFFFFF 1px solid;
  	}

.naviaktuell {
		display: block;
		border-collapse: collapse;
		border-style: solid;
		border-color: #333333;
		font-family: Arial, Verdana, sans-serif;
		font-weight: bold;
		font-size: 11px;
		color: #E20E00;
		text-decoration: none;
		cursor: hand;
		height: 18px;
		width: 126px;
		background-image: url(../pics/B_22_2_tr.gif);
		background-repeat: no-repeat;
		padding-left: 32px;
		padding-top: 4px;
		padding-bottom: 0px;
		background-color: #424142;
		margin-top: 2px;
		margin-bottom: 2px;
		border-top: #FCFCFC 1px solid;
		border-left: #FCFCFC 1px solid;
		border-right: #3B3B44 1px solid;
		border-bottom: #3B3B44 1px solid;
}

a.subnavi {
   display: block;
	height:14px;
	padding-left: 40px;
	padding-top: 2px;
	font-size: 11px;
	color:#094166;
	text-decoration: none;
 }

a.subnavi:active, a.subnavi:hover {
    display: block;
	height:14px;
	padding-left: 40px;
	padding-top: 2px;
	font-size: 11px;
	color:#E20E00;
 }

.subnaviaktuell {
    display: block;
	height:14px;
	padding-left: 50px;
	padding-top: 2px;
	background-image:url(../pics/subnavi-aktuell.gif);
	font-size: 11px;
	color:#E20E00;
	text-transform: none;
	text-decoration: none;
}