/* ---------------------------------------------------------------------- */
/* www.michalke-bau.de/ */
/* ---------------------------------------------------------------------- */
/* Stand: 08.09.2009 
/* ---------------------------------------------------------------------- */




/* ---------------------------------------------------------------------- */
/* WebSite--------------------------------------------------------------- */
/* ---------------------------------------------------------------------- */

body
{
 background-color: #ffffff;
 scrollbar-face-color:rgb(204,204,204); 
 scrollbar-highlight-color:rgb(0,102,153); 
 scrollbar-shadow-color:rgb(0,102,153); 
 scrollbar-3dlight-color:rgb(204,204,204); 
 scrollbar-arrow-color:rgb(255,153,0); 
 scrollbar-track-color:rgb(204,204,204); 
 scrollbar-darkshadow-color:rgb(204,204,204);
 margin-top: 10px;
 margin-bottom: 10px;
 padding:0;
 font-family: Verdana;
 font-size: 10px;
 background-color: #ffffff;
}


*
{
 padding: 0;
 margin: 0;
}

img
{
 border:0;
}


#wrapper
{
 margin: 0;
 width: 950px;
 border: 0px;
}


/* ---------------------------------------------------------------------- */
/* Links----------------------------------------------------------------- */
/* ---------------------------------------------------------------------- */

a:link          
{ 
text-decoration: none;
color: #7e7e7e;
}
a:visited       
{ 
text-decoration: none;
color: #7e7e7e;
}
a:active        
{
text-decoration: none;
color: #7e7e7e;
}
a:hover         
{ 
text-decoration: underline;
color: #ffa05f;
}


/* ---------------------------------------------------------------------- */
/* Header---------------------------------------------------------------- */
/* ---------------------------------------------------------------------- */

#header
{
 width: 100%;
 height: 130px;
}


/* ---------------------------------------------------------------------- */
/* Navigation------------------------------------------------------------ */
/* ---------------------------------------------------------------------- */


#navigation
{
 float:left;
 text-align: left; 
 border-top: 1px solid #ffa05f;
 border-bottom: none; 
 margin-left: 13px;
 margin-top: 30px;

}

#navigation ul
{
 margin: 0; 
 padding: 0; 
 list-style-type: none; 
 text-indent: 0px;
 letter-spacing: -2px;
}

#navigation li 
{
 list-style-image: none;
 margin: 0;
 border-bottom: 1px solid #ffa05f;
}

#navigation  a 
{
 display: block; 
 text-align: center; 
 width: 80px;
 height: 22px; 
 font: 15px/20px Verdana; 
}

#navigation  a:link,
#navigation  a:visited 
{
background: url(../bild/nav_image.gif); 
color: #4c4c4c; 
text-decoration: none; 
padding-bottom: 0;
}

#navigation li a:hover 
{
background: url(../bild/nav_image.gif) 0px -35px no-repeat; 
color: #FFFFFF;
text-decoration: none;
}

#navigation li a#current 
{
background: url(../bild/nav_image.gif) 0px -35px no-repeat;
color: #FFFFFF;
text-decoration: none;
}

#navigation li a#blank 
{
background: url(../bild/nav_no_image.gif) 0px -35px no-repeat; 
color: #FFFFFF;
text-decoration: none;
}


/* ---------------------------------------------------------------------- */
/* Zwischen-Navigation--------------------------------------------------- */
/* ---------------------------------------------------------------------- */

#zwnavi
{
 margin-left: 195px;
 width: 360px;
 height: 21px;
 padding-left: 5px;
 padding-right: 5px;
 background-color: #FFFFFF;
 background-image: url('bilder/tutorial/css_navi/navigation.gif');
 background-position: 0 -21px;
 background-repeat:  repeat-x;
 border-top: 1px solid #ffa05f;
 border-bottom: 1px solid #ffa05f
}

#zwnavi  ul
{
 list-style-type: none;

 }
	
#zwnavi  li
{
 font: 15px/20px Verdana;
 display: inline;
 line-height: 21px;
 letter-spacing: -1px;

}

#zwnavi  a
{ 
 color: #4c4c4c;
 text-decoration: none;
 padding: 0 10px;
 float: left;
}

#zwnavi  a:hover 
{
 background-color: #ffa05f;
 text-decoration: none;
 color: #FFFFFF;
}

#zwnavi li a#current 
{
 background-color: #ffa05f;
 text-decoration: none;
 color: #FFFFFF;
}

/* ---------------------------------------------------------------------- */
/* Objekt-Navigation--------------------------------------------------- */
/* ---------------------------------------------------------------------- */

#zwnavi2
{
 margin-left: 145px;
 width: 410px;
 height: 21px;
 padding-left: 5px;
 padding-right: 5px;
 background-color: #FFFFFF;
 background-image: url('bilder/tutorial/css_navi/navigation.gif');
 background-position: 0 -21px;
 background-repeat:  repeat-x;
 border-top: 1px solid #ffa05f;
 border-bottom: 1px solid #ffa05f
}

#zwnavi2  ul
{
 list-style-type: none;

 }
	
#zwnavi2  li
{
 font: 15px/20px Verdana;
 display: inline;
 line-height: 21px;
 letter-spacing: -1px;

}

#zwnavi2  a
{ 
 color: #4c4c4c;
 text-decoration: none;
 padding: 0 10px;
 float: left;
}

#zwnavi2  a:hover 
{
 background-color: #ffa05f;
 text-decoration: none;
 color: #FFFFFF;
}

#zwnavi2 li a#current 
{
 background-color: #ffa05f;
 text-decoration: none;
 color: #FFFFFF;
}


/* ---------------------------------------------------------------------- */
/* Content--------------------------------------------------------------- */
/* ---------------------------------------------------------------------- */


#content
{
 margin-top: 30px;
 margin-left: 150px;
 width: 750px;
 font-family:Verdana;
 font-size:10pt;
 color: #7e7e7e;
 text-align: justify;
}


#content .headline
{
 font-weight:bold;
 color: #ffa05f;
}

/* ---------------------------------------------------------------------- */
/* Footer--------------------------------------------------------------- */
/* ---------------------------------------------------------------------- */

#footer
{
  background-image:url(../bild/footer.gif);
  background-repeat: repeat-x;
  width:100%;
  height:29px;
  font-family:Verdana;
  font-size:10pt;
  font-weight:bold;
  color: #7e7e7e;
  padding:8px;

}

.clear
{
  clear: both; background: none;
}