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

body { background:#f1f3f4; font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif; color:#395a6a; font-size:12px; margin:0; padding:0; }
#header { width:980px; height:163px; margin:0 auto; background:url(images/header.png) no-repeat; position:relative; }
#container { width:830px; margin:0 auto; background:url(images/container_bg.png) repeat-y; padding:60px 75px 10px 75px;  }
#footer { height:20px; background:#38596a; }
#header h1 { position:absolute; left:-9999px;}
#header h2 { font-size:16px; font-weight:normal; position:absolute; bottom:18px; left:80px; letter-spacing:10.0px; margin:0 }
#header .data { font-size:11px; color:#b7b7bb; position:absolute; bottom:2px; left:80px; letter-spacing:0.8px; }
h3 { display:block; font-size:14px; font-weight:bold; color:#38596a; margin: 0 0 20px 0;  }
h4 { font-size:12px; font-weight:bold; margin:0 0 2px 0; line-height:12px; }
p { margin:0; }

#leftcol { width: 360px; float:left; margin: 0 100px 0 0; }
#rightcol { width: 360px; float:left; margin: 0; }

.clear { clear:both;}
.clear5 { clear:both; height:5px;}
.clear10 { clear:both; height:10px;}
.clear15 { clear:both; height:15px;}
.clear20 { clear:both; height:20px;}
.clear40 { clear:both; height:40px;}
.clear50 { clear:both; height:50px;} 

.teaser { clear:both; margin: 0;}
.teaser a { display:block; text-decoration:none; padding:5px; color:#395a6a;}
.teaser a:hover { background:#38596a; color:#fff; }
.teaser img { float:left; margin: 0 10px 20px 0; border:none;}
.teaser  p { display:block; line-height:14px; margin:0 0 10px 0; }
.footertext { margin:70px 0 0 0; text-align:right; font-size:11px; color:#b7b7bb;  }