/**********************************************************************
*  layout.css(www.mein-guter-doktor.de)
*
*  Version : 1.0  Datum
*  Funktion:
*
*  Autor: www.ruhrtaler-softwareschmiede.de  
***********************************************************************/
/* site-wrap */
#site-wrap {
	text-align:left;
	width:998px;
	margin:0 auto 0 auto;
}
/* seite */
#site {
	width:960px;
	margin:0 auto 0 auto;
}
/* header */
#header {
	height:80px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #b5d7f0;
}
#header #logo {
	float:left;
}
#header #banner {
	float:left;
}
/* breadcrumb */
#breadcrumb {
	height:26px;
}
#breadcrumb-title {
	float:left;
	width:112px;
	height:26px;
}
#breadcrumb-title span {
	display:block;
	float:left;
	margin:4px 0 0 10px;
}
#breadcrumb ul {
	float:left;
	margin:4px 0 0 5px;
}
#breadcrumb ul li {
	float:left;
}
/* main */
#main {
}
/* left */
#left {
	float:left;
	padding:19px 0 0 0;
	width:228px;
}
/* main-menue */
#menue-main {
	height:676px;
}
#menue-main h2 {
	padding:0;
	margin:0;
}
#menue-main ul.menue {
	padding-top:8px;
}
#menue-main ul.menue li {
	height:23px;
	width:168px;
}
#menue-main ul.menue a {
	display:block;
	text-decoration:none;
}
/* middle */
#middle {
	float:left;
	width:702px;
	margin-left:19px;
	padding:19px 0 0 0;
}
#box-top {
	float:left;
	width:700px;
	height:238px;
	margin-bottom:13px;
}
/* flexible box */
.box-outer-wrap {
background:url(../images/box-oben-links-bg.gif)  no-repeat top left;
	border-bottom:solid #b5d7f0 1px;
	margin-bottom:15px;
}
.box-inner-wrap {
background:url(../images/box-oben-rechts-bg.gif)  no-repeat top right;	
	padding-top:30px;
}
.box-content {
	max-width:700px;
	min-height:160px;
}
div#content p,
.box-content p {
	margin:0;
	padding:5px 15px;
}

div#content h1,
.box-content h1 {
	margin:0;
	padding:5px 15px;
}

/* teaser */
#teaser-wrap-left {
	float:left;
}
#teaser-left {
	width:342px;
}
#teaser-left.box-content h1, #teaser-right.box-content h1{
	margin:0;
	padding:5px 15px 20px;
}



#teaser-left.box-content p {
	margin:0;
	padding:5px 15px;
}
#teaser-right.box-content p {
	margin:0;
	padding:5px 15px;
}
#teaser-wrap-right {
	float:left;
	margin-left:13px;
}
#teaser-right {
	width:342px;
}
/* content */

#content {
	width:700px;
	min-height:160px;
}
#content-left {
	float:left;
	z-index:200;
	width:300px;
}

#box-picture {
	text-align: center;
}
#img-box-right{
	float:right;
	z-index:100;
	margin-left:13px;
	margin-top:18px;
}

/* Blauer Wahnsinnsknopf */
.box-content ul.csc-menu {
	padding:0;
	margin:0;	
}
.box-content ul.csc-menu li{
	float:right;
	margin:10px 20px;
}
.box-content ul.csc-menu li a{
	
}

/* footer */
#footer {
	height:35px;
	padding:14px 0 0 0;
}
#footer a {
}
#left-deko {
	left: auto;
	top: auto;
	bottom: 0px;
	position: absolute;
	right: auto;
}

/* Tabelle */
table#Auflistung td {
	font-size: 0.8em;
	border: 1px solid #A7C7D6;
	background-color: #FFFFFF;
	padding: 12px;
}
table#Auflistung th {
	font-size: 0.8em;
	color: #418eb5;
	background-color: #E9F6FE;
	border: 1px solid #98BFCE;
	background-image: url(../images/thBack.gif);
	background-repeat: repeat-x;
}

table#Auflistung h1 {
	font-size: 1.4em;
	color: #14968f;
	margin-bottom: 0px;
	font-weight: normal;
}
table#Auflistung h2 {
	font-size: 1.2em;
	margin-top: 0px;
	margin-bottom: 0px;
	font-weight: bold;
	color: #82a4bd;
}
table#Auflistung caption {
	font-size: 1.1em;
	text-align: left;
	line-height: 1.7em;
	color: #82a4bd;
}


/* Bewertung */
.Bewertung{
	list-style: none; 
 	margin: 3px;
 	padding: 0px;
 	width: 90px;
 	height: 15px; 
 	position: relative;
 	background: url(../images/star.gif) top left repeat-x;
}
/* mit Backslash-Hack für IE5 Mac */
.Bewertung li{
	padding:0px;
	margin:0px;
	/*\*/
	float: left;
	/* */
}

.Bewertung li a,
.Bewertung li span{
	display:block;
	width:15px;
	height: 15px;
	text-decoration: none; 
	text-indent: 0px;
	z-index: 20; 
	position: absolute; 
	padding: 0px; 
	background-image:none; 
}

.Bewertung li a:hover{
	background: url(../images/star.gif) left center;
	z-index: 2;
	left: 0px;
}



.Bewertung a.Bewertung1{left: 0px;}
.Bewertung a.Bewertung1:hover{width:15px;}
.Bewertung a.Bewertung2{left: 15px;}
.Bewertung a.Bewertung2:hover{width:30px;}
.Bewertung a.Bewertung3{left: 30px;}
.Bewertung a.Bewertung3:hover{width:45px;}
.Bewertung a.Bewertung4{left: 45px;}
.Bewertung a.Bewertung4:hover{width:60px;}
.Bewertung a.Bewertung5{left: 60px;}
.Bewertung a.Bewertung5:hover{width:75px;}
.Bewertung a.Bewertung6{left: 75px;}
.Bewertung a.Bewertung6:hover{width:90px;}

