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

/* GENERAL */

html, body { width:100%; height:100%; margin:0px; overflow:hidden; padding:0px; border:none; }
body { 
	background-color:#fff; background-image:url(../img/layout/bg_left.gif); background-repeat:repeat-y; 
	font-family:Verdana, Arial, Helvetica, sans-serif; color:#666; font-size:0.8em; 
}

div { margin:0px; padding:0px; overflow:hidden; position:relative; }

h1 { font-size:1.1em; display:block; margin:0px 0px 0px 0px; padding:0px 0px 30px 0px; }
h2 { font-size:1.0em; display:block; margin:0px 0px 0px 0px; padding:0px 0px 15px 0px; }
p { clear:left; margin:0px 0px 15px 0px; }
p.teaser { font-style:italic; }

img.left { float:left; margin-right:30px; }
img.right { float:right; margin-left:30px; }

a img { border:none; }

a { color:#c00; font-weight:bold; text-decoration:none; }
a:hover { color:#000; }

.nomargin { margin:0px; }
.right { float:right; }

/* LAYOUT */

#page_wrapper { position:absolute; left:0px; top:0px; width:100%; height:100%; margin-left:0px; text-align:left; overflow:auto; }
#content_wrapper { width:750px; margin-left:100px; }

.border_top { height:5px; width:100%; background-color:#c00; display:none; }

.logo { width:100%; margin:60px 0px 50px 0px; }

.topnav { width:100%; height:24px; background-color:#fff; text-align:right; }
.topnav a { font-size:0.7em; color:#666; font-weight:normal; border:none; display:block; height:24px; line-height:23px; text-transform:uppercase; margin:0px 0px 0px 1px; padding:0px 11px 0px 12px; float:left; cursor:pointer; text-decoration:none; }
.topnav a:hover { color:#000; background-color:#eee; }
.topnav a.active { background-color:#c00; color:#fff; font-weight:bold; }
.topnav a.active:hover { color:#ccc; }
.topnav ul  { list-style:none; list-style-type:none; margin:0px; padding:0px; float:right; border:none; }
.topnav ul li { list-style:none; list-style-type:none; margin:0px; padding:0px; float:left; border:none; }

.subnav { width:100%; height:22px; background-color:#fff; text-align:right; border-top:solid 1px #c00; padding-top:7px; }
.subnav a { font-size:0.7em; color:#666; font-weight:normal; display:block; height:22px; line-height:21px; text-transform:none; margin:0px 0px 0px 10px; padding:0px 9px 0px 9px; float:left; cursor:pointer; text-decoration:none; }
.subnav a:hover { color:#000; }
.subnav a.active { color:#c00; font-weight:bold; }
.subnav ul  { list-style:none; list-style-type:none; margin:0px; padding:0px; float:right; }
.subnav ul li { list-style:none; list-style-type:none; margin:0px; padding:0px; float:left; }

.footer { position:fixed; bottom:0px; left:0px; text-align:left; margin:0px 0px 0px 100px; padding:0px 0px 0px 0px; width:750px; height:35px; line-height:32px; border-top:solid 1px #ccc; color:#666; background-color:#fff; font-size:0.8em; }
.footer a { color:#666; font-weight:normal; text-decoration:underline; }
.footer a:hover { color:#000; text-decoration:none; }
.footer a.active { background-color:#c00; color:#fff; }
.footer a.active:hover { color:#fff; }

.content { width:100%; margin:30px 0px 50px 0px; font-weight:normal; line-height:160%; }

.content .box { width:162px; height:230px; margin:0px 30px 30px 0px; float:left; font-size:0.8em; border:solid 1px #fff; overflow:hidden; color:#999; line-height:130%; font-weight:lighter; cursor:pointer; }
.content .box:hover { border:solid 1px #fff; }
.content .box.last { margin:0px 0px 15px 0px; }
.content .box span { clear:left; display:block; margin:0px; padding:0px 5px 0px 5px; color:#fff; }
.content .box:hover span { color:#999; }
.content .box span.h2 { margin:0px; padding:10px 0px 5px 5px; color:#c00; }
.content .box:hover span.h2 { color:#000; }

.referenz { clear:left; margin:0px 0px 30px 0px; border-bottom:solid 1px #ccc; }
.referenz .img { border:none; float:left; width:177px; height:131px; margin:0px 0px 30px 0px; overflow:hidden; }
.referenz .txt { width:550px; border:none; float:left; margin:0px 0px 30px 0px; }
.referenz .txt p { margin:0px 0px 5px 0px; }
.referenz .txt h2 { padding:0px 0px 5px 0px; }
.referenz .txt a { font-size:0.8em; }