/* CSS Document */

body {
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.3em;
	color: #333333;
	text-align: left;
	font-weight: normal;
	text-decoration: none;
	}
	

	
/************************ Bilder *********************/

.bildlinks
	{
	float:left;
	margin-right: 20px;
	margin-top: 0px;
	}
	
.bildrechts
	{
	float:right;
	}
	
.gl
	{
	float:right;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 0px;
	margin-bottom: 30px;
	border: 1px;
	border-style: solid; 
	border-color: #969699;
	}	
		
.bild
	{
	border: 1px;
	border-style: solid; 
	border-color: #969699;
	}	
	
.newsbild
	{
	margin-left: 20px;
	margin-top: 0px;
	margin-bottom: 10px;
	}

/************************ LAYOUT *********************/

#rahmen {
	margin-right: -478px;
	margin-top: -300px;
	position: absolute;
	top: 50%;
	right: 50%;
	width: 955px;
	height: 600px;
	text-align: left;
	background-color: #FFFFFF;
	border: 1px;
	border-style: solid; 
	border-color: #000000;
	}
	
#start {
	padding: 0px;
	margin: 0px;
	height: 600px;
	width: 955px;
	border: 0px;
	background-color:#FFFFFF;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	}
	
#menue_oben {
	height: 240px;
	width: 174px;
	background-image: url(/images/layout/obenlinks.png);
	border: 0px;
	position: absolute;
	left: 0px;
	top: 0px;
	}

#navlist {
	padding-left: 0;
	margin-left: 0;
	margin-top: 23px;
	border-bottom: 1px solid white;
	width: 140px;
	}

#navlist li {
	list-style: none;
	margin: 0;
	padding: 0.3em;
	border-top: 1px solid white;
	}

#navlist li a { text-decoration: none; }
	
#bildbereich {
	height: 240px;
	width: 246px;
	border: 0px;
	position: absolute;
	left: 174px;
	top: 0px;
	}
	
#oben {
	height: 238px;
	width: 484px;
	border: 0px;
	background-image: url(/images/layout/obenrechts.png);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4B6EB2;
	font-weight: bold;
	text-align: right;
	padding-right: 51px;
	padding-top: 2px;
	position: absolute;
	left: 420px;
	top: 0px;
	}
	
#reha_oben {
	height: 237px;
	width: 484px;
	border: 0px;
	background-image: url(/images/layout/reha_obenrechts.png);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4B6EB2;
	font-weight: bold;
	text-align: right;
	padding-right: 51px;
	padding-top: 2px;
	position: absolute;
	left: 420px;
	top: 0px;
	}
	
#menue_links {
	margin: 0px;
	height: 335px;
	width: 160px;
	border: 0px;
	background-image: url(/images/layout/menuebg.png);
	padding-left: 14px;
	padding-top: 0px;
	position: absolute;
	left: 0px;
	top: 240px;
	}
	
#inhalt {
	padding: 0px;
	margin: 0px;
	height: 322px;
	width: 721px;
	border: 0px;
	background-color:#FFFFFF;
	overflow: auto;
	padding-top: 3px;
	padding-right: 30px;
	padding-left: 30px;
	padding-bottom: 0px;
	position: absolute;
	left: 174px;
	top: 240px;
	}
	
#galerie {
	padding: 0px;
	margin: 0px;
	height: 322px;
	width: 721px;
	border: 0px;
	background-color:#FFFFFF;
	overflow: auto;
	padding-top: 3px;
	padding-right: 30px;
	padding-left: 30px;
	padding-bottom: 0px;
	position: absolute;
	left: 174px;
	top: 240px;
	}	
	
#inhaltsonder {
	padding: 0px;
	margin: 0px;
	height: 322px;
	width: 721px;
	border: 0px;
	background-color:#FFFFFF;
	overflow: auto;
	padding-top: 3px;
	padding-right: 30px;
	padding-left: 30px;
	padding-bottom: 0px;
	position: absolute;
	left: 174px;
	top: 240px;
	background-image: url(/images/content/sonderanfertigungen/bg-sonder.jpg);
	}
	
#serviceleft
	{	
	float: left;
	padding: 0px;
	margin: 0px;
	width: 290px;
	left: 30px;
	}

#serviceright
	{	
	float: left;
	padding: 0px;
	margin: 0px;
	margin-left: 35px;
	width: 300px;
	
	}
	
#service
	{	
	float: left;
	padding: 0px;
	margin: 0px;
	width: 700px;
	left: 30px;
	}
	
#ybeschlaege
	{	
	padding: 0px;
	margin: 0px;
	width: 704px;
	height: 161px;
	}
	
.ybabstandright
	{	
	margin-right: 7px;
	}
	
#mega
	{	
	padding: 0px;
	margin: 0px;
	width: 704px;
	height: 153px;
	}

.megaabstandright
	{	
	margin-right: 7px;
	}

