body 
{
   background-color: #71a2ca;
   font-size: 13px;
   font-family: Arial, Helvetica, Sans-Serif;
   background-image: url(img/back_01.jpg);
   background-repeat:repeat-x;
   text-align:justify;
   
}

h1
  
  {
   color: #000066;
    font-size:large;   
    padding: 10px 0px 10px 10px;
    border-bottom: solid 1px red;
   
  }
  
  h2 {
	font-size: 1.7em;
	font-weight: normal;
}
  
  h4  
{
    font-size: medium;
    font-weight: bold;
    margin: 0px;
    background-image: url(img/haken.png);
    background-repeat: no-repeat;
    background-position:left bottom;
    padding: 20px 0px 0px 40px;
}

#maincontainer{
/*width: 840px; Width of main container*/
/*margin: 0 auto; Center container on page*/
width: 1002px; /*Width of main container*/
margin: 50px 0px 10px 100px; /*Center container on page*/
border: solid 5px #71a2ca;
}


#menu_oben
{
    position:absolute;
    background-image: url(img/leiste.jpg);
    background-repeat:repeat-x;
    height:40px;
    width:1002px;
    top:10px;
    left:100px;
    float:left;
     /*padding: 20;*/
     font-weight:bold;
     text-transform:uppercase;
 
     

}



#menu_oben ul 
{
    list-style: none;
    /*padding: 10px; padding: 0 10 0 10;*/
}

#menu_oben li 
{
    float: left;
    width: auto;
    
   
}
#menu_oben a, #menu_oben a:visited
{
    display: block;
    padding: 7px;
    margin: 5px;
    text-decoration:none;
}

#menu_oben a:hover
{
    color: #000066;
    background-color: #71a2ca;
}



#piw 
{
   /* position: absolute;*/
    background-image: url(img/piw.png);
    height:43px;
    width: 321px;
    margin-top:100px;
    margin-left: 660px;
    z-index:20;
    
    
}
  #linie1
    {   position:absolute;
        
        color: Red;
        border: solid 1px;
        color: Red;
        left: 100px;
        top: 60px;
        width: 1000px;
        
    }
    
 #linie2
    {  position:absolute;
        
        color: Red;
        border: solid 1px;
        color: Red;
        left: 100px;
        top: 330px;
        width: 1000px;
        
    }    
 
 #linie3
    {   position:absolute;
        
        color: Red;
        border: solid 1px;
        color: Red;
        left: 100px;
        top: 790px;
        width: 1000px;
        
    }    
    
     #linie4
    {   position:absolute;
        
        color: Red;
        border: solid 1px;
        color: Red;
        left: 900px;
        top: 480px;
        width: 200px;
        
    }    
       
