/* CSS Document */

* {
margin:0;
padding:0;
}

hr {
clear:both;
visibility:hidden;
}

.cleaner {
clear:both;
height:1px;
font-size:1px;
border:0px none;
margin:0;
padding:0;
background:transparent;
}

body {
 font-family:Arial, Helvetica, sans-serif;
 font-size:11px;
 background-image:url(../files/bg_body.png);
 background-repeat:repeat;
 text-align:left;
}

h1 
{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color:#000066;
margin:0 0 20px 0;
}

h2 
{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#000066;
}

h3 {
}

p {
margin:0;
padding:0 0 10px 0;
}

a:link {
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000066;
font-weight:normal;
}

a:visited {
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000066;
font-weight:normal;
}

a:active {
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000066;
font-weight:normal;
}

a:hover {
text-decoration:underline;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000066;
font-weight:normal;
}

a img {
border:0px;
margin:0;
padding:0;
}

.flLeft {float:left;}
.flRight {float:right;}

/******************************* SITE ***************************************/

#wrapper {
width:980px;
height:auto;
background-color:#fff;
border:0px solid red;
margin-bottom:0;
}

#banner {
width:860px;
height:80px;
border:0px solid blue;
padding:30px 0 30px 60px;
}




/******************************* TOP NAV *******************************/

#hardnav {
display:inline;
width:450px;
height:18px;
margin:0 0 0 0;
padding:0 105px 0 0;
float:right;
text-align:right;
border:0px solid red;
}

#hardnav ul {
margin:0;
padding:0;
}

#hardnav ul li {
display:inline;
list-style:none;
margin:0 0 0 20px;
padding:0;
}

#hardnav a:link {
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000066;
font-weight:normal;
margin:0;
padding:0;
}

#hardnav a:visited {
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000066;
font-weight:normal;
margin:0;
padding:0;
}

#hardnav a:active {
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000066;
font-weight:normal;
margin:0;
padding:0;
}

#hardnav a:hover {
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000066;
font-weight:normal;
margin:0;
padding:0;
}

/******************************* TOP NAV *******************************/


/************************* SCHIFF ************************************/

#schiff {
display:inline;
width:auto;
height:auto;
margin:0 0 0 0;
padding:0 0 0 0;
border:0px solid red;
float:left;
}

/************************* SCHIFF ************************************/


/****************** LEFT NAV HARDLINKS (1. Ebene) **********************/

#hardnav-left {
display:inline;
width:auto;
height:auto;
margin:30px 0 0 30px;
padding:0 0 0 0;
float:left;
border:0px solid blue;
}

#hardnav-left ul {
margin:0;
padding:0;
}

/*************** KLASSEN AKTIV UND PASSIV ***********************/

#hardnav-left ul li.active {
display:block;
list-style:none;
margin:0 0 12px 0;
padding:7px 0 0 27px;
width:55px;
height:45px;
background-image:url(../files/nav_1.jpg);
background-repeat:no-repeat;
background-position:20px 0;
line-height:15px;
}

#hardnav-left ul li.passive {
display:block;
list-style:none;
margin:0 0 12px 0;
padding:7px 0 0 27px;
width:55px;
height:45px;
background-image:url(../files/nav_2.jpg);
background-repeat:no-repeat;
background-position:20px 0;
line-height:15px;
}

/*************** KLASSEN AKTIV UND PASSIV ***********************/

#hardnav-left a:link {
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#000066;
font-weight:normal;
}

#hardnav-left a:visited {
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#000066;
font-weight:normal;
}

#hardnav-left a:active {
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#000066;
font-weight:normal;
}

#hardnav-left a:hover {
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#000066;
font-weight:normal;
}



/****************** LEFT NAV HARDLINKS (1. Ebene) ********************************/


/*********************** CONTENT (BLAUE BOX MIT RUNDEN ECKEN) ********************/

/** BLAUE BOX **/

#boxwrapper {
display:inline;
width:860px;
height:auto;
margin:0 0 0 0;
padding:0;
float:left;
border:0px solid green;
background-image:url(../files/bg_box.jpg);
background-repeat:repeat-y;
background-color:#fff;
}


#oben {
width:860px;
height:30px;
margin:0;
padding:0;
border:0px solid yellow;
}

#unten {
width:860px;
height:30px;
margin:0;
padding:0;
}

/** BLAUE BOX **/




#left {
display:inline;
width:120px;
height:700px;
margin:5px -1px 0 0;
padding:0 0 0 0;
float:left;
border-right:1px solid #fff;
}


