@charset "utf-8";
/* CSS Document 
// Company: Webweisend Media GmbH
Inhalt:
1. Basics (Global Classes, Clearfix, Global Tags...)
2. Header (Branding, Claim, Kundenlogin)
3. Navi
---3.1 Subnavi
4. Content
---4.1 Newsteaser
---4.2 Headlines
---4.3 Columns
---4.4 Productteaser
---4.5 sidebar-navi
---4.6  content-index
---4.7 Leistungsicons / Jobicons
---4.8 content-jobs
---4.9 sitemap
---4.10 Content Referenzseiten
---4.11 Content News
5. Footer
6. Formulare

/*
/*----------------------------------------------------
// ----> 1. Basics
/----------------------------------------------------*/

* {margin:0;padding:0;}

/* Clearfix */

.clear:after {
	content:".";
/*	display:block;*/
	clear:both;
	visibility:hidden;
	height:0;
	line-height:0;
}

.clear {display: inline-block;}

html[xmlns].clear {display: block;}

* html .clear {height: 1%;}

.clearStrict {float:none; clear:both;}


a:link {color:#fe7a06; text-decoration:none;}

a:visited {color:#fe7a06; text-decoration:none;}

a:hover {color:#000; text-decoration:none;}

a:active {color:#666; text-decoration:none;}


#inhalt a:link {color:#4a8ca6;  text-decoration:none;}

#inhalt a:visited {color:#4a8ca6; text-decoration:none;}

#inhalt a:hover {color:#4a8ca6;  text-decoration:underline;}

#inhalt a:active {color:#4a8ca6;  text-decoration:underline;}

#rightlist  {margin: 0 0 0 20px;color: #fe7a06; list-style:square; list-style-type:square; }
#rightlist li span {  color: #000; }

.fett {font-weight:bold;}

img { border: 0px; }

html, body {margin:0; padding:0; width:100%; height:100%;

font:62.5% "Trebuchet MS", Arial, Verdana, sans-serif;
color:#000;}

#hintergrund {  width:100%; height:100%;  position: fixed; 
z-index:1;}

#wrapper {  width: 100%; height: 100%}


#mitte {z-index: 20; position: relative; width: 960px;
margin: 0 auto;
}
/*----------------------------------------------------
// ----> 2. Header
/----------------------------------------------------*/


#content {background-image: url(../images/content_bg.jpg);;
	background-repeat: repeat-y;
	width: 727px;
	position: relative;
	float: right;
	margin-top: 40px;
	
}


/*----------------------------------------------------
// ----> 3. Navi
/----------------------------------------------------*/


#nav{ margin: 20px 0 0 0; position: fixed; float:left;  width: 250px;
}

#menue {
	
	position:absolute;
	width: 249px;
	font-size: 1.3em;	
	list-style-type:none;
	float: left;
}


#menue ul{
	width: 249px;
	list-style-type:none;

}

#menue li {list-style-type:none;}

#menue a{
	text-indent: -5000px;
	overflow: hidden;
}
#menue a:link, #menue a:visited{
	display:block;
	

}

#menue a:hover, #menue a:active { 
	
	color:#fff;
	
}


 

#menue a.startseite:link, #menue a.startseite:visited{
	background-image:url(../images/startseite.png);
	width: 249px;
	height: 44px;
	color:#fff;
	background-position: 0px 0px; }
	
#menue a.warumdiesehomepage:link, #menue a.warumdiesehomepage:visited{
	background-image:url(../images/warumdiesehomepage.png);
	width: 249px;
	height: 34px;
	color:#fff;
	background-position: 0px 0px; }
	
#menue a.schwerpunkte:link, #menue a.schwerpunkte:visited{
	background-image:url(../images/schwerpunkte.png);
	width: 249px;
	height: 34px;
	color:#fff;
	background-position: 0px 0px; }
	
#menue a.erkrankungen:link, #menue a.erkrankungen:visited{
	background-image:url(../images/erkrankungen.png);
	width: 249px;
	height: 24px;
	color:#fff;
	background-position: 0px 0px; }
	
#menue a.psychosomatische:link, #menue a.psychosomatische:visited{
	background-image:url(../images/psychosomatischeerkrankungen.png);
	width: 249px;
	height: 24px;
	color:#fff;
	background-position: 0px 0px; }
	
