/*
Theme Name: FauserCoaching
Theme URI: http://luline.net/kontakt/
Description: The FauserCoaching Website Theme by LULINE 2008
Version: 0.01
Author: Ludwig Kannicht
Author URI: http://luline.net/kontakt/
*/

/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + 
YUI RESET
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.4.1
*/
	html{color:#000;background:#FFF;}
	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
	table{border-collapse:collapse;border-spacing:0;}
	fieldset,img{border:0;}
	address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
	li{list-style:none;}
	caption,th{text-align:left;}
	h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
	q:before,q:after{content:'';}
	abbr,acronym {border:0;font-variant:normal;}
	/* to preserve line-height and selector appearance */
	sup {vertical-align:text-top;}
	sub {vertical-align:text-bottom;}
	input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
	/*because legend doesn't inherit in IE */
	legend{color:#000;}


/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + 
YUI GRID PARTS
Parts are taken from YUI and LULINE.net
YUI: Copyright (c) 2007, Yahoo! Inc. All rights reserved.
     Version: 2.4.1 // BSD Licence
*/
	body{text-align:center;}
	/* 750 centered, and backward compatibility */ 
	#hd, #bd, #ft, #mainnav, #subnav {margin:auto; text-align:left; width:57.69em;*width:56.301em; min-width:750px; clear:both;} /* clearing experimental */
	#divider {width:100%; height:0px; border:0; border-bottom: 1px solid #999; clear:both;}
	#ft{clear:both; border-top: 1px dotted #666; padding:20px 0 40px 0;}
	#bd {
		padding-top:1em;
		padding-bottom:1em;
	}

/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + 
YUI FONTS, edited by Lu */
	body {font:13px/1.538 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;} /* lu 1.538 fuer 20px lineheight */
	table {font-size:inherit;font:100%;}
	pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;line-height:100%;}













/* *********************** FOOTER ************************************* */
#ft p  {
	font-size: 92%;
	color:#999;
}
#ft a {
	color:#666;
	text-decoration: none;
}
#ft a:hover {
	color:#000;
	text-decoration: underline;
}


/* *********************** HTML ELEMENTE ************************************* */

/* ______________ Formulare  ______________ */

a:link {
	text-decoration:none;
	}     /* lu: unvisited link */
a:visited {
text-decoration:none;
}  /* lu: visited link */
a:visited:hover {
	color: #666;
	text-decoration: underline;
} /* lu */
a:hover {
	color: #333;
	text-decoration: underline;
}
a:focus {color:#484E96;}


input, option, textarea, select
	{
	/* Alle Formularelemente */
	display:block;
	/*min-width: 18em;*/
	width:95%;/* 100 ist zu viel */
	color: #404040;
	background: #fff;
	border: 1px solid #ccc;
	height:1.5em;
	padding: 2px 3px 2px 3px; /* innerhalb des Formulars */
	margin-bottom:.5em;
	}
input[type=checkbox] {
	min-width: 14px;
	width:20px;
}	
textarea {
	height:12em;
}
input#submit	{
	display: block;
	background: #9f9;
	border: 2px groove #404040;
	height: 2em;
	width: 10em;
}

label {
	display:block;
	width:auto; 
	margin:0.2em 0 0.2em 0; 
	color: #999;
}