#headertop
{
    position:absolute;
    top: 70px;
   left: 100px;
    height: 250px;
    width:1000px;
    background-image: url(img/head_03.png);
    background-repeat: no-repeat;
    margin:  10px 10px 10px 0px;
    
    
    
    }
    
    
    #logo 
    {
      position:absolute;
    top: 200px;
    left: 900px;
    height: 96px;
    width:166px;
    background-image: url(img/logo.png);
    background-repeat: no-repeat;
      
    }
    
    #notdienst
    {  position:absolute;
    top: 200px;
    left: 25px;
    height: 150px;
    width:150px;
    background-image: url(img/notdienst_01.png);
    background-repeat: no-repeat;
    z-index:99;
        
    }
    
 #contentwrapper 
 {
float: left;
width: 100%;
margin: 0;
}
 
 
  
    #content 
{
    position:absolute;
 background-color:#71a2ca;
    top: 340px;
    left: 100px;
    height: 380px;
    width:750px;
    background-image: url(img/kasten_gross.jpg);
    background-repeat:repeat-x;
    margin: 10px 0px 0px 0px;
    padding: 20px;
 overflow: auto;
    
    float: left;
width: 670px;
 background-color:#71a2ca;
background-image: url(img/kasten_gross.jpg);
    background-repeat:repeat-x;
    margin: 0px;

/*margin-left: 50px;
padding: 0px;*/
padding: 20px 50px 50px 50px;
        }
        
        
          #content h1 
  {
    color: #000066;
    font-size:large;   
    padding: 10px 0px 10px 10px;
    border-bottom: solid 1px red;
   
  }
  
          #content h2
  {
    color: #000066;
    font-size:medium;   
    padding: 10px 0px 10px 10px;
    border-bottom: solid 1px red;
   
  }
  
  #home_right
  {
      position:relative;
      width:300px;
      float:right;
    margin: 10px 0px 0px 0px;
       padding: 0px 0px 0px 0px;
      
  }
  
    #home_left
  {
      position:relative;
      width:300px;
      float:left;
       text-align:justify;
       margin: 10px 0px 0px 0px;
       padding: 0px 0px 0px 0px;
  }
  
    #home_right h1
  
  {width:300px;
   color: #000066;
    font-size:large;   
    padding: 10px 0px 10px 10px;
    border-bottom: solid 1px red;
   
  } 
  
  #home_left h1
  
  {width:300px;
   color: #000066;
    font-size:large;   
    padding: 10px 0px 10px 10px;
    border-bottom: solid 1px red;
   
  }
        
#jens
{
    position:absolute;
    top: 340px;
    left: 900px;
    height: 133px;
    width:200px;
    background-image: url(img/jens.jpg);
    background-repeat:repeat-x;
    background-color:Orange;
    
      
    }
    
#right_column 
{
    background-color: orange;
padding: 0px;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
width: 200px;
    position:absolute;
    top: 490px;
    left: 900px;
    height: 270px;
    width:200px;
    background-image: url(img/kasten_klein.jpg);
    background-repeat:repeat-x;
    margin: 0px;
     text-decoration:none;

    
  }
  
  #right_column h1 
  {
    color: #71a2ca;
    font-size:large;   
    padding: 10px 0px 0px 10px;
   
  }
  
  #right_column ul
  {
     color:#000066;
     margin:0px;
     padding: 0px 5px 0px 10px;
     list-style:none;
    
  }
  
    #right_column li
    {
    padding: 3px 0px 3px 50px;
    margin: 0px;
    background-image: url(img/piw_klein.png);
    background-repeat:no-repeat;
    text-decoration:none;
    width: 120px;

    }
    
    .button
    {
        text-align:center;
        margin: 15px;
    }
    
    #footer
{
    position:absolute;
    background-image: url(img/leiste.jpg);
    background-repeat:repeat-x;
    height:40px;
    width:1002px;
    top:800px;
    left:100px;
    float:left;
    text-transform:uppercase;

}

#footer ul 
{
    list-style: none;
}

#footer li 
{
    float: right;
  width: auto;

}

#footer a
{
    display: block;
    padding: 7px;
    margin: 5px;
    text-decoration:none;
    
    
}


#pstart 
{
    position: relative;
    
    width:150px;
    height:250px;
   
    float:left;
       margin:10px;
}

#ppro 
{
    position: relative;
    
    width:150px;
    height:250px;
    
      float:left;
      margin:10px;
}

#pgold 
{
    position: relative;
    
    width:150px;
    height:250px;
   
      float:left;
         margin:10px;
}

#pshop 
{
    position: relative;
    
    width:150px;
    height:250px;
  
      float:left;
         margin:10px;
}

#rest
{
     position:absolute;
    color: #252525;
 font-size: 11px;
    width:1002px;
   top:850px;
    margin-left:100px;
    float:left;
    background-color:#71a2ca;
    
}

.mwst 
{
 
   margin: 280px 0px 0px 0px;
     font-weight:bold;
     font-size:smaller;
}

#webdesignpreise 
{
    
    }
    
    
    #container1 {
