* {margin:0; padding:0;}
body {font-size:70%; font-family:verdana,arial,sans-serif;color:#7b7b7b; background:#1b1a1a; font-family:verdana,arial,sans-serif;}
.page-container {width:900px; margin:0px auto; background: transparent;}
.main-section {clear:both; float:left; width:900px;}
.main {clear:both; float:left; width:600px; margin:0;}
/* HEADER */
.header {float:left; width:900px; height: 120px; font-family:verdana,arial,sans-serif; margin: 15px 0 0 0; background:url(../img/header_bg.png) top right no-repeat;}
/* MENU */
.menu {float:left; width:900px; height: 30px; line-height: 25px; padding: 0 0 0 0; margin: 10px 0 0 0; background:transparent url(../img/menu_bg.png) top right no-repeat;}
.menu ul {float:left;margin: 0 0 0 30px;}
.menu li {float:left;list-style-type:none; font-size:120%;}
.menu li a {background: transparent url(../img/menuoption_bg.png) bottom center no-repeat; display:block;padding:2px 20px;text-decoration:none;color: #bbbef3;letter-spacing:1px;}
.menu li a:hover {background: transparent url(../img/menuoptionhover_bg.png) bottom center no-repeat;color:#5862be;}
.menu img {margin: 2px 0 0 0;}

/*minibox*/
.minibox-left {clear:both; display: inline; float:left; position: relative; width:295px; height: 100px; font-family:verdana,arial,sans-serif; margin: 10px 0 0 0; background:url(../img/minibox_bg.png) top right no-repeat;}
.minibox-left .kopf {float:left; width:175px; height: 15px; font-family:verdana,arial,sans-serif; margin: 5px 0 0 10px;}
.minibox-left .text {float:left; width:175px; height: 75px; font-family:verdana,arial,sans-serif; margin: 5px 0 0 0;font-size:80%; color:#a4a4a4;}
.minibox-left .text h3 { margin: 5px 0 0 0; color:#ffffff;font-size:110%;}
.minibox-left .pic {float:left; width:110px; height: 75px; font-family:verdana,arial,sans-serif; margin: 0 0 0 0;}
.minibox-left .pic h2 { margin: 5px 0 0 10px; color:#ffffff;font-size:150%;}
.minibox-left .pic h3 { margin: 5px 0 0 10px; color:#ffffff;font-size:90%;}
.minibox-left img.standard {float:left; margin: 5px 0 0 10px;overflow:visible;}
.minibox-left p {float:left;margin: 10px 0 0 0;}
.minibox-left .link {float:right; overflow:visible; width:67px; height: 15px; font-family:verdana,arial,sans-serif; margin: 0; background:url(../img/button_details.png) bottom left no-repeat;}
.minibox-left a {float:left; position:absolute; top: 0; left: 0; overflow:hidden; display:block; width:294px; height:99px; text-indent:-700em;}

.minibox-right {display:block; display: inline; position: relative; float:left; width:295px; height: 100px; font-family:verdana,arial,sans-serif; margin: 10px 0 0 10px; background:url(../img/minibox_bg.png) top right no-repeat;}
.minibox-right .kopf {float:left; width:175px; height: 15px; font-family:verdana,arial,sans-serif; margin: 5px 0 0 10px;}
.minibox-right .text {float:left; width:175px; height: 75px; font-family:verdana,arial,sans-serif; margin: 5px 0 0 0;font-size:80%;color:#a4a4a4;}
.minibox-right .text h3 { margin: 5px 0 0 0; color:#ffffff;font-size:110%;}
.minibox-right .pic {float:left; width:110px; height: 75px; font-family:verdana,arial,sans-serif; margin: 0 0 0 0;}
.minibox-right .pic h2 { margin: 5px 0 0 10px; color:#ffffff;font-size:150%;}
.minibox-right .pic h3 { margin: 5px 0 0 10px; color:#ffffff;font-size:90%;}
.minibox-right img.standard {float:left; margin: 5px 0 0 10px;overflow:visible;}
.minibox-right p {float:left;margin: 10px 0 0 0;}
.minibox-right a {float:left; position:absolute; top: 0; left: 0; overflow:hidden; display:block; width:294px; height:99px; text-indent:-700em;}

/* MAIN CONTENT */
.main-content {float: left; display: inline; position: relative; width:600px; height: 250px; margin:10px 0 0 0; background:url(../img/maincontent_bg.png) top right no-repeat;}
.main-content .text {float:left; position: relative; overflow:hidden; width:400px; height: 250px; font-family:verdana,arial,sans-serif; margin: 0 0 0 0; text-align:justify;}
.main-content .pic {float:left; width:190px; height: 250px; font-family:verdana,arial,sans-serif; margin: 0 0 0 0;}
.main-content img.pfeile {float:left; position: absolute; width:220px; height:169px; margin: 20px 0 0 -20px;overflow:visible;}
.main-content img.standard {float:left; width:128px; height:200px;margin: 20px 0 0 40px;overflow:visible;}
.main-content h1 {float:left; width:370px; margin: 20px 0 0 20px;text-align:left;color:#CCCCCC; font-family:verdana,arial,sans-serif; font-weight:bold; font-size:150%;}
.main-content p {float:left; width:370px; margin: 20px 0 0 20px;text-align:left;color:#CCCCCC; font-family:verdana,arial,sans-serif; font-size:100%;}

/* SUBCONTENT */
.subcontent {display: inline; float:right; width:290px; height: 580px;margin:10px 0 0 10px; overflow:visible; background:url(../img/subcontent_bg.png) top left no-repeat;}
.subcontent img.headline {clear:both; position: relative; width: 290px; height: 20px; float:left; margin:0 0 0 0;}
.subcontent img.beispiel {float:left; position: relative; margin: 0 0 0 45px;overflow:visible;}
.subcontent p {float:left; width:280px; margin: 15px 0 0 0;text-align:center; color:#CCCCCC; font-family:verdana,arial,sans-serif; font-size:100%;}
.subcontent .kontaktbox {float:left; width:280px; height: 150px; font-family:verdana,arial,sans-serif; margin: 0 0 0 0;}
.subcontent .beispielbox {float:left; width:280px; height: 420px; font-family:verdana,arial,sans-serif; margin: 0 0 0 0;}
.subcontent .beispielbox.p {float:left; width:280px; margin: 20px 0 0 0;text-align:center; color:#CCCCCC; font-family:verdana,arial,sans-serif; font-size:100%;}
.subcontent .mini_left {width: 100px; float:left; margin:0 0 0 30px;}
.subcontent .mini_right {width: 100px; float:left; margin:0 0 0 5px;}
.subcontent .standard {width: 200px; float:left; margin:20px 0 0 40px;}
.subcontent a {display:block; text-decoration:underline;color: #CCCCCC;letter-spacing:1px;}
.subcontent a:hover {color:#5862be;}

/*  FOOTER SECTION  */
.footer {clear:both; float: left; width:900px; height: 120px; margin: 10px 0 0 0; background: url(../img/footer_bg.png) top left no-repeat;}
.footerunit {float:left; position:relative; width:165px; margin:10px 5px 5px 5px;color:#969696;}
.footerunit p {margin:0 0 1.0em 0; line-height:1.5em; font-size:80%; text-align:right;}
.footerunit-left h2 { width:175px; text-align:right; font-size:60%; border-bottom: 1px solid #696969;}
.footerunit h2 { text-align:left; margin-left: 10px; color:#7b7b7b;font-size:100%; border-bottom: 1px solid #696969;}
.footerunit a { text-decoration: none; }
.footerunit a:hover {  }
.footer p {line-height:1.3em; text-align:center; color:rgb(125,125,125); font-weight:bold; font-size:110%;}
.footer p.credits {font-weight:normal;}
.footer a {text-decoration:none; color:rgb(125,125,125);}
.footer a:hover {color:#5862be;}
.footer a:visited {color:#a9a6a6;}

/*  CLEAR FLOATS  */
.page-container:after, .header:after, .header-breadcrumbs:after, .main:after, .main-navigation:after, .gradienttopgraywhitesimple:after, .gradienttopgraywhitedouble:after,.gradienttopgraywhitetriple:after, .main-content:after, .main-content div:after, .main-subcontent:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.content-unit:after, .content-unit-left:after, .content-unit-right:after, .content-unit-left:after, .content-unit-middle:after, .content-unit-right:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.footer:after, p:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clear-contentunit {clear:both; width:700px; height:0.1em; border:none; background:rgb(210,210,210); color:rgb(210,210,210);}