#megaleft
	{	
	float: left;
	padding: 0px;
	margin: 0px;
	width: 200px;
	left: 30px;
	}
	
#megaright
	{	
	float: left;
	padding: 0px;
	margin: 0px;
	width: 250px;
	}

#hafenleft
	{	
	float: left;
	padding: 0px;
	margin: 0px;
	width: 200px;
	left: 30px;
	}
	
#hafenright
	{	
	float: left;
	padding: 0px;
	margin: 0px;
	width: 250px;
	}
	
#kontaktleft
	{	
	float: left;
	padding: 0px;
	margin: 0px;
	width: 250px;
	left: 30px;
	}
	
#kontaktright
	{	
	float: left;
	padding: 0px;
	margin: 0px;
	width: 350px;
	}
	
#kontakt
	{	
	float: left;
	padding: 0px;
	margin: 0px;
	width: 700px;
	left: 30px;
	}
	
#wegleft
	{	
	float: left;
	padding: 0px;
	margin: 0px;
	width: 300px;
	left: 30px;
	}
	
#wegright
	{	
	float: left;
	padding: 0px;
	margin: 0px;
	width: 343px;
	margin-left: 35px;
	}	
	
#hafen
	{	
	float: left;
	padding: 0px;
	margin: 0px;
	width: 700px;
	left: 30px;
	}	
	
#rkatalogleft
	{	
	float: left;
	padding: 0px;
	margin: 0px;
	width: 520px;
	left: 30px;
	}
	
#rehaleft
	{	
	float: left;
	padding: 0px;
	margin: 0px;
	width: 450px;
	left: 30px;
	}	
	
#ykatalogleft
	{	
	float: left;
	padding: 0px;
	margin: 0px;
	width: 520px;
	left: 30px;
	}
	
#newsthema {
	border-color: #333333;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	border-bottom: 1px;
	border-style: dotted;
	}

#newstext {
	width: 541px;
	float: left;
	}	

#jobthema {
	border-color: #333333;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	border-bottom: 1px;
	border-style: dotted;
	}

#unten {
	height: 25px;
	width: 955px;
	border: 0px;
	background-image:url(/images/layout/footer.png);
	position: absolute;
	left: 0px;
	top: 575px;
	}
	
hr {
	height: 1px;
	border-width: 1px 0 0 0;
	border-style: dotted;
	border-color: #333333;
	}	
	
/************************ Tabelle *********************/	

#katalog table { border-spacing: 3px;
width: 651px;	 }


#katalog thead { 
		text-align: left;
         background-color: #D47800;
		 height: 2em;
		          
}

#katalog tbody {	text-align: left;
         background-color: #C9D5E6;
}
#katalog tbody td { background-color: #C9D5E6;
		  text-align: left;
		  height: 2em;
}
	
/************************ MENUE *********************/

.menue_orange {
	line-height: 2.2em;
	color: #D47800;
	font-weight: bold;
	text-decoration: none;
	}
a.menue_orange:link {
	color: #D47800;
	font-weight: bold;
	text-decoration: none;
	}
a.menue_orange:visited {
	color: #D47800;
	font-weight: bold;
	text-decoration: none;
	}
a.menue_orange:hover {
	color: #4B6EB2;
	font-weight: bold;
	text-decoration: none;
	}
a.menue_orange:active {
	color: #D47800;
	font-weight: bold;
	text-decoration: none;
	}
	
.menue_orange-reha {
	line-height: 2.2em;
	color: #D47800;
	font-weight: bold;
	text-decoration: none;
	}
a.menue_orange-reha:link {
	color: #D47800;
	font-weight: bold;
	text-decoration: none;
	}
a.menue_orange-reha:visited {
	color: #D47800;
	font-weight: bold;
	text-decoration: none;
	}
a.menue_orange-reha:hover {
	color: #5D9AA3;
	font-weight: bold;
	text-decoration: none;
	}
a.menue_orange-reha:active {
	color: #D47800;
	font-weight: bold;
	text-decoration: none;
	}

.menue_weiss {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	}
a.menue_weiss:link {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	}
a.menue_weiss:visited {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	}
a.menue_weiss:hover {
	color: #4B6EB2;
	font-weight: bold;
	text-decoration: none;
	}
a.menue_weiss:active {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	}
	
.menue_blau {
	line-height: 2.2em;
	color: #4B6EB2;
	font-weight: bold;
	text-decoration: none;
	}
a.menue_blau:link {
	color: #4B6EB2;
	font-weight: bold;
	text-decoration: none;
	}
a.menue_blau:visited {
	color: #4B6EB2;
	font-weight: bold;
	text-decoration: none;
	}
a.menue_blau:hover {
	color: #4B6EB2;
	font-weight: bold;
	text-decoration: none;
	}
a.menue_blau:active {
	color: #4B6EB2;
	font-weight: bold;
	text-decoration: none;
	}
	