/* ______________ HTML basics  ______________ */
h1 {	font-size:182%;  } 
h2 {	font-size:136%; }
h3 {	font-size:122%; }
h1,h2,h3 {	margin:2em 0 1em 0; padding:0; color:#666; letter-spacing: 1px; 	line-height: 1.2em;} /* IE: versetzt nur H1 etc; font-family: Versetzt H1 etc und IMG */


hr {
	color: #fff;
	background:transparent;
	margin: 0 0 0.5em 0;
	padding: 0 0 0.5em 0;
	border:0;
	border-bottom: 1px #999 solid;
}


strong { /* h1,h2,h3,h4,h5,h6, */
	font-weight:bold; 
	color: #666;
}
abbr,acronym {
	/*indicating to users that more info is available */
	border-bottom:1px dotted #000;
	cursor:help;
} 
em {	font-style:italic; }
blockquote,ul,ol,dl {
	/*giving blockquotes and lists room to breath*/
	margin:1em;
}
ol,ul,dl {
	/*bringing lists on to the page with breathing room */
	margin-left:2em;
}
ol li {
	/*giving OL's LIs generated numbers*/
	list-style: decimal outside;	
}
ul li {
	/*giving UL's LIs generated disc markers*/
	list-style: disc outside;
	margin-bottom: .5em;
}
dl dd {
	/*giving UL's LIs generated numbers*/
	margin-left:1em;
}
th,td {
	/*borders and padding to make the table readable*/
	border:1px solid #000;
	padding:.5em;
}
th {
	/*distinguishing table headers from data cells*/
	font-weight:bold;
	text-align:center;
}
caption {
	/*coordinated margin to match cell's padding*/
	margin-bottom:.5em;
	/*centered so it doesn't blend in to other content*/
	text-align:center;
}
p,fieldset,table,pre {
	/*so things don't run into each other*/
	margin-bottom:1em;
}
/* setting a consistent width, 160px; 
   control of type=file still not possible */
/*input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em;}*/


/* *********************** FORMATE ************************************* */
/* ______________ Aus YAML, Allgemeine Klassen, Grids ______________ */

.subcolumns { width:100%; overflow:hidden; }
.subcolumns_oldgecko { width:100%; float:left; }

.c20l, .c25l, .c33l, .c40l, .c38l, .c50l, .c60l, .c62l, .c66l, .c75l, .c80l { float:left; }
.c20r, .c25r, .c33r, .c40r, .c38r, .c50r, .c60r, .c66r, .c62r, .c75r, .c80r { float:right; margin-left:-5px; }

.c20l, .c20r { width:20%; }
.c40l, .c40r { width:40%; }
.c60l, .c60r { width:60%; }
.c80l, .c80r { width:80%; }
.c25l, .c25r { width:25%; }
.c33l, .c33r { width:33.333%; }
.c50l, .c50r { width:50%; }
.c66l, .c66r { width:66.666%; }
.c75l, .c75r { width:75%; }
.c38l, .c38r { width:38.2%; }
.c62l, .c62r { width:61.8%; }

.subc  { padding:0 0.5em; }
.subcl { padding:0 1em 0 0; }
.subcr { padding:0 0 0 1em; }

.equalize, .equalize .subcolumns { overflow:visible; display:table; table-layout:fixed; }

.equalize > div {
  display:table-cell;
  float:none; 
  margin:0; 
  overflow:hidden;
  vertical-align:top;
}


@media print
{
  .subcolumns > div, .floatbox {     overflow:visible;  display:table;  } 
  .print {     position:static; left:0;  }
  .noprint { display:none !important; }
}

/* ______________ Body Main IDs ______________ */

.content p, .content ul, .content ol, .content form, .content h1, .content h2, .content h3   {
	margin-left: 50%; /* EXPERIMENTAL TODO */
	width: auto; 	
}	
.content ul, .content ol {
	padding-left: 3em; 
	width: auto;
}


.content h2.float_left {
	float: left;
	clear: left;
/* max-width fuert zu IE Bug /*
/*	max-width: 20em; /* Breite des 350px Bild */
	width: 43%; /* work arround */
	margin: 0; /* No Margin at all */
	padding: 0 1em 1em 0; /* No padding top! */
}

h2.news a/* Andere Ueberschriften bei News*/
{
	letter-spacing:normal;
	text-decoration: none;
	color:#666;
	line-height: 1.2em;
	font-size: 85% /* experimentel */
}

.content {
	border: 1px solid #fff; /* warum auch immer: der border gleicht IE und FF Verhalten und AUsrichtung Bild und Ueberschrift an */
}

.content p.bildlinks { /* Klasse .bildlinks noetig wegen IE. Ehemals img.bildlinks */
/* Alte Version fuer Firefox: .content img[width="355"], .content img[width="280"], .content img[width="340"],  */
	padding: 0;	
	margin: 4em 0 1.5em 0;  		/* Achtung: EM sonst kleiner als bei Ueberschriften! */
	float: left;
	clear: left;
	/* Es folgt: Fuer alt Text ohne IMG */
	max-width: 43%; /* damit ALT text nicht in falsche zeile rutscht, workarround */
	font-style: oblique;
	color: #666;
} 
#back2news p {
	padding: 0;	
	margin: 0 0 1.5em 0;
	float: left;
	clear: left;
	max-width: 43%;	
}

