* {
    margin: 0;
    padding: 0;



}











h1 { 



	color: #ff900b;
    font-weight:normal;
	font-size: 16px;



	



}







h3	{
	color: #727272;
    font-weight:normal;
	font-size: 14px;
	margin-bottom: 15px;
}


h2 {
    color:#727272;
    font-weight:normal;
	font-size: 16px;
}

body {

    background-color: #f4f4f4;

    color: #727272;



    font: 12px/1.2em normal normal normal Arial, sans-serif;



    text-align: center;



}







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



/* Main structure */



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







#wrapAll {



    width: 881px;



    margin: 0 auto;  



}







#barTop {



    font-size: 1px; /* wichtig fuer IE, der macht den Kasten sonst minimal so gross, wie eben die Schriftgroesse reinpasst */



    height: 2px;



    margin: 0 auto;



    width: 874px;



    background-color: #ff7b05;       



}







/* bug in IE: IE setzt die Hoehe von Containern oftmals minimal auf die Hoehe der Schrift. Das kann aber bei kleinen Hoehen schlecht sein. */



/* Also beheben wir das global */



#barTop,



.end_float,



.shadow-top,



.shadow-bottom {



    font-size: 1px;   



}







/* wir blenden bestimmte Texte aus, indem wir ihn aus dem sichtbaren Bereich schieben. Wichtig fuer SEO */



.hidden {



    position: absolute;



    left: -50000px;



    top:  -50000px;



}











.end_float {



    clear: both;   



}











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



/* Head */



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







#mainHead {



    background: url(../img/head_shadow_middle.gif) transparent center repeat-y;   



    margin: 12px 0 6px;



    text-align: left;



}











#mainHead div#Head {



    padding: 20px 0 20px 15px;   



}











#mainHead div#Head a {



    display: block;



    height: 56px;



    width: 221px;



    outline: 0;  



    background: url(../img/logo.gif) transparent center no-repeat; 



}











#mainHead .shadow-top    { background: url(../img/head_shadow_top.gif)    transparent center no-repeat; height: 7px; }



#mainHead .shadow-bottom { background: url(../img/head_shadow_bottom.gif) transparent center no-repeat; height: 7px; }















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



/* Navigation */



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







#mainNavigation {



    float: left;



    width: 212px; 



    background: url(../img/navigation_shadow_middle.gif) transparent center repeat-y;   



    text-align: left;



}







#mainNavigation .inner {



    margin: 0 4px;   



    background-color: white;



    border-bottom:#f0f0f0 1px solid;



}



a:visited {color: #e98b49; }

a.mail { color: #e98b49;}

a:link { color: #e98b49;}



ul, li {



      	margin:0; 

      	padding:0; 



      	list-style:none;



}





#menu {
	position: relative;
}



#menu li { 
          padding: 6px 0 6px 12px; 
          height: auto;
          border-bottom:#f0f0f0 1px solid;          



}







#menu li a { 



           text-decoration:none;



           color: #727272;



           padding-left:20px;



           outline: 0;



           display:block;



}







#menu li a:hover {



                 color: #ec8a4b; 



}











#menu li a:active {



     



}







#menu li.active {



                background: url(../img/navigation_shadow_middle_active.gif) repeat-y;



                font-weight:bold;



}







#menu li.active a {



  color: #EC8A4B;



}







#mainNavigation h2 {



    height: 37px;



    background: url(../img/text_hauptmenu.gif) transparent center left no-repeat;   



}







#mainNavigation .shadow-top    { background: url(../img/navigation_shadow_top.gif)    transparent center no-repeat; height: 5px; }



#mainNavigation .shadow-bottom { background: url(../img/navigation_shadow_bottom.gif) transparent center no-repeat; height: 5px; }







.border_top_startseite {



                      border-bottom:#f0f0f0 1px solid;



                      font-size:20px;



}







#menu li.submenu_level1 { 



  padding: 5px 0 5px 30px;



  height:  auto;



  }



  



#menu li.submenu_level2 { 



  padding: 2px 0 2px 50px;



  height: 13px;



  }







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



/* Content */



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







#mainContent {



    width: 666px;



    float: right;



    background: url(../img/content_shadow_middle.gif)    transparent center repeat-y;  



    text-align: left;



}







#mainContent .inner {



    margin: 13px 48px;   



    background-color: white;



}



#mainContent .inner ul {

	margin-left:30px;}







#content_box   { 

        background-color:white;

        width:100%;

}



#content_box ul li {

	list-style: disc;

}





#content_box ul li ul {

	margin-left: 20px;

}



#content_box ul li ul li {

	list-style: circle;

}

      



#content_box_left { 







        background-color:white;



        



        float:left;



        



}











#content_box_right  {



       



       background-color:white;



       



       float:right;



}

#mainContent .shadow-top    { background: url(../img/content_shadow_top.gif)    transparent center no-repeat; height: 6px; }



#mainContent .shadow-bottom { background: url(../img/content_shadow_bottom.gif) transparent center no-repeat; height: 6px; }











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



SMALL ORANGE THUMB ICONS



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



#icons	{		
	text-align: center;
	height: 30px;
	width: 208px;
	position: absolute;
	left:30px;
	margin-bottom: 10px;
}



#icons .inside  {

	
	position: absolute;
	margin-left:30px;
	margin-top:20px;
	margin-right:10px;
	height: auto;



    }
	

a.icon  {

	margin-right:10px;



	height: auto;







    }



    



#icons img {
	border: none;
}