#menue a.depressionen:link, #menue a.depressionen:visited{
	background-image:url(../images/depressionen.png);
	width: 249px;
	height: 24px;
	color:#fff;
	background-position: 0px 0px; }
	
#menue a.behandlung:link, #menue a.behandlung:visited{
	background-image:url(../images/behandlung.png);
	width: 249px;
	height: 34px;
	color:#fff;
	background-position: 0px 0px; }

#menue a.psychotherapie:link, #menue a.psychotherapie:visited{
	background-image:url(../images/psychotherapie.png);
	width: 249px;
	height: 24px;
	color:#fff;
	background-position: 0px 0px; }

#menue a.psychosomatische2:link, #menue a.psychosomatische2:visited{
	background-image:url(../images/psychosomatischeaufklaerung.png);
	width: 249px;
	height: 24px;
	color:#fff;
	background-position: 0px 0px; }
	
#menue a.medikamente:link, #menue a.medikamente:visited{
	background-image:url(../images/medikamente.png);
	width: 249px;
	height: 24px;
	color:#fff;
	background-position: 0px 0px; }
	
#menue a.beratung:link, #menue a.beratung:visited{
	background-image:url(../images/beratung.png);
	width: 249px;
	height: 34px;
	color:#fff;
	background-position: 0px 0px; }
	
#menue a.gutachtenundatteste:link, #menue a.gutachtenundatteste:visited{
	background-image:url(../images/gutachtenundatteste.png);
	width: 249px;
	height: 34px;
	color:#fff;
	background-position: 0px 0px; }

#menue a.praxisablaeufe:link, #menue a.praxisablaeufe:visited{
	background-image:url(../images/praxisablaeufe.png);
	width: 249px;
	height: 34px;
	color:#fff;
	background-position: 0px 0px; }

#menue a.oeffnungszeiten:link, #menue a.oeffnungszeiten:visited{
	background-image:url(../images/oeffnungszeiten.png);
	width: 249px;
	height: 34px;
	color:#fff;
	background-position: 0px 0px; }
	
#menue a.diskretion:link, #menue a.diskretion:visited{
	background-image:url(../images/diskretion.png);
	width: 249px;
	height: 34px;
	color:#fff;
	background-position: 0px 0px; }
	
#menue a.uebermich:link, #menue a.uebermich:visited{
	background-image:url(../images/uebermich.png);
	width: 249px;
	height: 34px;
	color:#fff;
	background-position: 0px 0px; }
	
#menue a.zertifikate:link, #menue a.zertifikate:visited{
	background-image:url(../images/zertifikate.png);
	width: 249px;
	height: 34px;
	color:#fff;
	background-position: 0px 0px; }
	
#menue a.checkup:link, #menue a.checkup:visited{
	background-image:url(../images/checkup.png);
	width: 249px;
	height: 34px;
	color:#fff;
	background-position: 0px 0px; }

#menue a.kritik:link, #menue a.kritik:visited{
	background-image:url(../images/kritik.png);
	width: 249px;
	height: 34px;
	color:#fff;
	background-position: 0px 0px; }
	
#menue a.haeufigefragen:link, #menue a.haeufigefragen:visited{
	background-image:url(../images/haeufigefragen.png);
	width: 249px;
	height: 34px;
	color:#fff;
	background-position: 0px 0px; }
	
#menue a.py:link, #menue a.py:visited{
	background-image:url(../images/py.png);
	width: 249px;
	height: 34px;
	color:#fff;
	background-position: 0px 0px; }
	
#menue a.team:link, #menue a.team:visited{
	background-image:url(../images/team.png);
	width: 249px;
	height: 34px;
	color:#fff;
	background-position: 0px 0px; }
	
#menue a.newsletter:link, #menue a.newsletter:visited{
	background-image:url(../images/newsletter.png);
	width: 249px;
	height: 34px;
	color:#fff;
	background-position: 0px 0px; }
	
#menue a.impressum:link, #menue a.impressum:visited{
	background-image:url(../images/impressum.png);
	width: 249px;
	height: 49px;
	color:#fff;
	background-position: 0px 0px; }
