/* @charset "utf-8"; */

/* ##### CSS Document ##### */



/* ########## BODY ####################################################################### */

body {
	margin: 0;
	padding: 0;
	background: url(../img/gg/bg.gif) repeat-x #D0E1BA;
	/* ACHTUNG: Auf der index.php gibt es ein anderes Hintergrundbild, */
	/*          welches dort im Body-Tag extra geladen wird! */
	
	color: #454545;
	font-size: 12px;
	text-align: left;
	font-weight: normal;
	font-family: arial, helvetica, verdana, sans-serif, swiss; 
	}
	
td {
	color: #454545;
	font-size: 12px;
	text-align: left;
	font-weight: normal;
	font-family: arial, helvetica, verdana, sans-serif, swiss; 
}	

	
/* ########## TEXTFORMATIERUNGEN ####################################################### */

/* Fette Ueberschrift, nur auf index.php! */
h1 {color: #fff; font-size: 22px; margin: 0 0 10px 0;}

/* Inhaltstitel */
h2 {color: #7DA441; font-size: 18px; font-weight: bold; margin: 0 0 10px 14px;}

/* Zwischenueberschriften im Text.*/
h3 {color: #7DA441; font-size: 12px; font-weight: bold; margin: 0 0 2px 0;} 



/* Absatzformatierung */
p {margin: 0 0 12px 0;}

/* Absatzformatierung bei Texteinleitungen */
p.green {margin: 0 0 12px 0; color: #7DA441; font-weight: bold;}
p.greenplus {margin: 0 0 12px 0; color: #7DA441; font-weight: bold; font-size:14px;}
p.big {font-size:14px;}
p.bigger {font-size:16px;}
p.underbig {font-weight: bold; text-decoration: underline;}
td.green {padding: 24px 0 12px 0; color: #7DA441; font-weight: bold;}

/* Slogan kursiv, nur auf index.php! */
em.slogan {color: #fff; font-size: 14px;  font-style: italic;} /* <-- Nur auf index.php! */

/* Formatierung Produktbilder */
img.produktbild {margin: 0 10px 10px 0;}

/* Allgemeine Linkformatierung im Text */
a:link     {text-decoration:none; color:#7DA441;}
a:visited  {text-decoration:none; color:#7DA441;}
a:hover    {text-decoration:underline; color:#7DA441;}
a:active   {text-decoration:underline; color:#7DA441;}


/* Wird nur auf den Kontaktformularen eingesetzt! */
span.red {color: red;}		/* <-- FEHLERMELDUNG */
span.green {color: #7DA441;}/* <-- UEBERMITTLUNGSBESTAETIGUNG */


/* Allgemeine Aufzaehlungen bzw. Listen */
ul.oberpunkt {
	list-style: none;
	margin: 0 0 12px 0;
	}
	
li.oberpunkt {
	list-style: none;
	margin: 0 0 3px 0;
	padding: 0 0 0 15px;
	background: url(../img/gg/arrow.gif) no-repeat;
	}

li.oberpunkt_big {
	list-style: none;
	margin: 0 0 8px 0;
	padding: 0 0 0 15px;
    font-size: 14px;
    font-weight: bold;
	background: url(../img/gg/arrow.gif) no-repeat;
	}
	
	ul.unterpunkt {
		list-style-type: square;
		margin: 0 0 0 15px;
		}
		
	li.unterpunkt {
		list-style-type: square;
		}



		
/* ########## KONTAKTFORMULARE ######################################################### */

select.anrede {
	width: 80px;
	height: 18px;
	color: #454545;
	font-size: 12px;
	font-weight: normal;
	border: 1px solid #7F9DB9;
	font-family: arial, helvetica, verdana, sans-serif, swiss;
	}
	
select.beruf {
	width: 147px;
	height: 18px;
	color: #454545;
	font-size: 12px;
	font-weight: normal;
	border: 1px solid #7F9DB9;
	font-family: arial, helvetica, verdana, sans-serif, swiss;
	}
	
input.anschrift {
	width: 145px;
	color: #454545;
	font-size: 12px;
	font-weight: normal;
	border: 1px solid #7F9DB9;
	font-family: arial, helvetica, verdana, sans-serif, swiss;
	}
	
textarea.nachricht {
	width: 453px;
	/width: 460px;
	w/idth: 460px;
	height: 100px;
	color: #454545;
	font-size: 12px;
	font-weight: normal;
	border: 1px solid #7F9DB9;
	font-family: arial, helvetica, verdana, sans-serif, swiss;
	}
	
	
/* ########## KONTAKTFORMULARE ######################################################### */

input.anzahl {
	width: 35px;
	height:16px;
	color: #454545;
	font-size: 12px;
	font-weight: normal;
	border: 1px solid #7F9DB9;
	font-family: arial, helvetica, verdana, sans-serif, swiss;		
}

input.kasse {
	width: 205px;
	height:17px;
	color: #454545;
	font-size: 12px;
	font-weight: normal;
	border: 1px solid #7F9DB9;
	font-family: arial, helvetica, verdana, sans-serif, swiss;	
	margin-bottom:2px;
}

textarea.kasse {
	width: 353px;
	/width: 360px;
	w/idth: 360px;
	height: 100px;
	color: #454545;
	font-size: 12px;
	font-weight: normal;
	border: 1px solid #7F9DB9;
	font-family: arial, helvetica, verdana, sans-serif, swiss;	
}

	
	
/* ########## CONTAINER ################################################################## */

#container {
	float: left;
	width: 1000px;
	margin: 31px 0 0 0;
	}
	
	
	
	
/* ########## BEREICH HEADER ############################################################# */

	#header_index {		/* <-- Nur auf index.php! */
		float: left;
		width: 1000px;
		height: 566px;
		background: url(../img/gg/banner-index.jpg) no-repeat;
		}

	#header_ueberuns { 
		float: left;
		width: 1000px;
		height: 205px;
		background: url(../img/gg/banner-ueberuns.jpg) no-repeat;
		}
		
	#header_produkte {
		float: left;
		width: 1000px;
		height: 205px;
		background: url(../img/gg/banner-produkte.jpg) no-repeat;
		}
		
	#header_fachkreise {
		float: left;
		width: 1000px;
		height: 205px;
		background: url(../img/gg/banner-fachkreise.jpg) no-repeat;
		}
		
	#header_patienten {
		float: left;
		width: 1000px;
		height: 205px;
		background: url(../img/gg/banner-patienten.jpg) no-repeat;
		}
		
	#header_aktuelles {
		float: left;
		width: 1000px;
		height: 205px;
		background: url(../img/gg/banner-aktuelles.jpg) no-repeat;
		}
		
	#header_kontakt {
		float: left;
		width: 1000px;
		height: 205px;
		background: url(../img/gg/banner-ueberuns.jpg) no-repeat;
		}
		
		
		/* 
		ACHTUNG: Auf der "inc.standard.php" wird fuer das Logo zusaetzlich folgendes CSS geladen:
		

		div#logo {
			position:relative;
			width: 254px;
			height: 61px;
			background: transparent url(img/gg/logo.png) no-repeat top left; 
			} *html 
		
		div#logo {
			background: none;
			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='img/gg/logo.png');
			}

			
		 Dies bewirkt dass auch der IE6 das transparente png-Logo korrekt darstellt. Leider muss das o.g. CSS in den header
		 geladen werden, da es nicht funktioniert wenn es nur in der CSS-Datei ausgelagert ist.
		 */
		 
		#logo {
			float: left;
			width: 254px;
			height: 61px;
			display: inline;
			margin: 52px 0 0 70px;
			background-image: url(../img/gg/logo.png);
			}
			
			a.logo {
				width: 254px;
				height: 61px;
				display: block;
				cursor: pointer;
				}
				
				
		/* Mainnav wird ueber mainnav.css geladen */
			
			
		#slogan {
			float: left;
			width: 250px;
			display: inline;
			margin: 40px 0 0 260px;
			}
			
			#weiter a:link,		/* <-- Nur auf index.php! */ 
			#weiter a:visited {	
				float: right;
				color: #ffffff;
				font-size: 14px;
				font-weight: bold;
				padding: 0 0 0 14px;
				margin: 8px 0 0 0;
				text-decoration: none;
				background: url(../img/gg/arrow-index01.gif) no-repeat;
				}
				
			#weiter a:hover,		/* <-- Nur auf index.php! */ 
			#weiter a:active {	
				float: right;
				color: #B2CF87;
				font-size: 14px;
				font-weight: bold;
				padding: 0 0 0 14px;
				margin: 8px 0 0 0;
				text-decoration: none;
				background: url(../img/gg/arrow-index02.gif) no-repeat;
				}
		
			
		
			
