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



/*---------------------------------------------*/
.block {display:block;}
.vam {vertical-align:middle;}
.fll {float:left;}
.flr {float:right;}

.underlined {
background-image:url(../img/mint_dotline.gif);
background-position:bottom;
background-repeat:repeat-x;
}
.brwhite {border-right:2px solid #FFFFFF;}

.margin10px {margin:10px;}

/*---------------------------------------------*/

body {
background-image:url(../img/mint_bg.gif);
background-repeat:repeat-x;
background-position:0 160px;
}


#top-options {
background-color:#26b2a4;
height:20px;
border-bottom:1px solid #7accc2;
}

#top-options p {
line-height:7px;
}

#top-options p a {
 background-color: transparent;
}

#top-options span {
color:#FFFFFF;
padding-left:15px;
}

#login {
margin-left:65px;
padding:2px 0px 4px 5px;
border-left:2px solid #ffffff;
}

#login_close{
color:#333333;
font-family:Arial,Helvetica,sans-serif;
font-size:10px;
text-decoration:none;
}

#page_margins {
border:0px solid green;
width:845px;
margin:auto;
}

#header {
border:0px solid red;
height:100px;
padding-top:40px;
}

#page {
border:0px solid red;
margin:0px !important;
padding:0px !important;
}

#topnav {
width:319px;
margin-top:-10px;
padding-top:10px;
margin-right:0px;
background-image:url(../img/mint_topnav_bg.gif);
background-position:left;
background-repeat:repeat-y;
font-family:Arial, Helvetica, sans-serif !important;
}

#topnav table {
margin-left:10px;
}

#topnav a {
font-size:12px !important;
font-weight:normal !important;
color:#21a393 !important;
}

#topnav p {
font-size:12px !important;
font-weight:normal !important;
color:#21a393 !important;
}

#search {
width:319px;
height:40px;
border-top:4px solid #ffffff;
padding:0px;
background-image:url(../img/mint_topnav_bg.gif);
background-position:left;
background-repeat:repeat-y;
}

#search form {
margin:0px;
padding:10px 0px 0px 10px;
}

#search input {
margin:0px 5px 0px 10px;
}

#loginbox {
top:0px;
left:0px;
width:285px;
height:80px;
padding:6px 16px 16px 16px;
}

#Login {
margin-top:5px;
}

#nav {
height:71px;
}

#nav_main {
margin:0px;
padding:0px;
}

#nav_main ul {
border-left:9px solid #FFFFFF;
}

#nav_main li {
margin-left:-5px;
}

#nav_main li a {
text-transform:none;
padding:5px 10px;
font-size:14px;
color:#26b2a4;
border-right:4px solid #FFFFFF;
}

#nav_main li a:hover {
color:#1f9488;
}

#nav_main li a.mainact {
background-color:#26b2a4;
color:#FFFFFF;
background-image: none;
}

#nav_sub {
position:absolute;
top:205px;
margin:0px;
padding:4px 0px 0px 0px;
}

#nav_sub ul {
padding-left:2px;
background-image:url(../img/mint_dotside.gif);
background-position:bottom left;
background-repeat:repeat-y;
background-color:#FFFFFF;
}

#nav_sub li {
margin-left:0px !important;
background-image:url(../img/mint_navsubli_bg.gif);
background-position:top right;
background-repeat:no-repeat;
padding:4px 10px 0px 10px;
}

#nav_sub li a {
margin:0px;
padding:0px;
text-transform:none;
font-size:12px;
color:#26b2a4;
display:inline-block;
}

#nav_sub li a:hover {
color:#1f9488;
}

/*##################################################################*/
/*################ Klassen für h1, h2, p,a und img #################*/
/*########### a, b und c für varianten, u für underlined ###########*/
/*########### top- bottombar für Balken und deren Icons  ###########*/
/*########### img_position für Bilder mit Textfluss      ###########*/
/*##################################################################*/

.h1a {
padding:20px 11px 0px 11px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#26b2a4;
}

.h1b {
padding:20px 11px 0px 11px;
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
font-weight:normal;
color:#000000;
}

.h2a {
padding:0px 11px 0px 11px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#21a393;
}

.h2b {
padding:10px 11px 0px 11px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#000000;
}

.pa {
padding:10px 11px 10px 11px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#000000;
}

.pau { /*########### Absatz mit gepunkteter Linie darunter ###########*/
padding:10px 11px 25px 11px;
margin-bottom:15px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#000000;
background-image:url(../img/mint_dotline.gif);
background-position:bottom;
background-repeat:repeat-x;
}