/*----------------------------------------------------*/

			  
#menue a.startseite:hover, #menue a.startseite:active{
	background-position: 0px -44px; }
	
#menue a.warumdiesehomepage:hover, #menue a.warumdiesehomepage:active{
	
	background-position: 0px -34px; }
	
#menue a.schwerpunkte:hover, #menue a.schwerpunkte:active{
	
	background-position: 0px -34px; }
	
#menue a.erkrankungen:hover, #menue a.erkrankungen:active{
	
	background-position: 0px -24px; }
	
#menue a.psychosomatische:hover, #menue a.psychosomatische:active{
	
	background-position: 0px -24px; }
	
#menue a.depressionen:hover, #menue a.depressionen:active{
	
	background-position: 0px -24px; }
	
#menue a.behandlung:hover, #menue a.behandlung:active{
	
	background-position: 0px -34px; }
	
#menue a.psychotherapie:hover, #menue a.psychotherapie:active{
	
	background-position: 0px -24px; }
	
#menue a.psychosomatische2:hover, #menue a.psychosomatische2:active{
	
	background-position: 0px -24px; }
	
#menue a.medikamente:hover, #menue a.medikamente:active{
	
	background-position: 0px -24px; }
	
#menue a.beratung:hover, #menue a.beratung:active{
	
	background-position: 0px -34px; }
	
#menue a.gutachtenundatteste:hover, #menue a.gutachtenundatteste:active{
	
	background-position: 0px -34px; }

#menue a.praxisablaeufe:hover, #menue a.praxisablaeufe:active{
	
	background-position: 0px -34px; }
	
#menue a.oeffnungszeiten:hover, #menue a.oeffnungszeiten:active{
	
	background-position: 0px -34px; }
	
#menue a.diskretion:hover, #menue a.diskretion:active{
	
	background-position: 0px -34px; }
	
#menue a.uebermich:hover, #menue a.uebermich:active{
	
	background-position: 0px -34px; }
	
#menue a.zertifikate:hover, #menue a.zertifikate:active{
	
	background-position: 0px -34px; }
	
#menue a.checkup:hover, #menue a.checkup:active{
	
	background-position: 0px -34px; }
	
#menue a.kritik:hover, #menue a.kritik:active{
	
	background-position: 0px -34px; }
	
#menue a.haeufigefragen:hover, #menue a.haeufigefragen:active{
	
	background-position: 0px -34px; }
	
#menue a.py:hover, #menue a.py:active{
	
	background-position: 0px -34px; }
	
#menue a.team:hover, #menue a.team:active{
	
	background-position: 0px -34px; }
	
#menue a.newsletter:hover, #menue a.newsletter:active{
	
	background-position: 0px -34px; }
	
#menue a.impressum:hover, #menue a.impressum:active{
	
	background-position: 0px -49px; }

/*----------------------------------------------------*/

                 
           
			  
body.startseite #menue a.startseite:link, body.startseite #menue a.startseite:visited{

	background-position: 0px -44px; }
	
body.warumdiesehomepage #menue a.warumdiesehomepage:link, body.warumdiesehomepage #menue a.warumdiesehomepage:visited{
	
	background-position: 0px -34px; }
	
body.schwerpunkte #menue a.schwerpunkte:link, body.schwerpunkte #menue a.schwerpunkte:visited{
	
	background-position: 0px -34px; }
	
body.erkrankungen #menue a.erkrankungen:link, body.erkrankungen #menue a.erkrankungen:visited{
	
	background-position: 0px -24px; }
	
body.psychosomatische #menue a.psychosomatische:link, body.psychosomatische #menue a.psychosomatische:visited{
	
	background-position: 0px -24px; }
		
body.depressionen #menue a.depressionen:link, body.depressionen #menue a.depressionen:visited{
	
	background-position: 0px -24px; }
	
body.behandlung #menue a.behandlung:link, body.behandlung #menue a.behandlung:visited{
	
	background-position: 0px -34px; }
	
body.psychotherapie #menue a.psychotherapie:link, body.psychotherapie #menue a.psychotherapie:visited{
	
	background-position: 0px -24px; }
	
body.psychosomatische2 #menue a.psychosomatische2:link, body.psychosomatische2 #menue a.psychosomatische2:visited{
	
	background-position: 0px -24px; }
	
