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




body{margin:0; padding:0; font: 15px/20px "Avenir Next", Helvetica, Arial; letter-spacing:1px; background:#b4b9ec;}

#menubar{width:200px; height:100%; position:fixed; top:0; left:0; z-index:20;margin:0;overflow:hidden; }	

#headline{width:100%; height:1px; margin:173px 0 30px 260px; border-top:1px solid #000; opacity: 0.3;}

#content{width:840px; margin:0 0 100px 260px; }

.col_320{ width:320px; margin: 0 20px 20px 0; float:left;}
.col_500{ width:500px; margin: 0 0 20px 0; float:left;}
.col_660{ width:660px; margin: 0 20px 20px 0; float:left;}
.col_840{ width:840px; margin: 0 0 20px 0;float:left;}
.col_160{ width:160px; margin: 0 0 20px 0; float:left;}
.col_410r{ width:410px; margin: 0 0 20px 0; float:left;}
.col_410l{ width:410px; margin: 0 20px 20px 0; float:left;}

/*useful things*/
a img {border:none;}
.clear{clear:both;}
.line{width:100%; height:1px; border-top:1px solid #000; opacity: 0.3;}

/*menu*/
ul.nav{width:100%; float:right; margin:25px 0 0 0; padding:0;} 
ul.nav li {display: block; padding:2px 0 2px 0; text-align:right; list-style:none; text-transform:uppercase;}
ul.nav li a {text-decoration:none; color: #000;}
ul.nav li a:hover {text-decoration:none; background:#ff5a8c; cursor:pointer;}
.light {opacity:0.6;}
.head {font-weight: bold; border-top:1px solid #000; text-decoration: underline;margin: 10px 0 0 0;}

.col_160 a{text-decoration:none; color: #000;}
.col_160 a:hover {text-decoration:none; background:#ff5a8c; cursor:pointer;}

/*fontsies*/

h1{text-transform: uppercase;  margin:0; padding:0;}
h2{text-transform: uppercase; font-size: 14px; margin:0; padding:0; }
p{padding:0; margin:0 0 10px 0;}
p.left{text-align:right;padding:0; margin:0 0 10px 0;}