@media all
{
												/* Hides from IE-mac \*/
												.hold_floats { height: 1%; }
												* { margin:0; padding: 0;
												 } 

	
	option {padding-left: 0.4em}
	html { height: 100% } 
	body { 
		min-height: 101%;	
	
		font-size: 100.01%; 
	
		position: relative; 
	
	/* Vorgabe der Standardfarben und der Textausrichtung*/     
		color: #444;        
		
		text-align: left; 
		width: 74em; overflow:inherit;
	} 
	
	
	fieldset, img { border:0; }
	
	
	select, input, textarea { font-size: 99% }
	
	


	
	
	#nav { clear:both; width: auto; }
	#main {	clear:both; width: auto; }


/* Formatierung der Kopfbereiches */
#header {color: fff; background: fff url() repeat-x top; }
#header img {
	margin-left: 0.7em;
	background-image:  url(../images/deecke_logo.png)  no-repeat;
}	
/* ######################################################################################################
** ### Formatierung der Inhaltsspalten ##################################################################
** ######################################################################################################
*/
	
	#col1 {
		float: left;
		width: 20em;
		margin: 1em 0;
		clear: both; /*sorgt dafür das die submenu beim verkleiner nich hochspringt!! */


border-top: #444 solid 0px;
		}
	#col1_content {  margin: 0em 0 0 0; color: #444; background:inherit;  }
	
	#col2 {
		float:right; 
		width: 54em;
		margin: 1em 0;
		background-color: #ddd;
		
	}
	#col2_content {	margin: 0em 0 0 0;  color: #444;}
	
	

	



	 .clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	
	
	.clearfix { display: block;  } 
	
	
	.floatbox { overflow:hidden; }
	
	
	#ie_clearing { display: none }


	
	hr.clear_columns {	
		clear: both; 
		float: left; 
		content: "."; 
		display: block;  
		height: 0; 
		line-height: 0px; 
		visibility: hidden; 
		border: 0; 
		padding: 0;
		margin: -1.1em 0 0 0; 
	}


	ul, ol, dl { margin: 0 }
	li { margin-left: 1.5em; line-height: 1.5em;}
	
	dt { font-weight: bold; }
	dd { margin: 0 0 1em 2em; }
	
	blockquote, cite { margin: 0 0 1em 1.5em; font-size: 0.90em; width: auto;}



/* ######################################################################################################
** ### Hauptnavigation: "Sliding Doors of CSS II" von A List Apart ######################################
** ######################################################################################################
*/



#nav_main {
	width:100.5em; ;
	float:left;
	color: #fff;
	
	
}

#nav_main ul {
  
  white-space: nowrap;
  line-height: 5em;
  margin:0;
  padding:0 0 0 0px;
  list-style:none;  
}
  
#nav_main li {
  float:left;

  padding: 0 0 0 0.7em;
  margin: 0;
}

#nav_main a {
  float:left;
  display:block;
  color:#444;

  background: transparent;
  padding:5px 1px 3px 1px; 
  text-transform: none;
  text-decoration:none;
  font-weight:normal;
    
  width: auto; /* nur IE 5.x */
  width/**/:/**/ .1em; /* fýr IE 6.0 */
}

#nav_main > ul a {width:auto;}  /* fýr alle anderen Browser */

/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#nav_main a {float:none;}
/* End IE5-Mac hack */

#nav_main li:hover, #nav_main li:hover a { background-position:0% -80px; }





#nav_main#menue_ueberUns li#menue_ueberUns a, li#menue_ueberUns a:hover, #menue_active_ueberUns {
border-bottom:0.8em solid #91BD10;
}
#nav_main#menue_projekte li#menue_projekte a, li#menue_projekte a:hover, #menue_active_projekte {
border-bottom:0.8em solid #CF0000;
}
#nav_main#menue_auftraggeber li#menue_auftraggeber a, li#menue_auftraggeber a:hover, #menue_active_auftraggeber {
border-bottom:0.8em solid #13569F;
}
#nav_main#menue_kontakt li#menue_kontakt a, li#menue_kontakt a:hover, #menue_active_rahmenbedingungen {
border-bottom:0.8em solid #89BA2D;
}
#nav_main#menue_eltern li#menue_eltern a, li#menue_eltern a:hover, #menue_active_eltern {
border-bottom:0.8em solid #00A1CB;
}
#nav_main#ziele li#menue_ziele a, li#menue_ziele a:hover, #menue_active_ziele {
border-bottom:0.8em solid #262D7A;
}
#nav_main#menue_kontakt li#menue_kontakt a, li#menue_kontakt a:hover, #menue_active_kontakt {
border-bottom:0.8em solid #56267D;
}	

}