/* Sonderformate fuer HOME */

#idw11 { /* home */
	margin-top:2em
}
#idw11 div#bd { 
background:url("/wp-content/themes/fausercoaching/images/bg-fauser.jpg") no-repeat center bottom;
min-height:32em; /* Platz fuers BG Bild */
}


*html #idw11 div#bd {height:32em;} /* IE 6 */

#idw11 #ft {
border:0;}

#idw11 div.content p { /* text auf startseite gross */
	font-size: 123%;	/* 159 vor 2010-03-10 */
	letter-spacing: 0.03em;	/* war 0.05 vor 2010-03-10 */
	padding-top:0.5em;
	color: #666
}

#idw11 h1, #idw11 img, #idw11 p, #idw11 ul { /* Formate auf Startseite (Wordpress ID 11) ohne Abstand */
	padding-left: 0;
	margin-left: 0
}


/*
#portrait {
  display: block;
  float:right;
 }
#portrait img {
  display: block;
  padding-left:2em;
  }
*/
#dbvc, #cnhd {
	float:right;  
	display: none;
}
#dbvc img{
	padding-top:3px;
	padding-left:2em;   
}
#cnhd img{
	padding-top:1px;   
}

#idw11 #dbvc, #idw11 #cnhd  {
	display: block;
}


/* Sonderformate fuer PERSON */
ul.prg {padding:0;} /* Liste als PaRaGraph*/
ul.prg li {list-style:none; margin-bottom:0.75em;}

/* ______________ Formate  ______________ */
.teasertext {color: #999; }
.teasertypo {color: #ccc;  padding-left:.3em;}
.intext_mitte {
	vertical-align: middle;
}
.klein {
	font-size: smaller
}



/* *********************** NAVIGATION ************************************* */

#hd a { /* logo alt */
	display:block;
	font-size:233%;
	font-variant: small-caps;
	text-decoration:none;
	color:#202671;
	margin: 80px 0 60px 0; /* oder 60 60 */
	}

#mainnav ul,
#subnav ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	float: left;
	color: #fff;
	width: 100%
}

#mainnav li,
#subnav li
{ display: inline; margin:0; padding:0}

#mainnav ul li a,
#subnav ul li a { 
	display:block;
	float: left;
	text-align: center;
	width: auto; /* 129+ 1px Border +20px Padding = 150px -- fuer 5 Navpunkte, oder: auto*/
	color: #666;
	border: 0 solid #000;
	border-right: 1px solid #fff;
/*	padding: 2px 10px 2px 10px; */
	padding: 2px 0 2px 0;
	text-decoration: none;
	font-size: 114%; 
	text-decoration: none;
	margin-right: 2.5em; /* bei langer nav kleiner machen */
}
#subnav  ul li a { font-size:92%; color:#666;}


/* *** Aktive (Main und Subnav) *** */
#mainnav ul li.current_page_item a,
#subnav ul li.current_page_item a
 {
	color:#0916AC;
}

/* *** Aktive Eltern (Main Nav)*** */
#mainnav ul li.current_page_parent a
 {
	color:#000; /* blau war 0916AC */
	cursor: default;	
}



/* *** Hover*** */
#mainnav ul li a:hover,
#subnav ul li a:hover {
	color: #000;
}

#mainnav ul li a:hover {	
	border-bottom: 2px solid #FFCE4A;
	padding-bottom: 0px;
	color: #000
	}

#subnav ul li a:hover{
	/*	border-bottom: 2px solid #FF3F00;	*/
	border-bottom: 1px solid #FFCE4A;
	padding-bottom: 1px; /* fuer border */
	color: #000
	}

/* *** Aktive Hover*** */
#mainnav ul li.current_page_item a:hover,
#mainnav ul li.current_page_parent a:hover
 {
   border-bottom: 2px solid #666;
	padding-bottom: 0px; /* fuer border */
	cursor: default;
}
#subnav ul li.current_page_item a:hover
 {
   border-bottom: 1px solid #666;
	padding-bottom: 1px; /* fuer border */
	cursor: default;
}





/*
Font size und Prozent, YUI:
	10 77
	11 85
	12 92
	13 100
	14 107
	15 114
	16 122
	17 129
	18 136
	19 144
	20 152
	21 159
	22 167
	23 174
	24 182
	25 189
	26 197
*/