/* CSS Document 
www.physiotherapie-schubien.ch

*/


body {
	height: 99%;
}

body, ul, li {
	padding: 0;
	margin: 0;	
}
 html {
 	background-color: #f54d10;
	line-height: 140%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5c4c39;
}	
		
img {
	border: 0 none;
}	

img.team {
	border-bottom: 1px solid #f54d10; 
}

a:link, a:visited, a:active {
	text-decoration: underline;
	color: #666666;
}

a:hover{
	text-decoration: underline;
	color: #ef3911;
}

.koop {
	padding-top: 3px;
}

.logo {
		border-bottom:1px solid #ccc;
		vertical-align:bottom;
		padding: 10px 0;
}

#top { 
	background-color: #bd1820;
	width: 100%;
	border-bottom: 3px solid #f54d10;
	position: absolute;
	top: 0px;
	font-weight: bold;
	font-size: 12px;
	line-height:120%;
	height: 104px;
 }
 
 #top img {
	padding-top: 10px; 
 }

 
#inhaltlinks {
	height: 378px;
	width: 242px;
	float:left;
} 
 
#inhalt {
	height: 378px;
	background-color: white;
	position: absolute;
	top: 95px;
	left: 0px;
	width: 100%;
	background-image:url("pics/quaders.gif");
	background-repeat:repeat-x;
	background-position: 0px bottom;
	top: 110px;
} 

#inhalt_start {
	height: 378px;
	background-color: white;
	position: absolute;
	top: 95px;
	width: 100%;
	background-image:url("pics/quaders_start.gif");
	background-repeat:repeat-x;
	background-position: 0px bottom;
} 

#textstart {
	position:absolute;
	left: 170px;
	top: 150px;
	height: 200px;
	width: 650px;
		z-index: 1;
}

/* zwischengeschobene gif-ebene für nicht flash-player nach oben versetzt, durch z-index versteckt */
#gif {
	z-index: 0;
	position:absolute;
	left: 170px;
	top: 145px;
}

#text {
	position:absolute;
	left: 270px;
	top: 60px;
	height: 265px;
	width: 650px;
}

#text_koop {
	position:absolute;
	left: 270px;
	top: 50px;
	height: 275px;
	width: 650px;
		overflow:hidden;	
}

#galerie {
	position:absolute;
	left: 300px;
	top: 30px;
	height: 280px;
	width: 420px;
	overflow:hidden;
	border: 1px solid #ccc;
}

#text_team {
	position:absolute;
	left: 250px;
	top: 50px;
	height: 275px;
	width: 690px;
		overflow:auto;
}


#text_behandlung {
	position:absolute;
	left: 270px;
	top: 60px;
	height: 265px;
	width: 540px;
	overflow:auto;
	padding-right: 110px;
}


#inhalt_start #text{
	position:absolute;
	left: 165px;
	top: 140px;
}
  
#footer {
	position: absolute;
	left: 170px;
	top:490px;
	color: white;
	font-size:24px;
	letter-spacing:0.1em;
	font-weight:normal;
	padding-top: 5px;
}  
  
h1 {
	font-size: 12px;
	color: #bd1820;
	display: inline;
}
table#kosten {
	border-right:1px solid #5c4c39;
	border-bottom:1px solid #5c4c39;
}
table#kosten td { 
	border-top:1px solid #5c4c39;
	border-left:1px solid #5c4c39;
	border-collapse:collapse;
		 empty-cells:hide;
		 padding-left: 10px;
	}

td.kosten {
	text-align: right;
	padding-right: 15px;
}


td ul {
	line-height: 120%;
	list-style-type:none;
}
td ul li {
	padding-bottom: 5px;
}
.orange {
	color: #f54d10;
}

/*Hauptnavigation */

#nav {
	position:absolute;
	left: 260px;
	top: 0px;
	height: 20px;
}


#nav a {
	color: #bd1820;
	text-decoration:none;
	margin-left: 10px;
	margin-right: 10px;
}

#nav a:hover {
	color: #bd1820;
	text-decoration:underline;
}

#nav a.aktiv {
	color: #f54d10;
	text-decoration:none;
	font-weight: bold;
}

/* Nebennavigation */

#navi {
	position: absolute;
	left: 270px;
	margin-top: 40px;
}

#navi_therapien {
	position: absolute;
	left: 345px;
	margin-top: -3px;
}

#navi_leistung {
	position: absolute;
	left: 425px;
	margin-top: 55px;
}

#navi_kontakt {
	position: absolute;
	left: 653px;
	margin-top: 70px;
}
#navi ul, #navi_therapien ul, #navi_leistung ul, #navi_kontakt ul {
	list-style-type: none;

}

#navi a, #navi_therapien a, #navi_leistung a, #navi_kontakt a {
	color: #fc904d;
	text-decoration:none;
}
#navi a:hover, #navi_therapien a:hover, #navi_leistung a:hover, #navi_kontakt a:hover {
	color: #fc904d;
	text-decoration:underline;
}
#navi a.aktiv, #navi_therapien a.aktiv, #navi_leistung a.aktiv, #navi_kontakt a.aktiv {
	color: #f54d10;
	text-decoration:none;
}


/* formular */

form#anfrage table {
	width: 100%;
	}
	
form#anfrage table td {
	padding: 3px 0;
	}	
	
form#anfrage {
	padding: 0px;
	margin-bottom: 10px;
}

form#anfrage input.text {
	width: 210px;
	}
	
form#anfrage textarea {
	width: 330px;
	}
	

form#anfrage textarea:hover, 
form#anfrage input[type='text']:hover { border-color: #999; }

form#anfrage input[type=text]:focus, 
form#anfrage textarea:focus {
	background: #f0f0f0;
	border-color: #999;

}	

form#anfrage input[type='submit'] {  /* submit, da außer Text gibt es nur submit */
	 float:right;
	 margin: 0 40px 0;
	 padding: 0 10px;
}

input[type=text], textarea {
    border: 1px #ccc solid;
    background: #fafafa;
	padding: 3px;
		color: #250F01;
	}