@CHARSET "UTF-8";

@media all {

    /*--------- Main Style Sheet www.satormedia.com  ---------*/

	/*--------- Pagestructure & Main Definitions  ---------*/

	*{ margin: 0; padding: 0; }

    html { height:100% }

    body {
    	margin:0 auto;
    	font-size:100.01%;
    	color:#000;
    	background:#fff;
    	text-align:center;
    	font-family: Verdana,Arial,Helvetica,sans-serif;
    	}

    /* for Firefox */
    body,html { height: 100%; margin-bottom: 1px; }

    .clear { clear:both; }

    form { padding:0; margin:0; }

    div, td { padding:0; margin:0; }

    td { font-size:100%; }
    
    img { margin:0; padding:0; }
    
    p { margin:0; padding:0;}
    
    ul { margin:0 0 0 15px;}

    .clearfix:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
	}	

	.clearfix {display: inline-block;}

	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */


	/* Clearen per Overflow */
	.floatbox { overflow:hidden; }
	/* .floatbox-Anpassung für IE */
	* html .floatbox {width:100%;}
	
	/* Clearen der 3 Inhaltsspalten mittels dieses speziellen hr-Tags */

	hr.clear_columns{	
		content: "."; 	
		display: block; 	
		height: 0; 	
		line-height: 0px; 	
		clear: both; 	
		float: left; 	
		visibility: hidden; 	
		border: 0; 	
		padding: 0;	
		margin: -2em 0 0 0; /* erforderlich damit kein Leerraum zwischen Spalten und Footer entsteht */
	}


	#page {            
			margin:5px auto 0 auto;
            width:1000px;           
            text-align:left;            
            }
	
	#header {
		height:148px;		
		margin:0;
		padding:0;
	}
	
	.header_left { float:left; }
	.header_right { float:right; }
	.header_center { 
		text-align:left;
		padding-top:40px;	
	}
	
	#nav_frame {
		border-top:1px solid #F4AE2C;
		border-bottom:1px solid #F4AE2C;
		margin:0;
		padding:0px 0 0px 0;		
		clear:both;	
		display:block;
		background-color:#fff;
		height:2.7em;
	}
	
	#navigation { 	
		margin:2px 0 2px 0;
		padding:0;		
		display:block;
		background-color:#F4AE2C;	
			
	}
	
	#columns { 
		margin:7px 0 0px 0;
		background:url(../img/content_bg.gif);
		background-repeat:repeat-y;		
		clear:both;	
	}
	
	#footer {
		margin-top:10px;
	}
	
	#columns #col1 {
		float:left;
		width:244px;
		display:block;
		background-color:#EFFFFF;
		position:relative;	
		z-index:80;	
		margin-bottom:10px;
	}
	
	#columns #col3 {
		float:right;
		width:220px;
		display:block;
		position:relative;
		margin:0;
		z-index:81;	
	}
	#columns #col2 {
		margin:0 220px 0 244px;			
		position:relative;
		z-index:1;			
	}
	
	.col1_content {
		padding: 0px 10px 10px 10px;		
	}
	
	.col2_content {			
		
	}
	
	#col2_innen {
		width:490px;
		padding: 160px 20px 0 20px;	
		background:url(../img/CH_Einzelcoaching.jpg);	
		background-repeat:no-repeat;
		background-position:top right;
		
	}
	
	.col3_content {
		margin:0 0 0 5px;		
		padding: 0px 0px 0px 0px;
	}
	
	.float_box1 {
		float:right;
		height:70px;
		width:110px;
	}
	
	#col3 .box {
		background-color:#E4E5E7;
		padding:10px 10px 10px 10px;
		margin:0 0 7px 0;;
	}
	
	/******Navigation*****/	
		
	#nav { float:left; display:block; position:relative;}
	#nav_right { 
		float:right; 
		display:block; 
		position:relative;
		border-left:1px solid #fff;}
	#nav_center { 
		display:block;
		padding:5px 15px 5px 15px;
		font-size:120%;
		border-bottom:2px solid #F4AE2C;
		 }
	
	

	ul#nav {
		  margin: 0;
          padding: 0;
          list-style: none;   
          position:relative;  
          z-index:120;     
	}	
	ul#nav li {
		list-style: none;
        float: left;
		color:#fff;  		
		background-color:#F4AE2C; 
		border-right:1px solid #fff;
		margin:0;
		padding:0;		
	}
	ul#nav li.l1-act {
		background-color:#FFF;
		color:#F4AE2C;
	}
	ul#nav li a, #nav_right a {
		font-size:120%;
		font-weight:bold;	
		color:#fff;				
		display:block;	
		margin:0;		
		text-decoration:none;			
		border: 1px solid #F4AE2C;
		border-left: 2px solid #F4AE2C;
		white-space:nowrap;		
		padding:5px 10px 5px 10px;		
	}
	
	ul#nav li.l1-act a {
		color:#F4AE2C;
	}
	
	#nav a { display:block; }
	
	ul#nav li:hover,#nav_left ul li.sfhover { 
		color:#F4AE2C;
		background-color:#fff;
		 }
	
	#nav_right a:hover, ul#nav li:hover a,ul#nav li.sfhover a {
		color:#F4AE2C;	
		/*border-right: 1px solid #F4AE2C;*/
		border-left: 2px solid #F4AE2C;	
		background-color:#fff;		
	}
		
	ul#nav li ul {	
		display:none;
		list-style: none;
		position: absolute;			
		background-color:#FFF;
		z-index:98;	
	}
	
	ul#nav li:hover ul, ul#nav li.sfhover ul {
        display: block;
        margin:0px 0 0 0;
        /*border-bottom:1px solid #F4AE2C;*/
        width:15em;   
        z-index:99;	     
    }
    
    ul#nav li:hover ul li, ul#nav li.sfhover ul li { 		
         float:none;
         position: relative;
         display:block;
         width:auto;
         border-left:2px solid #F4AE2C;
    	 border-right:1px solid #F4AE2C;    	
    	 /*border-top:1px solid #F4AE2C;*/
    	 border-bottom:1px solid #F4AE2C;
    	 padding:0;
    	 margin:0;
    	 background-color:#FFF;
    	 z-index:100;	
    	 color:#6C6C6E;
    }
    
    ul#nav li:hover ul li a, ul#nav li.sfhover ul li a {    	
    	font-size:100%;
    	color:#6C6C6E;
    	border:none;
    	background-color:#FFF;
    	z-index:100;
    	padding:3px 0 3px 10px;
    }  
    
    ul#nav li.sfhover ul li a {    	
    	z-index:100;    	
    }
    
    ul#nav li:hover ul li a:hover , ul#nav li.sfhover ul li a:hover{
		color:#F4AE2C;
		border:none;
		z-index:100;
    }
    
    ul#nav li:hover ul li.l2-act a {
		color: #F4AE2C;
	}    
   /* * html	#nav li li a {width: 100%;}*/
	

	
	/*********Formatierung*************/
	
	#page {
		font-family: Verdana,Arial,Helvetica,sans-serif;
		font-size:80%;
		color:#3E3E3E;
	}
	
	.col1_content h1 {
		color:#F4AE2C;
		font-size:100%;
		margin:10px 0 5px 0;
	}	
	
	.col2_content h1 {
		color:#3E3E3E;
		font-size:100%;
		margin:10px 0 5px 0;
	}
	
	#col3 .box .csc-header {
		background:url(../img/square.gif);
		background-repeat:no-repeat;
		background-position:0px 5px;
		padding:0 0 0 13px;
	}
	
	#col3 .box h1 {
		color:#F4AE2C;
		font-size:100%;		
		margin:0 0 5px 0;
		padding:0;
		border-bottom:1px solid #F4AE2C;

	}
	
	.uebung {
		height:50px;
		overflow:hidden;	
		color:	#F4AE2C;
	}
	
	a:link, a:visited, a:active {
		color:#F4AE2C;
		text-decoration:none;
	} 
	
	a:hover {
		/*background-color: #F4AE2C;
		color:#6C6C6E;*/
		text-decoration:underline;
	}

	/* Frogs */
	.uebung { 
		height:142px; 
		padding:10px 20px 0px 20px; 
		text-align:right;
		font-size:8pt;
		margin:0; 		
		}
	
	.frogs { padding: 0px 10px 20px 10px;margin:0; }
	
	.frog_header { color:#F7B135; font-weight:bold; height:15px; overflow:hidden; }

	.frog_body { color:#F7B135; height:55px; overflow:hidden;}
	
	.frogs_link { margin: 0px 0 0 10px; }

	#frog_text { height: 70px; }
	
	/* Inputfields */
	
	input, textarea {
		background-image: url(../img/bg_input.gif);
		background-repeat: repeat-x;
		border:1px solid #cccccc;
		padding:2px 1px 2px 1px;
	}
	
	
	
	/* Newsletterabo */
	
	.nl_abo_input {
		width:200px;
	}
	
	.nl_abo_off_input {
		width:130px;		
	}
	
	.nl_abo_off_input:focus, .nl_abo_input:focus {
		border:1px solid #F7B135;
	}
	
	.nl_abo_submit {
		
	}
	
	.nl_abo_submit:focus {
		border:1px solid #cccccc;
	}
	
	.nl_abo_error {
		color:red;
	}
	
	/* Mailforms */
	
	legend {
		padding-left:10px;
		padding-right:10px;
		border: 0px;
	}
	
	.mailform-field label {
		width:100px;
		float:left;
		text-align:right;
		margin-right:10px;		
	}

	fieldset {
		border:none;
		padding-left:10px;
		padding-right:10px;
		padding-top:10px;
		padding-bottom:10px;		
	}
	
	.radiolayout  {
		width:60%;
	}
	
	.mailform-checkbox {		
		width:60%;
	}
	
	.mailform-checkbox label {
		float:none;	
	}
	
	.mailform-checkbox input {
		margin:2px 0 2px 32px;
		
	}
	
	.radiolayout input {
		margin-left:20px;
		margin-right:5px;
	}	
	
	.formu {
		width:80%;
		padding-top:10px;
		padding-bottom:10px;
		padding-left:50px;
		border: none;
	}
	
	.mf-radio {
		border:0px;
		background:none;
	}
	
	.mf-text {
		color: #000000;
		border: 1px solid #C0C0C0;
		margin-bottom: 5px;
	}
	
	.mf-check {
		border: none;
		background:none;
	}
	.mf-select {
		border:0px;
		background:none;
	}
	
	.mf-input {
		border: 1px solid #C0C0C0;
		margin-bottom: 5px;
	}
	
	.mf-submit {		
		border: 0px;
		margin: 10px 0 0 110px;
	}
	
	/******** Typo3 ***********/
	
	/* Clearing bei gefloateten Bildern für css_styled_content abstellen */ 
	
	/*div.csc-textpic-clear, DIV.csc-textpic-above DIV.csc-textpic-text { clear:none; } */
	


	

}