body.medikamente #menue a.medikamente:link, body.medikamente #menue a.medikamente:visited{
	
	background-position: 0px -24px; }
	
body.beratung #menue a.beratung:link, body.beratung #menue a.beratung:visited{
	
	background-position: 0px -34px; }
	
body.gutachtenundatteste #menue a.gutachtenundatteste:link, body.gutachtenundatteste #menue a.gutachtenundatteste:visited{
	
	background-position: 0px -34px; }
	
body.praxisablaeufe #menue a.praxisablaeufe:link, body.praxisablaeufe #menue a.praxisablaeufe:visited{
	
	background-position: 0px -34px; }
	
body.oeffnungszeiten #menue a.oeffnungszeiten:link, body.oeffnungszeiten #menue a.oeffnungszeiten:visited{
	
	background-position: 0px -34px; }
	
body.diskretion #menue a.diskretion:link, body.diskretion #menue a.diskretion:visited{
	
	background-position: 0px -34px; }
	
body.uebermich #menue a.uebermich:link, body.uebermich #menue a.uebermich:visited{
	
	background-position: 0px -34px; }
	
body.zertifikate #menue a.zertifikate:link, body.zertifikate #menue a.zertifikate:visited{
	
	background-position: 0px -34px; }
	
body.checkup #menue a.checkup:link, body.checkup #menue a.checkup:visited{
	
	background-position: 0px -34px; }
	
body.kritik #menue a.kritik:link, body.kritik #menue a.kritik:visited{
	
	background-position: 0px -34px; }
	
body.haeufigefragen #menue a.haeufigefragen:link, body.haeufigefragen #menue a.haeufigefragen:visited{
	
	background-position: 0px -34px; }
	
body.py #menue a.py:link, body.py #menue a.py:visited{
	
	background-position: 0px -34px; }
	
body.team #menue a.team :link, body.team  #menue a.team :visited{
	
	background-position: 0px -34px; }
	
body.newsletter #menue a.newsletter :link, body.newsletter  #menue a.newsletter :visited{
	
	background-position: 0px -34px; }
	
body.impressum #menue a.impressum:link, body.impressum #menue a.impressum:visited{
	
	background-position: 0px -49px; }
/*----> 3.1 Sub-Navi*/





	

/*----------------------------------------------------
// ----> 4. Content
/----------------------------------------------------*/


	#headline {
		font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
		color: #fe7a07;
		font-size: 3.8em;
		font-weight:bold;
		margin: 10px 0 0 76px;
	}

	#links {
		margin: 10px 0 0 76px;
		width: 300px;
		padding-right: 10px;
		float: left;
		font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
		font-size: 2.1em;
		margin-bottom:30px;
		border-right: 1px dotted #fe7a07;}
	
	/*#middle {
		background-image:url(../images/middle.gif);
		background-repeat:repeat-y;
		background-position:top;
		width: 1px;
		
		float: left;
		margin: 15px 10px 0 10px;
		min-height: 100%;
		}*/

	#rechts {
		margin: 10px 20px 0 0px;
		width: 300px;
		float:right;
		font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
		font-size: 2.1em;
		margin-bottom:30px;}
	
	#footer {
		height: 54px;
		margin-bottom: 0px;}
		
/*----> 4.1 Newsteaser*/


	
/*----> 4.2 Headlines*/



/*----> 4.3 Columns*/


	
/*----> 4.5  sidebar-navi */


			
/*----> ----> 4.5.1 sidebar-navi Aktivzust�nde */


				
/*----> 4.6  content-index */

	
/*----> 4.7 Leistungsicons / Jobicons */
		
	
/*----> 4.8 content-jobs*/

	
/*----> 4.9 sitemap*/

		
/*----> ----> 4.9.1 Sub-Navi */


/*----> 4.10 Content Referenzseiten */

	
/*-----------------------------------------------------
// ----> 4.11 Content News 
/----------------------------------------------------*/


		
	
/*----------------------------------------------------
// ----> 5. Footer
/----------------------------------------------------*/

	
/*----------------------------------------------------
// ----> 6. Formulare
/----------------------------------------------------*/



/*----------------------------------------------------
// ----> Validation
/----------------------------------------------------*/