/* Grotwinkel CSS. Nov. 2010. Author: Matthew Owen|sdb-grafik, SchwŠbisch Hall */

/* Wireframing */
div{
margin:0;
padding:0;
outline:0px dotted red;
}

/* General Elements*/

body {
	margin: 15px;
	background-color: white;
	text-align:left;
	font:normal 62.5% Arial, Verdana;
}

#container{
	width:730px;
	margin-bottom:10px;
	}

#head{
	width:730px;
	height:124px;
}

#logo{
	width:604px;
	height:124px;
	float:left;
	background:url(grafik/logoback.png);
}

#square{
	width:124px;
	height:124px;
	float:right;
	margin-left:2px;
	background-color: #912F2F;
}

#band{
	margin-top:2px;
	width:730px;
	height:182px;
	background-color:#E5E5E5;
}

#navi{
	margin-top:2px;
	width:730px;
	height:32px;
	background-color:white;
}

#nav2{
	margin-top:1px;
	width:730px;
	height:28px;
	background-color:white;
}

#content{
	margin-top:2px;
	width:730px;
	background:#F2F2F2;
}

#text{
	margin-top:20px;
	margin-left:40px;
	margin-right:40px;
	margin-bottom:15px;
	background:#F2F2F2;
	float:left;
	width:650px;
}



#footer{
	width:730px;
	height:65px;
	margin-top:2px;
	float:left;
	}

#squarefoot{
	width:120px;
	height:60px;
	background:#CCCCCC;
	float:left;
}

#impress{
	width:578px;
	height:30px;
	padding:15px;
	background:#E5E5E5;
	float:right;
	
}

.clearfloats{
	clear:both;
}

#guteideen{
	font:italic 1.1em Georgia, "Times New Roman", Times, serif;
	text-align: center;
	padding-top:2px;
	color:#999;
	}


/* Text ---------------------------------------------------*/

h1{
	color:#891515;
	font:normal 3em Georgia, "Times New Roman", Times, serif;
}

p{
	line-height: 170%;
	font-size:1.3em;
	color:#333;
	
}

.copy{
	font:normal 1.1em Lucida Grande,Utopia,Palatino,'Palatino Linotype',serif;
	line-height: 150%;
	}

/* Links ----------------------------------------------
a:link{
	color:#000;
	text-decoration:none;
	font-size: 1.2em;
}

a:visited{
	color:#000;
	text-decoration:none;
	font-size: 1.2em;
}

a:hover{
	color:white;
	text-decoration: none;
	font-size: 1.2em;
}

a:active{
	color:#000;
	text-decoration:none;
	font-size: 1.2em;
}

.on{
	color:white;
	font-size: 1.2em;
}*/

/* text links */

#text a {
	color:#891515;
	text-decoration: underline;
	}
	
#text a:hover{
	color:#891515;
	text-decoration: none;
	}	
	
#impress a {
	color:#000;
	text-decoration: underline;
	line-height: 150%;
	}
	
#impress a:hover{
	color:#000;
	text-decoration: none;
	line-height: 150%;
	}


/* Navi CSS */

.container {width: 970px; margin: 0 auto;}



ul#topnav {
	margin: 0; padding: 0;
	float: left;
	width: 730px;
	list-style: none;
	position: relative;
	font-size: 1.2em;
	background: #891515;
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	border-right: 1px solid white;
}
ul#topnav li a {
	padding: 9px 15px;
	display: block;
	color: white;
	text-decoration: none;
	}
	
ul#topnav li:hover { background: #912F2F }
ul#topnav li span {
	float: left;
	padding: 9px 0;
	position: absolute;
	left: 0; top:34px;
	display: none;
	width: 730px;
	background: white;
	color: #fff;
	
}
ul#topnav li:hover span { display: block; }
ul#topnav li span a { display: inline; }
ul#topnav li span a:hover {text-decoration: underline;}

/* getting the active class running */
#home li.home a, /*--Home Page > Home Link--*/
#therapie li.therapie a, /*--therapie Page > therapie Link--*/
#ablauf li.ablauf a, /*--ablauf Page > ablauf Link--*/
#praxis li.praxis a, /*--praxis Page > praxis Link--*/
#person li.person a, /*--person Page > person Link--*/
#kontakt li.kontakt a /*--kontakt Page > kontakt Link--*/
{
	background-color: #B49664 ;
}

ul#therapie {
	margin: 0; padding: 0;
	float: left;
	width: 730px;
	list-style: none;
	position: relative;
	font-size: 1.2em;
	background: #B49664;
}
ul#therapie li {
	float: left;
	margin: 0; padding: 0;
	
}
ul#therapie li a {
	padding: 7px 13px;
	display: block;
	color: #720E0E;
	text-decoration: none;
	}
	
ul#therapie li :hover{
	text-decoration: underline;
	color:white;
	}
	
/* getting the active class running SUB MENU!!! Must be changed at HTML level*/
ul#therapie li.on a{
	text-decoration: underline;
	color:white;
	}	
	
/* Contact Form */

#page-wrap {
	width: 600px;
	background: white;
	padding: 20px 50px 20px 50px;
	margin: 20px auto;
	min-height: 500px;
	height: auto !important;
	height: 500px;
}

#contact-area {
	width: 600px;
	margin-top: 25px;
}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 471px;
	font-family: Helvetica, sans-serif;
	font-size: 1.4em;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #900;
}

#contact-area input.submit-button {
	width: 100px;
	float: right;
}

label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 100px;
	padding-top: 5px;
	font-size: 1.4em;
}