html, body, table, tr, td, p, div, span, a, img {
margin:0;
padding:0;
}


body {
background:url(../images/body_hi_2017.gif) top center no-repeat #fff;
color:#000;
font-family:arial narrow, arial, helvetica, verdana, sans-serif;
font-size:85%;
text-align:center;
}


span.float {
float:right;
}


#container {
width:950px;
margin:auto;
margin-bottom:30px;
padding:0 20px 0 10px;
text-align:left;
}


/*******************************************/
/*****Obere Reihe: Language, Shortnavi*****/
#top  {
top:0;
position:relative;
height:38px;
vertical-align:bottom;
width:100%;
padding:0;
margin:0px auto;
text-align:right;
}

/********SPRACHAUSWAHL********/
#language {
float:left;
padding:15px 20px 0 0;
margin:0;
}

#language  a {
font-family:arial, sans-serif;
font-size:80%;
padding:0 0 0 5px;
margin:0;
text-decoration:none;
}


/******KLEINE NAVILEISTE GANZ OBEN, absolute ******/
#shortmenu {
float:left;
padding:15px 0 0 0;
margin:0;
text-align:right;
}

#shortmenu span.passiv, #shortmenu span.current {
margin:0;
padding:0;
}

#shortmenu span a {
font-size:80%;
padding:0 5px 0 5px;
text-transform:uppercase;
text-decoration:none;
color:#369;
}

#shortmenu span.current a {
font-weight:bold;
}


/***********************************/
/****HEADER*************************/

#header {
top:0;
position:relative;
height:120px;
width:100%;
padding:0;
margin:0px auto;
text-align:left;
}


/**SIDE-TITEL "Kalypso" auf allen Seiten *********/
#kalypso {
padding:0;
margin:0;
width:400px;
}

#kalypso h1 {
font-size:4em;
width:250px;
color:#fff;
padding:10px 0 0 0;
margin:0;
font-weight:bold;

}



/******SEITENINDIVIDUELLER SPRUCH, absolute ******/
#header_text {
float:left;
padding:0;
margin:0;
width:280px;
}

#header_text h1 {
font-size:1.1em;
color:#fff;
padding:5px 0 0 0;
margin:0;
font-weight:normal;
}



/******MODULMENU: Module über Headergrafik und Nymphe anwählen ******/
#modulmenu {
float:right;
margin:-5px 195px 0 0;
padding:0;
text-align:right;
}

#modulmenu span {

margin:0;
padding:0;
}

#modulmenu span a {
font-size:1%;
padding:23px;
margin:0 2px 0 0;
text-transform:uppercase;
text-decoration:none;
color:#369;
/*border:1px solid yellow;  */
}

/******KALYPSOMENU: Link zur HOME-Seite ******/
#kalypsomenu {
float:right;
margin:-20px 60px 0 0;
padding:0;
text-align:right;
}

#kalypsomenu u span {
margin:0;
padding:0;
}

#kalypsomenu span a {
font-size:1%;
padding:30px 75px 30px 75px;
margin:0 2px 0 0;
text-transform:uppercase;
text-decoration:none;
color:#369;

}


/*************************************************/
/*menu: searchbox, Navi:Hauptrubriken************/
#menu {
margin:0;
padding:0;
height:43px;
width:100%;
text-align:left;

}

/******KURZFORM der SUCHE, absolute ******/
#searchbox {
float:left;
width:194px;
height:43px;
padding:0;
margin:4px 0 0 0;
background:url(../images/test/searchbox_hi.gif) center left no-repeat;
border-left:4px solid #fff;
border-right:4px solid #fff;
}


/******SEARCHBOX - Kurzsuche über Seitennavi******/

/*Platzhalter: hier ist alles drin*/
div.tx-macinasearchbox-pi1 {
padding:0;
margin:0;
}

/*Formlar - Searchbox*/
form.searchbox {
padding:0;
margin:0;
}
  
input.searchbox_go, input.searchbox_eingabe {
margin:12px 0 0 12px;
padding:0;
height:25px;
font-size:80%;
}

input.searchbox_eingabe {
width:138px;
padding:0;
border:none;
background:none;
}

input.searchbox_go {
width:20px;
border:none;
cursor:pointer;
background:none;
}


/**********************/


/******OBERE NAVIGATIONSLEISTE, nur HAUPTRUBRIKEN, absolute ******/
#topmenu {
left:210px;
text-align:left;
padding:18px 0 0 0;
}

*html #topmenu {
padding:5px 0 0 0;
}