.pb {
padding:10px 11px 10px 11px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#5A5A5A;
}

.pbu { /*########### Absatz mit gepunkteter Linie darunter ###########*/
padding:10px 11px 30px 11px;
margin-bottom:15px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#5A5A5A;
background-image:url(../img/mint_dotline.gif);
background-position:bottom;
background-repeat:repeat-x;
}

.pc {
padding:20px 0px 10px 0px;
font-family:Arial, Helvetica, sans-serif;
font-size:21px;
font-style:italic;
font-weight:normal;
color:#c3e6e2;
}

.alinku { 
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#21a393;
text-decoration: underline;
}

.alinka { /*########### a mint farben mit kleinem Pfeil rechts ###########*/
background-image:url(../img/mint_small_arrow.gif);
background-position:right;
background-repeat:no-repeat;
padding-right:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#21a393;
}

.alinkb {/*########### a grau mit kleinem Pfeil rechts ###########*/
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#5A5A5A;
}
.alinkb img {
padding-left:5px;
}

.img_left { /*########### Bild links mit Text rechts ###########*/
float:left;
padding:10px;
vertical-align:middle;
}

.img_topleft { /*########### Bild links oben mit Text darunter ###########*/
padding:10px 5px 15px 5px;
}

.topbar { /*########### Balken oberhalb der Box ###########*/
position:relative;
display:block;
border-bottom:6px solid #FFFFFF;
background-color:#dcf0ee;
padding:2px 0px 2px 11px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#21a393;
}

.topbar_nb { /*########### Balken oberhalb der Box ohne weiße Linie unten ###########*/
position:relative;
display:block;
background-color:#dcf0ee;
padding:2px 0px 2px 11px;
margin-bottom:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#21a393;
text-align:left;
}

.bottombar { /*########### Balken unterhalb der Box ###########*/
position:relative;
display:block;
border-top:4px solid #ffffff;
background-color:#dcf0ee;
padding:2px 0px 2px 11px;
margin:0px 0px 0px 0px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#21a393;
}

.whiteline { /*########### fix eines IE Problems mit Divs, border und dem Boxen Model ###########*/
border:none;
margin:0px;
}

.img_box { /*########### Icons rechts in den bars ###########*/
position:absolute;
right:0px;
top:0px;
border:none;
}

.img_box img {
float:right;
border-left:4px solid #FFFFFF;
}

.bottomline {/*########### gestrichelte Linie unter Boxen ###########*/
padding:0px 0px 10px 10px;
background-image:url(../img/mint_dotline.gif);
background-position:bottom;
background-repeat:repeat-x;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
text-align:left;
}

.bottomline img { /*########### positioniert das Link Icon auf halbe Schrifthöhe ###########*/
padding-bottom:4px;
}


/*########### top_half und bottom_half dienen dazu, die Boxen 1-3 auf gleiche Größe zu setzen ###########*/
.top_half {height:140px;margin-bottom:10px;}
.bottom_half {height:90px;}

/*############################################################*/
/*################# hier beginnt der Content #################*/
/*############################################################*/

#main{
width:100%;
margin:0px;
padding:0px;
}

#main_top img {
margin-right: 30px;
}

#box1 {
clear:both;
float:left;
width:255px;
margin:0px 20px 0px 0px;
background-image:url(../img/mint_box1_bg.gif);
background-position:top;
background-repeat:repeat-y;
}

#mint_logo {padding:7px 0px 20px 0px}

#counter {
height:85px;
background-image:url(../img/mint_arbeiter_small.jpg);
background-position:right;
background-repeat:no-repeat;
}

#box2 {
float:left;
width:247px;
margin:0px 20px 0px 20px;
background-image:url(../img/mint_box2_bg.gif);
background-position:top;
background-repeat:repeat-y;
}

#box3 {
float:left;
width:255px;
margin:0px 0px 0px 20px;
background-image:url(../img/mint_box3_bg.gif);
background-position:top;
background-repeat:repeat-y;
}

#hub_aktuell {padding:5px 0px 2px 10px;}

#box4 {
clear:both;
float:left;
width:543px;
margin:32px 20px 0px 0px;
background-color:#cbdddc;
}

#box5 {
float:left;
width:255px;
margin:32px 0px 0px 20px;
background-image:url(../img/mint_dotsides.gif);
background-position:top;
background-repeat:repeat-y;
}

#box5 input {
width:140px;
}
#box5 h2 { text-align:right; }
#box5 img{ margin-right:15px;
margin-bottom:-5px;}

#box6 {
clear:both;
position:relative;
float:left;
width:255px;
height:300px;
margin:32px 20px 0px 0px;
}