.menue_blau_oben {
	color: #4B6EB2;
	font-weight: bold;
	text-decoration: none;
	}
a.menue_blau_oben:link {
	color: #4B6EB2;
	font-weight: bold;
	text-decoration: none;
	}
a.menue_blau_oben:visited {
	color: #4B6EB2;
	font-weight: bold;
	text-decoration: none;
	}
a.menue_blau_oben:hover {
	color: #4B6EB2;
	font-weight: bold;
	text-decoration: none;
	}
a.menue_blau_oben:active {
	color: #4B6EB2;
	font-weight: bold;
	text-decoration: none;
	}
	
.menue_tuerkis {
	line-height: 2.2em;
	color: #5D9AA3;
	font-weight: bold;
	text-decoration: none;
	}
a.menue_tuerkis:link {
	color: #5D9AA3;
	font-weight: bold;
	text-decoration: none;
	}
a.menue_tuerkis:visited {
	color: #5D9AA3;
	font-weight: bold;
	text-decoration: none;
	}
a.menue_tuerkis:hover {
	color: #5D9AA3;
	font-weight: bold;
	text-decoration: none;
	}
a.menue_tuerkis:active {
	color: #5D9AA3;
	font-weight: bold;
	text-decoration: none;
	}
	
.menue_tuerkis_oben {
	color: #5D9AA3;
	font-weight: bold;
	text-decoration: none;
	}
a.menue_tuerkis_oben:link {
	color: #5D9AA3;
	font-weight: bold;
	text-decoration: none;
	}
a.menue_tuerkis_oben:visited {
	color: #5D9AA3;
	font-weight: bold;
	text-decoration: none;
	}
a.menue_tuerkis_oben:hover {
	color: #5D9AA3;
	font-weight: bold;
	text-decoration: none;
	}
a.menue_tuerkis_oben:active {
	color: #5D9AA3;
	font-weight: bold;
	text-decoration: none;
	}
	
	
.fliesstext {
	color: #333333;
	text-decoration: none;
	}
a.fliesstext:link, visited, active {
	color: #333333;
	text-decoration: none;
	}
a.fliesstext:hover {
	color: #333333;
	text-decoration: underline;
	}
	
.fliesstexttuerkis {
	color: #5D9AA3;
	text-decoration: none;
	}
a.fliesstexttuerkis:link, visited, active {
	color: #5D9AA3;
	text-decoration: none;
	}
a.fliesstexttuerkis:hover {
	color: #5D9AA3;
	text-decoration: underline;
	}
	
.fliesstextblau {
	color: #4B6EB2;
	text-decoration: none;
	}
a.fliesstextblau:link, visited, active {
	color: #4B6EB2;
	text-decoration: none;
	}
a.fliesstextblau:hover {
	color: #4B6EB2;
	text-decoration: underline;
	}
	
/************************ SCHRIFT *********************/
	
h1 {
	font-size: 13px;
	line-height: 1.3em;
	color: #4B6EB2;
	font-weight: bold;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	}
	
	
h2 {
	font-size: 13px;
	line-height: 1.3em;
	color: #5D9AA3;	
	font-weight: bold;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	}
	
h3 {
	font-size: 13px;
	line-height: 1.3em;
	color: #FF0000;	
	font-weight: bold;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	}
	
h4 {
	font-size: 13px;
	line-height: 1.3em;
	color: #D47800;	
	font-weight: bold;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	}
	
h1+p 
	{
	margin-top:0;
	}

h2+p 
	{
	margin-top:0;
	}
	
p  
	{
	padding:0px 0px 0px 0px;
	}
	
/************************ Formulare *********************/	

/* Alle Labels UND Formularelemente auswählen */
input, select, #text 
	{ 
	display: block;
	float: left;
	color: #333333;
	background-color: #FFFFFF;
	}
	
#name { width: 147px; }
#ort { width: 144px; }
#anrede, #plz { width: 60px; }
#strasse, #mobil, #email, #url, #land, #nachricht, #firma { width: 280px; }
#suche { width: 200px; margin-right: 10px;}
#telefon, #telefax { width: 102px; }

/* Alle Zeilenumbrüche in Formularen auswählen */
/* das floating der labels und inputs aufheben */
form br { clear: left; }

 /* den Submit-Button */
input#submit {  width: 105px; }

 /* alle Labels */
label 
	{
	display: block;
	float: left;
	text-align: right; 
	padding-right: 10px;
	width: 60px; 
	}

form
	{
	border-top: 0px dotted #333333;
	border-bottom: 0px dotted #333333;
	border-left: 0px;
	border-right: 0px;
	margin: 0px;	
	padding: 10px;
	}	
	
label.rubrik {
	width: 350px;
	margin-left: 10px;
	text-align: left;
	}
	
#bootsbeschlaege, #rehaprogramm, #bestellung, #konstruktion, #anfrage, #liegeplatz { margin-left: 70px; }