@media all
{


body { font-size: 85%; font-family: "Times New Roman", Verdana, Arial, sans-serif; }
h1,h2,h3,h4 { font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; font-weight:normal;}

h1 {
	font-size: 1.6em;
	
	margin: 0 0 0.25em 0;
	padding-top: 1.5em;
}
h2 {font-size: 1.4em; color: #89ba2d; margin: 0 0 0.25em 0; padding-top: 1.5em; }
h3 {font-size: 0.9em; color: #666633; margin: 0 0 0.25em 0; padding-top: 1px; font-weight:normal;}
h4 {font-size: 1.2em; color: #666; margin: 0 0 0.30em 0; padding-top: 1em; font-weight:bold; border-bottom: 1px #ddd solid;}
h5 {font-size: 1.0em; color: #888; margin: 0 0 0.30em 0; font-style:italic; }
h6 {font-size: 1.0em; color: #888; margin: 0 0 0.30em 0; font-style:italic; }

.ueberUns h1, .ueberUns h2, .ueberUns h3 {color:#91BD10; }
.projekte h1, .projekte h2, .projekte h3    {color:#CF0000; }
.auftraggeber h1, .auftraggeber h2, .auftraggeber h3  	{	color:#13569F;}
.kontakt h1, .kontakt h2, .kontakt h3 	{	color:#56267D;	}

p,ul,dd,dt { line-height: 1.5em; }
p { line-height: 1.5em; margin: 0 0 1em 0; }


strong,b { font-weight: bold; }
em,i { font-style:italic; }







a, a em.file {color: #333; }
a:hover {
	background-color: #999999;
	
}
a:focus {background-color: #fee; }



/* - - - - - - - - - - - - - - - - - -  WORKBOX Anfang- - - - - - - - - - - - - - - - - - */

#workbox {  padding:1em; background-color: #ddd; overflow:visible;  

	position: relative;
/*	top: 22px;
	left: 505px;
	width: 255px; */
	height: 536px;
	}
	
#susubmenu {
position: absolute;
	top: -3.55em;
	left: 0px;
	width: 19em;
	height: 40px;
	z-index: 44;
	padding-left:2em;
	
}
#submenu a {text-decoration: none;}
#susubmenu a:hover {border-bottom:0.8em solid #CF0000; background: transparent; text-decoration:none;}


.imgportrait {float:right;  padding: 0 2em 0 2em;}


/* - - - - - - - - - - - - - - - - - -  WORKBOX Ende - - - - - - - - - - - - - - - - - - */


#ueberUns a	   	  { text-decoration: none;  }
#ueberUns a:hover { background-color: #999;  border-bottom: 0px solid #91BD10;}
#ueberUns a:focus	#ueberUns a:active		{ background-color: red;  border-left: 6px solid #91BD10;}


#projekte a	   { text-decoration: none; border-bottom:10px dotted #333; }
#projekte a:hover, #projekte a:focus   { background-color: #EFE0E0;  border-bottom: 2px solid #CF0000;}

#unser_auftrag a	   { text-decoration: none; border-bottom:1px dotted #333; }
#unser_auftrag a:hover, #unser_auftrag a:focus   { background-color: #fffad1;  border-bottom: 2px solid #13569F;}

#rahmenbedingungen a	   { text-decoration: none; border-bottom:1px dotted #333; }
#rahmenbedingungen a:hover, #rahmenbedingungen a:focus   { background-color: #e6e899;  border-bottom: 2px solid #89BA2D;}

#eltern a	   { text-decoration: none; border-bottom:1px dotted #333; }
#eltern a:hover, #eltern a:focus   { background-color: #e0f2fb;  border-bottom: 2px solid #00A1CB;}

#ziele a	   { text-decoration: none; border-bottom:1px dotted #333; }
#ziele a:hover, #ziele a:focus   { background-color: #ebe9f0;  border-bottom: 2px solid #262D7A;}

.kontakt a	   { text-decoration: none; border-bottom:1px dotted #333; }
.kontakt a:hover, .kontakt a:focus   { background-color: #ebc9de;  border-bottom: 2px solid #56267D;}


#ueberUns   	    {  border-bottom_color: #91BD10 solid; line-height: 2em;}
#projekte_		    {  border-bottom-color: #CFB5B5 solid; line-height: 2em;}
#unser_Auftrag 		{  border-bottom-color: #f8f8f8 solid; line-height: 2em;}
#rahmenbedingungen 	{  border-bottom_color: #89BA2D solid; line-height: 2em;}
#eltern 			{
	line-height: 2em;
	border-bottom-width: 1px;
	border-bottom-style: none;
	border-bottom-color: #00A1CB;
}
#ziele 				{
	line-height: 2em;
	border-bottom-width: 1px;
	border-bottom-style: none;
	border-bottom-color: #262D7A;
}
#kontakt 			{
	line-height: 2em; 
	
	
	border-bottom-color: #56267D;
}

#ueberUns blockquote{ 
	color: #444; 
	background: #f8f8f8; 	
	border: 1px #91BD10 dotted;
	border-left: 8px #91BD10 solid;
	padding: 0em;
	margin: 0 5em 1em 1em;
}
#projekte  blockquote {
	color: #444;
	background: #f8f8f8;
	border: 1px #CFB5B5 dotted;
	border-left: 8px #CFB5B5 solid;
	padding: 1em 1em 0 1em;
	margin: 0 5em 1em 1em;
}
#unser_auftrag blockquote  {
	color: #444;
	background: #f8f8f8;
	border: 1px #13569F dotted;
	border-left: 8px #13569F solid;
	padding: 1em 1em 0 1em;
	margin: 0 5em 1em 1em;
}
#rahmenbedingungen blockquote {
	color: #444;
	background: #f8f8f8;
	border: 1px #89BA2D dotted;
	border-left: 8px #89BA2D solid;
	padding: 1em 1em 0 1em;
	margin: 0 5em 1em 1em;
}
#eltern blockquote {
	color: #444;
	background: #f8f8f8;
	border: 1px #00A1CB dotted;
	border-left: 8px #00A1CB solid;
	padding: 1em 1em 0 1em;
	margin: 0 5em 1em 1em;
}
#ziele blockquote {
	color: #444;
	background: #f8f8f8;
	border: 1px #262D7A dotted;
	border-left: 8px #262D7A solid;
	padding: 1em 1em 0 1em;
	margin: 0 5em 1em 1em;
}
#kontakt blockquote {
	color: #444;
	background: #f8f8f8;
	border: 1px #56267D dotted;
	border-left: 8px #56267D solid;
	padding: 1em 1em 0 1em;
	margin: 0 5em 1em 1em;
}


}









@media all
{



<!--Header -->
	
	#page_margins {border: 0px #89BA2D solid; min-width: 756px; max-width: 100em; margin:auto;}
	#page{ border: 0px #89BA2D solid; background: #fff; }
	



#ueberUns blockquote { 
	color: #444; 
	background: #f8f8f8; 	
	border: 1px #91BD10 dotted;
	border-left: 8px #91BD10 solid;
	padding: 1em 1em 0 1em;
	margin: 0 5em 1em 1em;
}
#projekte blockquote {
	color: #444;
	background: #f8f8f8;
	border: 1px #CFB5B5 dotted;
	border-left: 8px #CF0000 solid;
	padding: 1em 1em 0 1em;
	margin: 0em 5em 1em 1em;
}
#unser_auftrag blockquote {
	color: #444;
	background: #f8f8f8;
	border: 1px #13569F dotted;
	border-left: 8px #13569F solid;
	padding: 1em 1em 0 1em;
	margin: 0 5em 1em 1em;
}
#rahmenbedingungen blockquote {
	color: #444;
	background: #f8f8f8;
	border: 1px #89BA2D dotted;
	border-left: 8px #89BA2D solid;
	padding: 1em 1em 0 1em;
	margin: 0 5em 1em 1em;
}
#eltern blockquote {
	color: #444;
	background: #f8f8f8;
	border: 1px #00A1CB dotted;
	border-left: 8px #00A1CB solid;
	padding: 1em 1em 0 1em;
	margin: 0 5em 1em 1em;
}
#ziele blockquote {
	color: #444;
	background: #f8f8f8;
	border: 1px #262D7A dotted;
	border-left: 8px #262D7A solid;
	padding: 1em 1em 0 1em;
	margin: 0 5em 1em 1em;
}
#kontakt blockquote {
	color: #444;
	background: #f8f8f8;
	border: 1px #56267D dotted;
	border-left: 8px #56267D solid;
	padding: 1em 1em 0 1em;
	margin: 0 5em 1em 1em;
}


} 


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



