﻿.bgcolor			/*	Aussenrand	*/
{
	background: #FFFFFF;	
	margin:0px;	
}

body
{
	background-color: #FFFFFF;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #005599;						/* braune Schrift	WebSafe	*/
	text-align: left;
	text-decoration: none;
	font-weight: normal;
	margin: 0;
	padding: 0;
}
	a:link	{color:#cc0000;}
	a:visited	{color:#993300;}
 	a:hover	{color:#FF6600;}
 	
 	
hr
{
	background-color:orange;
	border: 2px blue inset;
}


.bg 				/*	BG Content */
{
	background-color: #FFFFFF;
	width: 1000px;
	height: 500px;
	margin:auto;
	margin-top: 10px;
}

/* 	--------------	Logozeile Navi waagerecht  -----------------	*/
#bglogoline
{
	background-color: #FFFFFF;
	height: 130px; 
	width: 1000px;
}

#logo
{
	background: transparent url('images/logo-rc.gif') no-repeat scroll left bottom;
	height: 120px;
	width: 300px;
	float: left;
}

#logoline
{
	height:130px; 
}

.navitop
{
	margin-left: 0px;
	width: 770px;
	border:0px; 
  	text-align: left;
  	vertical-align: top;
	font-size: 0.9em;
	font-weight: bold;
  	line-height: 1.2em;
}

.navitopt1				/*	blau	*/
{
  	text-align: left;
  	vertical-align: bottom;
  	padding-bottom: 10px;
  	color: #000099;
}
.navitopt2				/*	hellblau	*/
{
  	text-align: left;
  	vertical-align: top;
  	padding-top: 5px;
}
.navitopt3				/*	rot	*/
{
  	text-align: right;
  	vertical-align: top;
  	padding-top: 10px;
}
.navitopt4				/*	braun	*/
{
  	text-align: center;
  	vertical-align: bottom;
  	padding-bottom: 2px;
}
.navitopt5				/*	gelb	*/
{
  	text-align: right;
  	vertical-align: bottom;
  	padding-bottom: 10px;
}
.navitopt6				/*	grün	*/
{
  	text-align: center;
  	vertical-align: top;
  	padding-top: 10px;
}

#container
{
	float: left;
	width: 1000px;
	margin: 0px;
	padding: 0px;
	background: #FFFFFF url('images/container.gif') repeat-x left top;
}


/*	-----	Navigationsbereich links	-------	*/
#navilinks
{
	display: none;			/*	wird nicht gedruckt	*/
	background: #FFFFFF;
}


/*	---------	CONTENT  Mitte --------	*/
.logobg
{
	display: inline;
	background-image: url('images/logo-bg.jpg');
	background-repeat: no-repeat;
	background-position: left top;
	width: 570px;
	height: 500px;
	margin: 0px;
	padding: 0px
}

#textbereich
{
	display: inline;
	float: left;
	width: 570px;
	margin-top: 0px;
	margin-right: 5px; 
	padding-top: 10px;
	padding-left: 5px;
	padding-bottom: 35px;
}

#textbereich p 
{
	font-size:10pt;
	font-style: normal;
	color: #003399;
	padding-left: 45px;
	padding-right: 25px;
}
#textbereich p a
{
	font-size:10pt;
	font-style: normal;
	text-decoration: underline;
}

#textbereich h1
{
	padding-top: 5px;
	padding-left: 25px;
	padding-right: 20px;
	color: #005599;
	color: #FF3300;
	font-size: 1.4em;
	font-weight: bold;
	font-variant: small-caps;
}
#textbereich h2		
{
	padding-top: 0px;
	padding-left: 30px;
	padding-right: 20px;
	color: #005599;
	font-size: 1.2em;
	font-weight: bold;	
}
#textbereich h3	
{
	padding-top: 0px;
	padding-left: 45px;
	padding-right: 20px;
	color: #003399;
	font-size: 1.1em;
	font-weight: bold;
}
#textbereich h4	
{
	padding-top: 0px;
	padding-left: 40px;
	padding-right: 10px;
	color: #005599;
	font-size: 1.1em;
	font-weight: bold;	
}
#textbereich h5
{
	padding-top: 0px;
	padding-left: 40px;
	padding-right: 10px;
	color: #005599;
	font-size: 1.0em;
	font-weight: bold;	
}

#textbereich p 
{
	font-size:10pt;
	font-style: normal;
	color: #003399;
	padding-left: 45px;
	padding-right: 25px;
}

#tabl_wir
{
	margin-left: 50px;
	width: 700px;
}

.tab_wir
{
	font-size:10pt;
	font-style: normal;
	color: #003399;
	padding-left: 45px;
	padding-right: 25px;
}
.wir
{
	font-size:10pt;
	font-style: normal;
	color: #003399;
	padding-right: 10px;
	text-align:right;
}

#textbereich ul li
{
	font-style: normal;
	font-weight: normal;
	text-align: left;
	color: #003399;
	margin-left: 35px;
	padding-right: 20px;
}
#textbereich ul li ul li
{
	font-style: normal;
	font-weight: normal;
	text-align: left;
	color: #003399;
	margin-left: -10px;
	padding-right: 20px;
}


#textbereich .p2 ul li
{
	font-size: 1.0em;
	line-height: 1.3em;
	font-weight: bold;	
	margin-left: 10px;
	padding-right: 15px;
	margin-top: 5px;
	margin-bottom: 0px;
	list-style: disc;
}
#textbereich .p2 ul li ul li
{
	font-size: 1.0em;
	line-height: 1.1em;
	font-weight: normal;	
	margin-left: 10px;
	padding-right: 15px;
	margin-top: 5px;
	margin-bottom: 0px;
	list-style: disc;
}

#textbereich .p3
{
	font-size: 9pt;
	font-style: normal;
	color: #663300;
	padding-left: 25px;
	padding-right: 15px;
	padding-top: 0px;
	margin-top: 0px;
}

#textbereich .p8
{
	font-size: 8pt;
	font-style: normal;
	color: #663300;
	padding-left: 25px;
	padding-right: 15px;
	padding-top: 0px;
	margin-top: 0px;
}
#textbereich .p8 ul li
{
	font-size: 8pt;
	font-style: normal;
	color: #663300;
	padding-left: 0px;
	padding-right: 20px;
	padding-top: 5px;
}

#textsmall
{
	background-image: url('images/hafty.gif');
	background-position: left top;
	background-repeat: no-repeat;
	width: 130px;
	height: 100px;
	font-size: 9pt;
	font-style: normal;
	color: #663300;
	padding-left: 4px;
	padding-right: 2px;
	text-align: left;
	border: 0px;	
}
#textw1
{
	background: transparent url('images/w1.gif') no-repeat scroll left top;
	font-size: 8pt;
	font-style: normal;
	color: #663300;
	height: 150px;
	border: 0px;
	text-align: left;
	vertical-align: top;
	margin-left: 20px;
	padding-left: 30px; 
	padding-top: 25px;
}
#textw2
{
	background: transparent url('images/w2.gif') no-repeat scroll center top;
	font-size: 8pt;
	font-weight: bold;
	color: #663300;
	height: 150px;
	border: 0px;
	text-align: center;
	vertical-align: top;
	padding-left: 0px; 
	padding-top: 30px;
}
#textw3
{
	background: transparent url('images/w3.gif') no-repeat left top;
	font-size: 8pt;
	font-weight: bold;
	color: #663300;
	height: 150px;
	border: 0px;
	text-align: center;
	vertical-align: top;
	padding-left: 25px; 
	padding-top: 30px;
}
#textw4
{
	background: transparent url('images/w4.gif') no-repeat scroll center top;
	font-size: 10pt;
	font-weight: bold;
	color: #663300;
	height: 100px;
	border: 0px;
	text-align: center;
	vertical-align: top;
	padding-left: 0px; 
	padding-top: 40px;
}
#textpf
{
	font-size: 10pt;
	font-weight: bold;
	color: #663300;
	border: 0px;
	text-align: left;
	vertical-align: top;
	padding-left: 0px; 
	padding-top: 75px;
}


/*	---------	CONTENT  rechts --------	*/
#rechts
{
	display: inline;
	float: left;
	background: transparent url('images/rechtsbg.gif') no-repeat scroll right top;
	width: 160px;
	height: 390px;
	text-align: left;
	margin-top: 5px;
	padding-left: 35px;
	padding-bottom: 35px;
}

#rechts p
{
	font-size: 0.9em;
	color: #993300;						/* braune Schrift		*/
}
#rechtsbild
{
	display: inline;
	float: left;
	width: 155px;
	height: 160px;
	text-align: left;
	padding-top: 15px;
	padding-left: 5px;
}

#tk
{
	position: fixed;
	margin-top: 450px;
	margin-left: 930px;
	padding-bottom: 30px;
	border: 0px;
}
.tk
	{
	background-image: url('images/tk.gif');
	background-repeat: no-repeat;
	border: 0px;
	cursor: pointer;
	height:18px;
	width:66px;
}

/*	--- Kooperation Bilder positionieren	*/
#bild1				/*	traub	*/
{
	position: absolute;
	top: 60px;
	left: 260px;
	z-index:1;
}
#bild2				/*	aok	*/
{
	position: absolute;
	top: 340px; 
	left: 240px; 
	z-index: 2;
}
#bild3				/*	wellcome	*/
{
	position: absolute;
	top: 15px;
	left: 470px; 
	z-index: 3;"
}
#bild4				/*	rehacentrum	*/
{
	position: absolute;
	top: 60px;
	left: 350px;
	z-index: 4;"
}
#bild5				/*	khstjosef	*/
{
	position: absolute;
	top: 440px; 
	left: 370px; 
	z-index: 5;
}

#bild6				/*	barmer	*/
{
	position: absolute;
	top: 60px;
	left: 700px;
	z-index: 6;
}
#bild7				/*	tkk	*/
{
	position: absolute;
	top: 210px;
	left: 760px;
	z-index: 7;"
}
#bild8				/*	drv	*/
{
	position: absolute;
	top: 350px;
	left: 710px; 
	z-index: 8;
}



/*	--- Kontaktformular	---	*/
.tab_li
{
	width: 100px;
	text-align: left;
	padding-top: 2px;
	padding-left: 45px;
	padding-bottom: 4px;
}
.tab_re
{
	width: 350px;
	text-align: left;
	padding-top: 2px;
	padding-left: 5px;
	padding-bottom: 4px;
	margin-right: 5px;
}

.eingabefeld
{
	background-color: #FFF5DD;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #663300;
	padding-left: 3px;
	vertical-align:text-bottom;
}

.button_send
{
	background-image: url('images/absenden.gif');
	background-repeat: no-repeat;
	height: 30px;
	width: 120px;
	background-color: transparent;	
	margin-left: 40px;
	padding: 0px;
	border: 0px;
}
.button_clear
{
	background-image: url('images/eingabeloeschen.gif');
	background-repeat: no-repeat;
	height: 30px;
	width: 196px;
	background-color: transparent;	
	margin-left: 0px;
	padding: 0px;
	border: 0px;
}