width: 1000px;
margin-bottom: 10px;
margin-left: 100px;
margin-right: auto;
/*background-color: #EBD3E0;*/
}

#banner1 {
/*background-color: #e1ddd9;*/
text-align: right;
padding: 0px;
margin: 0px;
}
#banner img {padding:10px 0px;} 

/* -----------------Inhalt--------------------- */
#content1 {
background-color: #ffffff;
padding: 0px;
margin-top: 50px;
margin-left: 780px;
margin-right: 0px;
width: 200px;
}
/*div#content { 
min-height:600px;
height:expression(this.scrollHeight > 600 ? "auto":"600px"); 
}*/

p, pre{
padding: 5px 10px;
margin:0px;
}

/* --------------left navigavtion------------- */
#left1 {
float: left;
width: 700px;

margin-top: 0px;
margin-left: 0px;
padding: 0px;
 background-image: url(img/kasten_gross.jpg);
    background-repeat:repeat-x;
}

         #left1 h2
  {
    color: #000066;
    font-size:medium;   
    padding: 10px 0px 10px 10px;
    border-bottom: solid 1px red;
   
  }

/* -----------footer--------------------------- */
#footer1 {
clear: both;
margin: 0px;
padding: 0px;
text-align: right; 
margin-top: 30px;

}


/*  ********************************************************************************   */

#container2 {
	width: 1002px;
	margin: 0 auto;
	padding: 0;
	/*background-color: #564b47;
	border-left: solid 1px red;*/
}

/* ----------banner for logo-------------- */
#banner2 {
	margin: 0;
	padding: 0;
	/*background-color: #EBD3E0;*/
	border: solid 1px red;
}
#banner2 p{
	margin-left: 20em;
	padding: 25px;
}
#mainnavi2 {
	margin: 0;
	padding: 0;
	/*background-color: #E0A3B7;*/
}

#mainnavi2 p{
	margin-left: 20em;
	padding: 0 25px;
}

/* -----------------Inhalt--------------------- */
#content2 {
	min-height:600px;
	/*background-color: #ffffff;*/
	padding: 0;
	margin: 0 0 0 700px;
	padding: 30px 20px 30px 20px;
	/* background-color: #71a2ca;
	    background-image: url(img/kasten_klein.jpg);
    background-repeat:repeat-x;*/
}

p, pre {
	padding: 0 20px 15px 25px;
	margin:0;
}
pre, code { font-size: 1.2em;}

/*h1 {
	padding: 15px 25px;
	margin:0;
}
h2 {
	padding: 5px 25px;
	margin:0;
}*/

.gross {
	width: 5.71em;
	height: 1.07em;}

/* --------------left navigavtion------------- */
#left2 {
	float: left;
	width: 700px;
	margin: 0;
	padding:15px 0 0 0;
	/*background-color:#71a2ca;
background-image: url(img/kasten_gross.jpg);
    background-repeat:repeat-x;*/
	/*color:#ffffff;*/
}
#left ul{
	list-style-type: none ;
	padding: 0 0 0 25px;
	margin: 0;
}
#left ul.borderbottom{
	border-bottom:1px solid #ffffff;
	padding: 0 0 10px 25px;
}

#left li a {
	font-size: 1.3em;
	text-decoration:none; 
}
#left  li li a { font-size: 1em; }
#left li{
	margin: 0;
	padding: 0 0 4px 0;
}
#left li li{
	margin: 0;
	padding: 0 0 3px 0;
}
#left li a.selected {
	margin: 0;
	padding: 0 0 0 25px;
	color:#ffffff;
}

#left li li a.selected {
	margin: 0;
	padding: 0;
}


/* -----------footer--------------------------- */
#footer2 {
	clear: left;
	/*background-color: #ffffff;*/
	padding: 20;
	margin: 20;
	/*background-color: #E0A3B7;*/
	border-top: solid 2px red;
	}