@media all
{



/*FOOTER FOOTER FOOTER FOOTER*/

#footer  {
float:left;  /* Wer float sagt, muss auch clear sagen !! */
position: absolute;
	top: 640px;
	left: 0px;
	width: 19em;
	height: 40px;
	z-index: 55;
}


#footer_ueberUns {	float:left;	color:#91BD10;	border-top: 2px #91BD10 solid;	line-height: 2em;}
#footer_projekte { float:left; color:#CF0000; border-top: 1px #CF0000 solid; line-height: 2em;}
#footer_unser_auftrag {	float:left; color:#13569F;	 border-top: 2px #13569F solid; line-height: 2em; }
#footer_rahmenbedingungen {	float:left; color:#89BA2D; border-top: 2px #89BA2D solid; line-height: 2em;	}
#footer_eltern {	float:left; color:#00A1CB;	border-top: 2px #00A1CB solid; line-height: 2em;}
#footer_ziele {	float:left; color:#262D7A;	border-top: 2px #262D7A solid; line-height: 2em;}
#footer_kontakt {	float:left; color:#56267D;	border-top: 2px #56267D solid; line-height: 2em;}


.hcard { background:url(css_img/icon-hcard-download.png) no-repeat; padding-left:35px;}
.hcard_logo { background:url(css_img/hcard.png) no-repeat bottom left; padding:1em;}




}





@media screen, print
{
.skip {
	position: absolute;
	left: -1000em; 
	width: 20em;
}

}