@import url(css_styled.css);
@import url("print.css") print;

html, body, table, tr, td, p, div, span, a, img {
margin:0;
padding:0;
}


body {
background: url(../images/body_hi.gif) top center repeat-y #fff;
color:#000;
font-family:verdana, sans-serif;
font-size:85%;
text-align:center;

}

span.float {
float:right;
}

/*****In diesem CONTAINER ist alles drin*****/
#container {
top:0;
clear:both;
position:relative;
width:920px;
margin:0 auto;
text-align:left;
padding:0;
background: url(../images/container_hi.gif) no-repeat top center;
}



/********SPRACHAUSWAHL********/
#language {
float:right;
width:220px;
padding:0;
margin:12px 0 0 0;
}


#language  a {
font-family:arial, sans-serif;
font-size:80%;
padding:3px;
margin:3px 8px 3px 1px;
text-decoration:none;
color:#000;
}



/******KLEINE NAVILEISTE GANZ OBEN, absolute ******/
#shortmenu {
float:right;
padding:10px 10px 10px 0;
margin:auto;
text-align:right;
}

*html #shortmenu {
width:380px;
}

#shortmenu a {
font-family:arial, sans-serif;
font-size:80%;
padding:0 10px 0 0;
margin:0;
text-decoration:none;
}

#shortmenu span.passiv a,  span.current a {
color:black;
}


/******SEITENINDIVIDUELLE GRAFIK ******/
#header-image {
float:right;
padding:0;
margin:0;
width:650px;
text-align:right;
}
#header-image img {
text-align:right;
}


/****SEITENTITEL: Hier steht immer KALYPSO****/
#seitentitel {
float:left;
text-align:left;
padding:10px 0 0 10px;
font-family:helvetica, arial, sans-serif;
font-weight:bold;
font-size:200%;
color:#fff;
}



/******SEITENINDIVIDUELLER SPRUCH, absolute ******/
#header-text {
float:left;
width:250px;
text-align:left;
text-align:left;
padding:10px 0 0 10px;
font-family:helvetica, arial, sans-serif;
font-weight:bold;
font-size:120%;
color:#fff;
}





/******OBERE NAVIGATIONSLEISTE, nur HAUPTRUBRIKEN, absolute ******/
#topmenu {
position:relative;
right:10px;
top:0;
width:100%;
text-align:right;
padding:10px 0 0 0;
clear:both;
}

#topmenu ul, #topmenu ul li{
display:inline;
margin:0;
padding:0;
list-style-type:none;
}



#topmenu a {
display:inline;
margin:0;
padding:0  0 0 8px;
font-family:arial, sans-serif;
text-decoration:none;
font-size:90%;
}

#topmenu span.active a {
font-weight:bold;
color:orange;
}

#topmenu span.current a {
font-weight:bold;
color:orange;
}



/******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:orange;
text-decoration:none;
}


/*CONTENT: Umfasst Seitennavi und Inhalt****/
#content {
clear:both;
position:relative;
padding-top:50px;
width:900px;
}



/***LINKS: Float mit Searchbox und Seitennavi****/
#links {
float:left;
width:180px;
padding:0;
height:100%;

}





/******KURZFORM der SUCHE, absolute ******/
#searchbox {
float:left;
width:180px;
height:30px;
padding:0;
margin:0 0 30px 0;
text-align:right;
font-family:arial;
color:#000;
font-weight:normal;
font-size:90%;
}




/******SEARCHBOX - Kurzsuche über Seitennavi******/
.searchbox_eingabe, .searchbox_go{
margin:0 0 0 2px;
padding:4px 0 4px 0;
}

.searchbox_go {
background:url(../images/lupe.gif) no-repeat  #fff;
width:28px;
padding:3px 0 3px 0;
}


*html #searchform .searchbox_eingabe, .searchbox_go  {
height:28px;
margin:0 0 0 2px;
}

*html #searchform .searchbox_go  {
width:28px;
padding:0px;
margin:0px;
}
/**********************/



/******SEITENNAVIGATION, absolute ******/
#leftmenu{
float:left;
width:180px;
text-align:left;
font-family:Helvetica, arial, sans-serif;
color:#000;
font-weight:normal;
font-size:100%;
background:none;
margin:0;
}



#leftmenu ul, li {
margin:0px 0 0px 5px;
padding:0;
text-align:right;
list-style-type: none;
}

#leftmenu ul li a {
display:block;
margin:0;
padding:3px 4px 3px 0;
text-decoration:none;
font-family:arial, sans-serif;
font-weight:normal;
font-size:90%;
}


#leftmenu ul li.NO a {
color:#000;
}

#leftmenu ul li.NO a:hover {
color:orange;
}

#leftmenu ul li.ACT a {
color:#000;
}


#leftmenu ul li.CUR a {
font-weight:bold;
border-top:1px solid #8d9bad;
border-bottom:1px solid #8d9bad;
}




/*INHALT*/
#inhalt {
float:right;
width:700px;
}



/*INHALT POPUP*/
#inhalt.popup {
width:500px;
padding:20px 20px 20px 0;
}



span.popup {
float:right;
width:190px;
margin:0 20px 0 0;
padding:5px;
background:#d1e8d1;
border:1px solid #666;
font-size:75%;
}





/*FOOTER: copyright*/
#copyright {
position:relative;
bottom:0px;
margin:auto;
margin-top:10px;
height:20px;
color:#666;
font-size:70%;
padding:8px;
width:850px;
clear:both;
text-align:right;
}


#copyright p {
padding-bottom:4px;
}




#teaser {
float:right;
width:100px;
padding:0 0 20px 0;
margin:0;
font-size:70%;
}

#teaser h1 {
margin:0;
padding:0;
width:100px;
border-top:1px solid black;
border-bottom:1px solid black;
background:#d1e8d1;
font-size:80%;
font-weight:bold;
}

#teaser a {
margin:0;
padding:10px 0 0 0;
}