@charset "ISO-8859-1";
/* CSS Document */

/*farben
blau #6aace0
*/

img, div { behavior: url("iepngfix.php")}
img {border:none;}

body {margin:0; padding:0; font-size:10px; font-family:"Arial Narrow", Arial, Helvetica, sans-serif; color:#1A1713; background-color:#EDEDEE; background-image:url(../gfx/gui/body-verlauf.jpg); background-repeat:repeat-x; background-position:top left;}


/*****************************************************************
.container ********************/
.container {width:86.3em; margin:0 auto;}


/*****************************************************************
.head ********************/
.head {height:12.8em; position:relative;}
.head-logo {position:absolute; bottom:30px; left:0;}
.head-text {position:absolute; bottom:26px; right:0; width:40em;}
.head-text p {float:right; margin:0 0 0 30px; font-size:1.4em; text-transform:uppercase; line-height:1.3em;}
.head a, .head a:hover {color:#1A1713; text-decoration:none;}
.head a:hover {color:#6aace0;}

/*****************************************************************
.navi ********************/
.navi {position:relative; padding:3.4em 0 3.4em 0; float:left; width:100%;}
.navi-button {position:absolute; right:17px; top:0;}
.navi ul {margin:0; padding:0; float:left; width:100%; border:2px solid #dededf; border-right:none; border-left:none;}
.navi li {margin:0; padding:0; display:inline; list-style:none; line-height:3.8em;}
.navi li a, .navi li a:hover {float:left; display:block; font-size:1.5em; font-weight:bold; text-transform:uppercase; padding:0 37px 0 2px; color:#6aace0; text-decoration:none;}
.navi li a:hover, .navi .aktiv {color:#1A171B;}

/*****************************************************************
.content ********************/
.content {text-transform:uppercase; color:#87888a;}
.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {font-weight:normal; margin:0; padding:0;}
.content h1 {border-bottom:2px solid #dededf; font-size:5em; color:#6aace0; clear:both; line-height:0.9em;}

.content .textbox-01 {background-color:#FFF; padding:14px 9px 14px 10px; margin:8px 0 15px 0; float:left; width:84.4em;}
.content .textbox-01 .min-height, .content .textbox-01 .min-height-02 {float:right; width:1px; height:15.9em;}
.content .textbox-01 .min-height-02 {height:36.9em;}

.content h2 { font-size:2.1em; font-weight:normal; margin-bottom:23px;}
.content h3 {font-size:1.7em;}
.content h4 {font-size:1.4em; margin:0 0 20px 0; padding:0; line-height:1.4em; font-weight:bold;}
.content p {font-size:1.4em; margin:0; padding:0; line-height:1.4em;}
.content ul {margin:0; padding:0 0 0 15px;}
.content li {font-size:1.4em; list-style-image:url(../gfx/gui/list-icon.gif); line-height:1.4em;}

.content a, .content a:hover {text-decoration:none; color:#87888a;}
.content a:hover {color:#6aace0;}

.content .blau {color:#6aace0;}

.spalte-01, .spalte-02, .spalte-03, .spalte-04 {float:left; width:42.8em; padding:0 1.3em 0 0;}
.spalte-02 {margin:0; width:38.9em;}
.spalte-03 {margin:0 0 0 3em; width:17.2em; padding:0;}
.spalte-04 {margin:0; width:20em; padding:0;}

/******************
.impressum ***/
.content .textbox-impressum {width:34em;}
.content .img-impressum {float:right; margin:8px 0 0 0;}
.textbox-impressum table {margin:11px 0 0 9px;}
.textbox-impressum table td {padding-right:31px; padding-bottom:15px;}

/*************************
.boxen-6er ********/
.textbox-02 {margin:0 0 30px 0; /*background-image:url(../gfx/gui/boxen-6er-hg.gif); background-position:top left;*/ float:left; width:100%; /*clear:both;*/}
.boxen-6er {width:13.3em; height:19.8em; background-color:#6aace0; color:#FFF; float:left; margin:0 1.3em 0 0; position:relative; padding:0;}
.boxen-6er h1 {font-size:2em; color:#FFF; border:none; font-weight:bold; position:absolute; top:14px; left:10px; width:113px; line-height:1em;}
.boxen-6er p {font-size:1.2em; font-weight:bold; margin:0;position:absolute; bottom:14px; left:10px; width:113px; line-height:1.3em;}
.boxen-6er img {position:absolute; top:0; left:0; width:13.3em; height:19.8em;}