a:active{
	outline: none;
}

.Bewertung li span{
	background: url(../images/star.gif) left  bottom;
	z-index: 1;
	left: 0px;
}
.Bewertung span.Bewertung0{left: 0px;width:0px;height:0px;}
.Bewertung span.Bewertung1{left: 0px;width:15px;}
.Bewertung span.Bewertung2{left: 0px;width:30px;}
.Bewertung span.Bewertung3{left: 0px;width:45px;}
.Bewertung span.Bewertung4{left: 0px;width:60px;}
.Bewertung span.Bewertung5{left: 0px;width:75px;}
.Bewertung span.Bewertung6{left: 0px;width:90px;}

/* Kontakt-Formular*/

form#mailform {
	width: 400px;
	margin: 10px auto;
}
form#mailform fieldset {
	border: 1px solid #bad9e9;
	background: url(../images/boxVerlauf.gif) repeat-x top;
}

form#mailform legend {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333333;
}

form#mailform label {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
text-align: right;
display: block;
float: left;
width: 100px;
margin: 5px;
}

form#mailform input[type="text"] {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333333;
width: 200px;
margin: 5px;
}
form#mailform textarea {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333333;
height: 200px;
width: 200px;
margin: 5px;
}
form#mailform input[type="submit"] {
width: 100px;
margin-top: 5px;
margin-right: 5px;
margin-bottom: 5px;
margin-left: 110px;
}
/* Rezept */

#Rezept-Schatten{
	
	width:675px;	
	background:url(../images/rezept-bg.gif) no-repeat left bottom;	
	padding-bottom:20px;
	margin-bottom:20px;
	
}
#Rezept{
	
	width:650px;	
	background:#fff;		
	border:solid #e9e9e9 1px;
	border-bottom:none;
	padding: 15px 0 0 15px;	
	margin: 0px 0 0 0px;
}
#Rezept form{
	
	width:635px;
	background:#ffdeef;
	border: 1px solid #dc98be;
}
#Rezept form hr{
	border: 1px dotted #dc98be;
	margin:15px 0 0 0;
}
#Rezept form #Stempel{
	float:right;
	width:130px;
	height:130px;
	margin:10px;
}
#Rezept form #Stempel.aktiv{
	background: url(../images/stempel.gif) no-repeat 0 10px;
}
#Rezept form input.Button{			
	float:right;
	height: 38px;
	
	padding-top: 10px;
	border:none;
	border-left: 1px solid #dc98be;
	border-top: 1px solid #dc98be;	
	background: #fff;
	font-family: "Courier New", Courier, monospace;
	font-size: medium;
	font-weight: bold;	
	color:#000;	
}
#Rezept form .Field input{		
	width: 297px;		
	border:none;		
	font-family: "Courier New", Courier, monospace;
	font-size: medium;
	font-weight: normal;		
}
#Rezept form dt,
#Rezept form dd{			
	border-left: 1px solid #dc98be;	
	border-right: 1px solid #dc98be;	
	background:#fff;
	margin:0;						
}
#Rezept form dt{	
	border-top: 1px solid #dc98be;	
	color:#dc98be;		
}
#Rezept form dd{		
	border-bottom: 1px solid #dc98be;
}
#Rezept form dl.left,
#Rezept form dl.MessageBox{
	float:left;		
	width: 350px;
	margin:10px 0 0 10px;
	padding:0;
}
#Rezept form dt.RequiredField{	
	float:left;
	width:32px;		
	padding:0px;
	margin:5px 0 0 0;		
	font-size:0.6em;
	font-weight: bold;	
	color:#dc98be;		
}
#Rezept form dd.RequiredField{
	clear:both;
	float:left;
	width:32px;
	height:14px;		
	font-weight: bold;		
	text-align:center;			
}
#Rezept form dt.Label{
	padding:0 0 0 5px;
	margin:0px 0 0 40px;
	font-size:0.8em;
	font-weight: bold;	
	color:#dc98be;	
}
#Rezept form dd.Field{	
	height:20px;
	margin:0px 0 0 40px;
	padding:0 0 0 5px;	
	font-family: "Courier New", Courier, monospace;
	font-size: medium;
	font-weight: bold;		
}
#Rezept form dl.right{
	float:right;
	width: 255px;
	margin:10px 10px 0 0;
	padding:0;
}
#Rezept form dl.right dd.Field{
	margin:0px;
}
#Rezept form dl.right dt.Label{
	margin:0px;
}
#Rezept form dl.right .Field input{		
	width: 240px;	
}
#Rezept form dl.MessageBox{
	width:350px;	
}

#Rezept form dl.MessageBox dt.RequiredField{}
#Rezept form dl.MessageBox dd.RequiredField{}
#Rezept form dl.MessageBox dt.Label{
	background:none;	
	border:none;
}
#Rezept form dl.MessageBox dd.Field{	
	background:none;	
	border:none;	
	font-size: .825em;
	font-weight:normal;	
	width:550px;
}
#Rezept form input#tx-srfeuserregister-pi1-gender-0,
#Rezept form input#tx-srfeuserregister-pi1-gender-1{
	padding:0; margin:0 10px 0 0;width:15px;height:15px;
}
label{font-weight:normal;display:none;}
dt.label{float:left;width:20px;}
#register form #Stempel{display:none;}