@charset "utf-8";
/* CSS Document */

* 
{
      margin:0;
      padding:0;
}
html, body
{
    font-size:100%;
    font-family:Arial, Helvetica Inserat LT Std, Sans-Serif;
    background:#e8e8ea;
    margin:0;
    padding:0;
    background:#e8e8ea url(img/hintergrund1.jpg) repeat-x;
    }
#container
{
    width:930px;
    min-height:700px;
    height:100%;
    margin-left:48px;
           
}

#col1
{  
    position:absolute;    
    top:0;
    left:48px;
    width:270px;
    height:100%;
    background:transparent;
     
    }
 #logo
 {    
     float:right; 
     position:relative;        
     width:270px;
     height:166px;
     top:24px;
     background: transparent left top url(img/logo.gif) no-repeat;
     }
     
#navigation
{  
    position:relative;
    float:right;
    text-align:right;
    margin:50px 25px 0 0 ;  
    }
    
ul#navi
{
    list-style-type:none;
    
    }
ul#navi li
{
    height:30px;
    list-style-type:none;
    float:right;
    width:100%;
    }
ul#navi a
{
    text-decoration:none;
    color:#6b6b6b;
    text-align:right;
    position:relative;
    float:right;
    padding:6px 0;
    font-size:12px;
    display:block;
    }    
ul#navi li a:hover, ul#navi li.aktiv a
{
    font-size:19px;
    font-weight:normal;
    color:Black;
     padding:0;
    }     
#col2 
{
     width:650px;
     float:left;
     position:relative; 
     left:270px; 
     height:700px;   
     z-index:1;  
     background:transparent;   
      
     }  
#bild
{     
     max-width:430px;
     top:138px;
   
     min-height:440px;
     position: relative;     
     float:left;
     position:relative;
     border-left:1px solid #6b6b6b;
} 
#bild img 
{
    
     max-width:430px;
     overflow:hidden;
     float:left;
} 


#col3  
{
    position:relative;
    float:left;
    top:167px;
    width:210px;
    height:500px;
    background:transparent;
    padding-left:5px;
}

#col3  h1
{
    color:#ebbb33;
    font-size:21px;
    font-weight:normal;
    padding:0px 0 10px 0;
    margin-left:-1px;
    
}
#col3 p
{
    color:#6b6b6b;
    font-size:80%;
    text-align:left;
    line-height:1.6;
    padding:0px 0 20px 0;
}

#article_nav
{
    clear:left;
    float:left;  
    height:40px; 
    width:100%; 
}

ul.article
{
    list-style-type:none;
    margin:0;
    padding:0; 
    width:100px;
    float:left;
    position:relative;
}

ul.article1
{
    list-style-type:none;
    margin:0;
    padding:0; 
    width:100px;
    float:right;
    position:relative;
}
    
ul.article li.prev
{
	float:left;
	position:relative;
	height:30px;
    	list-style-type:none;
   	position: relative;
    	display:inline;
    	margin: 0;
    	background:transparent left center url(img/prev.gif) no-repeat;
}


ul.article1 li.next
{
	float:right;
	position:relative;
	height:30px;
    	list-style-type:none;
    	position: relative;
    	display:inline;
    	margin: 0;width:60px;
    	 background:transparent right center url(img/next.gif) no-repeat; 
    	 padding-right:15px;
}

ul.article a, ul.article1 a
{
    /*float: left;*/
    text-decoration:none;
    color:#6b6b6b;
    text-align:right;
    font-size:12px;
    display:block;
    width:60px;
     
 }
 
ul.article li.prev a
{
     text-align:left;     
     padding:7px 0px 5px 15px; 
} 

ul.article1 li.next a
{
     text-align:right;    
     padding:7px 20px 5px 0px;               
}         

ul.article li.prev a:hover,
ul.article1 li.next a:hover
{
	text-decoration:underline;
}

#col3 {
	padding-top: 10px;
	padding-left: 15px;
	width: 200px;
}