#contentwrapper {
display:inline;
width:860px;
height:auto;
margin:5px 0 0 0;
padding:0;
float:left;
border:0px solid red;
}

/************************* content1 **********************/

#content_1 {
display:inline;
width:140px;
min-height:400px;
margin:0 0 0 0;
padding:0 5px 5px 5px;
float:left;
border-left:0px solid #fff;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000066;
}

#content1 ul {
margin-top:5px; 
margin-bottom:10px; 
padding:0 0 0 15px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000066;
}

#content_1 h1 {
width:140px;
margin:0;
padding:0 0 5px 0;
font-size:16px;
font-weight:bold;
}

#content_1 h2 {
width:140px;
margin:0;
padding:0 0 5px 0;
font-size:14px;
font-weight:bold;
font-style:italic;
}

/****************** TEXTBOXEN PER H_DEFINITION ***********************/
/* BU */
#content_1 h4 {
width:125px;
margin:0 0 0 0;
padding:5px 3px 5px 0;
font-size:11px;
font-weight:normal;
font-style:italic;
line-height:12px;
}

/*ÜBERSCHRIFT*/
#content_1 h5 {
width:125px;
margin:0 5px 0 10px;
padding:5px 5px 5px 5px;
font-size:18px;
font-weight:bold;
background-color:#CFDAE9;
}
/*TEXT*/
#content_1 h6 {
width:125px;
margin:0 5px 20px 10px;
padding:5px 5px 5px 5px;
font-size:12px;
font-weight:bold;
background-color:#CFDAE9;
}

/****************** TEXTBOXEN PER H_DEFINITION ***********************/

#content1 ul {
margin-top:5px; 
margin-bottom:10px; 
padding:0 0 0 15px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000066;
}


/*********************** content2 *************************/

#content_2 {
display:inline;
width:335px;
height:auto;
margin:0 0 0 0;
padding:0 5px 5px 5px;
float:left;
border-left:1px solid #fff;
border-right:1px solid #fff;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000066;
}

#content_2 h1 {
width:335px;
margin:0;
padding:0 0 5px 0;
font-size:16px;
font-weight:bold;
}

#content_2 h2 {
width:335px;
margin:0;
padding:0 0 5px 0;
font-size:14px;
font-weight:bold;
font-style:italic;
}


/****************** TEXTBOXEN PER H_DEFINITION ***********************/

/*ÜBERSCHRIFT*/
#content_2 h5 {
width:300px;
margin:0 5px 0 10px;
padding:5px 5px 5px 5px;
font-size:18px;
font-weight:bold;
background-color:#CFDAE9;
}
/*TEXT*/
#content_2 h6 {
width:300px;
margin:0 5px 20px 10px;
padding:5px 5px 5px 5px;
font-size:12px;
font-weight:bold;
background-color:#CFDAE9;
}

/****************** TEXTBOXEN PER H_DEFINITION ***********************/


#content2 ul {
margin-top:5px; 
margin-bottom:10px; 
padding:0 0 0 15px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000066;
}

/********************  content3 (LETZTE BOX MIT ÜBERHANG) *****************/

#content_3 {
display:inline;
width:350px;
height:auto;
margin:0 0 0 -1px;
padding:0 5px 5px 5px;
float:left;
border-left:1px solid #fff;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000066;
}

#content_3 p {
width:250px;
margin:0;
padding:0 5px 5px 5px;
}

#content_3 h1 {
width:250px;
margin:0;
padding:0 0 5px 0;
font-size:16px;
font-weight:bold;
}

#content_3 h2 {
width:250px;
margin:0;
padding:0 0 5px 0;
font-size:14px;
font-weight:bold;
font-style:italic;
}

/****************** TEXTBOXEN PER H_DEFINITION ***********************/

/*ÜBERSCHRIFT*/
#content_3 h5 {
width:220px;
margin:0 10px 0 20px;
padding:5px 5px 5px 5px;
font-size:18px;
font-weight:bold;
background-color:#CFDAE9;
}
/*TEXT*/
#content_3 h6 {
width:220px;
margin:0 10px 20px 20px;
padding:5px 5px 5px 5px;
font-size:12px;
font-weight:bold;
background-color:#CFDAE9;
}

/****************** TEXTBOXEN PER H_DEFINITION ***********************/

#content3 ul {
margin-top:5px; 
margin-bottom:10px; 
padding:0 0 0 15px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000066;
}

/*********************** CONTENT (BLAUE BOX MIT RUNDEN ECKEN) ********************/


/************************* FOOTER **************************************/

#footer {
width:980px;
height:auto;
margin:50px 0 0 0;
padding:0;
}



/********************************** SITEMAP ********************************/