#box6 h2 {
background-color:#dcf0ee;
padding:1px 0px 1px 11px;
margin:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#21a393;
}

.tabs2 h3 {
margin-top:15px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#000000;
}

.tabs2 h4 {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#000000;
}

.tabs2 p {
padding-bottom:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#5A5A5A;
}

.tabNavigation2 {
position:absolute;
top:0px;
right:0px;
list-style-type:none;
margin:0 !important;
padding:0;
}

.tabNavigation2 li {
float:left;
display:inline;
margin:0 !important;
padding:0 !important;
}

.tabNavigation2 a {
border-left:4px solid #FFFFFF;
}

#l_news { 
position:absolute;
top:0px;
right:27px;
background-image:url(../img/mint_icon_news.gif);
background-position:bottom right;
background-repeat:no-repeat;
}

#l_news.selected {
background-image:url(../img/mint_icon_news_on.gif);
}

#l_events { 
position:absolute;
top:0px;
right:0px;
background-image:url(../img/mint_icon_events.gif);
background-position:bottom right;
background-repeat:no-repeat;
}

#l_events.selected {
background-image:url(../img/mint_icon_events_on.gif);
}

#tabNews {
margin:20px 10px 10px 10px;
}

#tabEvents {
margin:20px 10px 10px 10px;
}

.whitespace {
padding-bottom:10px;
}

#box7 {
position:relative;
float:left;
width:247px;
height:300px;
margin:32px 20px 0px 20px;
}
/*hier beginnen die Settings für die neue Liste*/

#box7 h2 {
background-color:#dcf0ee;
padding:1px 0px 1px 11px;
margin:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#21a393;
}

.tabs h3 {
margin-top:15px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#000000;
}

.tabs p {
padding-bottom:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#5A5A5A;
}

.tabNavigation {
position:absolute;
top:0px;
right:0px;
list-style-type:none;
margin:0 !important;
padding:0;
}

.tabNavigation li {
float:left;
display:inline;
margin:0 !important;
padding:0 !important;
}

.tabNavigation a {
border-left:4px solid #FFFFFF;
}

#l_videos { 
position:absolute;
top:0px;
right:81px;
background-image:url(../img/mint_icon_videos.gif);
background-position:bottom right;
background-repeat:no-repeat;
}

#l_videos.selected {
background-image:url(../img/mint_icon_videos_on.gif);
}

#l_docs { 
position:absolute;
top:0px;
right:54px;
background-image:url(../img/mint_icon_docs.gif);
background-position:bottom right;
background-repeat:no-repeat;
}

#l_docs.selected {
background-image:url(../img/mint_icon_docs_on.gif);
}

#l_audio { 
position:absolute;
top:0px;
right:27px;
background-image:url(../img/mint_icon_audio.gif);
background-position:bottom right;
background-repeat:no-repeat;
}

#l_audio.selected {
background-image:url(../img/mint_icon_audio_on.gif);
}

#l_images { 
position:absolute;
top:0px;
right:0px;
background-image:url(../img/mint_icon_images.gif);
background-position:bottom right;
background-repeat:no-repeat;
}

#l_images.selected {
background-image:url(../img/mint_icon_images_on.gif);
}

#tabVideos {
margin:20px 10px 10px 10px;
}

#tabDocs {
margin:20px 10px 10px 10px;
}

#tabAudio {
margin:20px 10px 10px 10px;
}

#tabImages {
margin:20px 10px 10px 10px;
}

/*Ende der Settings*/

#box8 {
float:left;
width:255px;
margin:32px 0px 0px 20px;
padding:0px;
background-image:url(../img/mint_dotsides.gif);
background-position:top;
background-repeat:repeat-y;
}

#box8 h2 {
padding-top:15px;
}

.box8_box {
height:80px;
margin:10px 10px 10px 0px;
}

#box9 {
clear:both;
float:left;
width:543px;
margin:0px 20px 0px 0px;
}

#boxlast {
clear:both;
float:left;
width:845px;
margin:15px 0px 20px 0px;
padding:15px 0px 15px 0px;
background-image:url(../img/mint_dotline.gif);
background-position:top;
background-repeat:repeat-x;
}

#boxlast a{
color:#7ea8a4;
}



/*#########################################################*/
/*################### Ende des Contents ###################*/
/*#########################################################*/

#footer {
background-image:url(../img/mint_footer_bg.gif);
}

#top_buttons {
width:845px;
margin:auto;
}

.topbtn {
float:left;
margin:0px !important;
}

.printbtn {
margin:0px!important;
}


.files h3 {
   color: #26b2a4 !important;
}