/* ########## BEREICH MAINBLOCK ########################################################## */

	#mainblock {
		float: left;
		width: 930px;
		display: inline;
		margin: 40px 0 0 70px;
		border-bottom: 1px solid #B0C989;
		}
		
		
		/* ########## SUBNAV ########## */
		
		#subnav {
			float: left;
			width: 180px;
			height: 200px;
			display: inline;
			font-weight: bold;
			margin: 1px 0 0 0;
			padding: 0 0 30px 0;
			}

			ul.subnav {
				width: 180px;
				list-style: none;
				}
				
				li.subnav {
					list-style: none;
					margin: 0 0 10px 0;
					padding: 0 0 0 14px;
					}
					
				li.subnav a:link     {text-decoration:none; color:#454545;}
				li.subnav a:visited  {text-decoration:none; color:#454545;}
				li.subnav a:hover    {text-decoration:none; color:#7DA441;}
				li.subnav a:active   {text-decoration:none; color:#7DA441;}
					
					
				li.subnav_on {
					color: #7DA441;
					list-style: none;
					margin: 0 0 10px 0;
					padding: 0 0 0 14px;
					background: url(../img/gg/arrow.gif) no-repeat;
					}
					
				li.subnav_on a:link     {text-decoration:none; color:#7DA441;}
				li.subnav_on a:visited  {text-decoration:none; color:#7DA441;}
				li.subnav_on a:hover    {text-decoration:none; color:#7DA441;}
				li.subnav_on a:active   {text-decoration:none; color:#7DA441;}
				
			/* ########## ENDE ########## */
				
			
		#content {
			float: left;
			width: 560px;
			display: inline;
			line-height: 17px;
			margin: 0 0 0 20px;
			padding: 0 0 30px 0;
			}
			
			div.line {
				
				width: 560px;
				margin: 0 0 12px 0;
				border-bottom: 1px solid #B0C989;
				background: url(../img/gg/arrow.gif) no-repeat;
				}
				
				
				
				
/* ########## FOOTER ##################################################################### */

	#footer {
		float: left;
		color: #1B3F13;
		display: inline;
		padding: 0 0 30px 0;
		margin: 10px 0 0 70px;
		}
		
	#footer a:link     {text-decoration:none; color:#1B3F13;}
	#footer a:visited  {text-decoration:none; color:#1B3F13;}
	#footer a:hover    {text-decoration:none; color:#7DA441;}
	#footer a:active   {text-decoration:none; color:#7DA441;}