#topmenu ul, #topmenu ul li{
display:inline;
margin:0;
padding:0;
list-style-type:none;
}

#topmenu a {
display:inline;
margin:0;
padding:13px 5px 12px 5px;
font-family:arial narrow, arial, helvetica, verdana, sans-serif;
font-size:90%;
text-transform:uppercase;
text-decoration:none;
height:50px;
color:#000;
}

*html #topmenu a {
padding:12px 5px 13px 5px;
border:none;
height:0;
}


#topmenu a:hover {
text-decoration:none;
color:#fff;
/*background:#fff;*/

}

#topmenu span.active a {
font-weight:bold;
color:#000;
}

#topmenu span.current a {
font-weight:bold;
color:#000;
}





/******Seiten-Pfad plus SEITENTITEL******/
#rootline {
position:relative;
right:10px;
top:0;
text-align:right;
width:100%;
font-family:Helvetica, arial, sans-serif;
font-size:100%;
padding:10px 0 0 0;
margin:0;
height:20px;
}

#rootline a {
font-weight:bold;
color:#E16328;
text-decoration:none;
}


/*CONTENT: Umfasst Seitennavi und Inhalt****/
#content {
clear:both;
position:relative;
padding-top:50px;
width:900px;
}



/***LINKS:  Searchbox und Seitennavi****/
#links {
float:left;
width:180px;
padding:0;
height:100%;

}


/********************************/
/***left: linke Spalte**********/

#left {
position:absolute;
top:0;
border-left:4px solid #fff;
border-right:4px solid #fff;
margin:186px auto 50px auto;
padding:20px 0 0 0;
width:194px;
height:50px;
background:none;
}





/******SEITENNAVIGATION, absolute ******/
#leftmenu{
float:left;
width:100%;
text-align:left;
font-family:arial narrow, arial, Helvetica, verdana, sans-serif;
color:#000;
font-weight:normal;
font-size:100%;
margin:0;
padding:0 0 10px 0;
background:url(../images/test/leftnavi_hi.gif) no-repeat bottom center;
background:#fff;
}



#leftmenu ul{
margin:0;
padding:0;
}

#leftmenu ul li {
margin:0 0 1px 0;
padding:6px 0 6px 0;
text-align:left;
list-style-type: none;
border-top:1px solid #fff;
border-bottom:1px solid #fff;
}


#leftmenu ul li.NO {
color:#369;
color:#fff;
background:#84a6c7;
}

#leftmenu ul li.CUR {
color:#000;
background:#F6AE44;
background:#D9DB34;

}

#leftmenu ul li.ACT {
color:#000;
background:#F6AE44;
background:#D9DB34;
}

#leftmenu ul li a {
display:block;
margin:0;
padding:2px 8px 2px 8px;
text-decoration:none;
font-family:arial,Helvetica, verdana, sans-serif;
color:#E16328;
color:#fff;
font-weight:normal;
font-size:95%;
}


#leftmenu ul li.NO a {
color:#000;
color:#fff;
}

#leftmenu ul li.NO a:hover {
color:#fff;
}

#leftmenu ul li.ACT a {
  font-weight:bold;
color:#000;
}


#leftmenu ul li.CUR a {
font-weight:bold;
color:#000;
}


/***************************/
/****MIDDLE*****************/
#middle {
position:relative;
top:0;
left:210px;
width:550px;
margin:0;
padding:0;
}

/****SEITENTITEL****/
#title {
text-align:left;
padding:0;
font-family:arial, helvetica, sans-serif;
font-size:130%;
color:#84a6c7;
}




/*INHALT*/
#inhalt {
width:100%;
padding:0;
}



/*FOOTER: copyright*/
#footer {
left:0;
bottom:0;
width:100%;
height:30px;
margin:150px auto 0 auto;
bottom:0px;
border:none;
color:#666;
font-size:70%;
padding:8px 0;
text-align:right;
width:100%;
background:#84a6c7;
}


#teaser {
position:absolute;
top:205px;
margin:0 auto 50px 775px;
padding:0;
width:194px;
background:url(../images/test/teaser_bottom.gif) bottom left no-repeat;
}

#teaser h1 {
margin:0;
padding:10px 5px 10px 5px;
border-top:1px solid #fff;
border-bottom:1px solid #fff;
background:#478CC2;
color:#fff;
font-size:95%;
font-weight:bold;
}

#teaser a {
margin:0;
padding:10px 0 0 0;
}

#teaser p.bodytext {
padding:10px 10px 10px 10px;
color:#fff;
}


