/*The body TAGS*/

html,body {
                height: 100%;/* Dieser Befehl muss für Handies ausgeschaltet werden!!*/
                overflow:auto;
                Overflow-x: hidden;/* Dieser Befehl muss für Handies ausgeschaltet werden!!*/
}

body {          background-image:url(img/backframe.gif);
				   margin :0px;
				   overflow-y: scroll;
		text-align: center;
        }


input, select, textarea {
                border: 1px solid #0086cb;
                margin-bottom: 1px;
                color: #646567;
                padding: 2px;
}

.submitbutton {
                border: 1px solid #0086cb;
                background-image:url(img/button.jpg);
                margin-bottom: 1px;
                font: 12px Verdana, Arial, Helvetica, sans-serif;
                color: #fff;
                padding: 5px;
}

hr {
                height: 0px;
                border-bottom: 1px solid #c5c6c8;
                border-top: 0px;
}

td {                     
                vertical-align:top;
                font: 13px Verdana, Arial, Helvetica, sans-serif;
                color: #646567;
        }

.message {
        border: 1px solid #0086cb;
        background-color: #009ee0;
        padding: 5px;
        font-weight: bolder;
        margin-bottom: 8px;
        color: white;
        }


/*******************************************************************************/
.multipage {
                font-size: 10px ;
                background-color: #DDDDDD;
                border: 1px solid #c5c6c8;
                margin-top: -5px;
                margin-bottom: 8px;
                padding: 4px 2px 3px 2px;
}

/************************************ Basic ************************************/
#container {
		background-image:url(img/background.gif);
                background-repeat:repeat-y;
                width: 960px;
                height:auto !important;
		min-height:100%;
		position:relative;
		top:0px;
                margin-left: auto;
		margin-right: auto;
                font: 13px Verdana, Arial, Helvetica, sans-serif;
                color: #646567;
                text-align:justify;
}


.header-left {
                width:191px;
				float:left;
				height: 75px;
}
.header-right{
				background-color: white;
                width:769px;
                float:left;
				height: 75px;
				text-align: left;
}

.header_table{
				vertical-align:bottom;
				height: 30px;
				font: 10px Verdana, Arial, Helvetica, sans-serif;
                color: #878889;
                text-align:left;
}

.header_table a{
				font: 10px Verdana, Arial, Helvetica, sans-serif;
                color: #0086cb;
                text-decoration:none; 
}

.header_table a:hover {
				font: 10px Verdana, Arial, Helvetica, sans-serif;
                color: #0086cb;
                text-decoration:underline; 
}

.banner_left{
				background-image: url(img/rightframe_top.gif);
				width: 771px;
				height: 135px;
				float:left;
}

.banner_right{
				background-image:url(img/background_right.gif);
				width: 169px;
				height: 112px;
				float: left;
				padding: 23px 10px 0px 10px;
				color: white;
				font: 9px Verdana, Arial, Helvetica, sans-serif;
}

                
.language {
                margin: 0px;
                padding:0px;
				display: inline;
                }

.breadcrumb {
                margin: 0px;
                padding-top: 0px;
                }

.introduction {
                font: 13px Verdana, Arial, Helvetica, sans-serif;
                color: #646567;
                text-align:justify;
				line-height: 1.4em;  
                }

legend {
                font: 13px Verdana, Arial, Helvetica, sans-serif;
                color: #0086cb;
                margin-bottom: 3px;
                font-weight: bold;
                  }

/*******************************************************************************/

/************************************ Content **********************************/
#content {
		float: left;
		width: 540px;
		height: auto;
        padding: 20px 20px 20px 20px;
        font: 13px Verdana, Arial, Helvetica, sans-serif;
        color: #646567;
        text-align:justify;
		line-height: 1.4em;  
		}

#content h1 {
        font: 14px Verdana, Arial, Helvetica, sans-serif;
        color: #646567;
        font-weight:bolder;
        margin-top: 0px;
        margin-bottom: 13px;
        padding: 0px;
        }

#content h2 {
        font: 14px Verdana, Arial, Helvetica, sans-serif;
        color: #646567;
        margin-top: 0px;
        margin-bottom: 5px;
        padding: 0px;
        }

#content h3 {
        font: 14px Verdana, Arial, Helvetica, sans-serif;
        font-variant:small-caps;
        color: #646567;
		font-weight: bold;        
        padding: 0px;
        margin-bottom:3px;
        }


#content a{
        font: 13px Verdana, Arial, Helvetica, sans-serif;
        color: #0086cb;
        text-decoration:none; 
        }

#content a:hover {
        font: 13px Verdana, Arial, Helvetica, sans-serif;
        color: #0086cb;
        text-decoration:underline; 
        }

#content p {
        margin-top:0px;
        margin-bottom:5px;
        font: 13px Verdana, Arial, Helvetica, sans-serif;
        color: #646567;
        text-align:justify;
		line-height: 1.4em;  
		}
           
#content ul {
        padding-bottom: 0px;
        padding-top: 0px;
        margin-bottom: 0px;}   

#content ol li{
		list-style: decimal;
		 margin-left:-10px;
		 padding-left: 5px;
		} 

#content li {
        list-style-image:url(img/item.gif);
        margin-left:-15px;
        padding-bottom: 5px;
        padding-left: 10px;
        font: 13px Verdana, Arial, Helvetica, sans-serif;
        color: #646567;
		line-height: 1.4em;  
        }
        
#content li ul li {
        list-style: disc;
        margin-left:-25px;
        padding-bottom: 0px;
        margin-bottom: 0px;
        padding-left: 0px;
        margin-top: 0px;
        padding-top: 0px;
        font: 13px Verdana, Arial, Helvetica, sans-serif;
        color: #646567;
		line-height: 1.4em; 
		text-align: left;		
        }        

#content b {
        font: 13px Verdana, Arial, Helvetica, sans-serif;
        color: #646567;
        text-align:justify;
        font-weight:bold;
        }
        
.image {
        margin-top: 5px;
        margin-left: 10px;
        margin-bottom: 10px;
        border: 1px solid #0086cb;
        }
		
/*********************************************************************************/
/*  Infobar */

#infobar_frame {
		float: left;
		width: 160px;
		height: auto;
	    font: 10px Verdana, Arial, Helvetica, sans-serif;
        color: #646567;
		padding: 19px 13px 20px 13px;
		line-height: 1.4em; 
		
}

#infobar_frame a {
	    font: 10px Verdana, Arial, Helvetica, sans-serif;
		line-height: 1.4em; 
}

#infobar_frame  h1{
		font: 14px Verdana, Arial, Helvetica, sans-serif;
        color: #646567;
        font-weight:bold;
        margin: 0px 0px 11px 0px;
        padding: 0px;
		background: #dedede;
		
}

#infobar_frame  h2{
		font: 10px Verdana, Arial, Helvetica, sans-serif;
        color: #646567;
        font-weight:bold;
        margin: 0px;
        padding: 0px;
		line-height: 1.4em; 
}

#spacer{
	clear:both;
	height:40px;
	width:960px;
}

#footer {
	    clear: both;
		bottom: 0px;
		width: 960px;
		height: 30px;
		vertical-align: bottom;
		position:absolute;
		font: 10px Verdana, Arial, Helvetica, sans-serif;
}

#footer a {
	   font: 10px Verdana, Arial, Helvetica, sans-serif;
	   color: #646567;
	  text-decoration:none; 
}

.footer-left {
                width:191px;
				float:left;
}

.footer-center{
				width:538px;
                float:left;
				padding: 0px 20px 0px 20px;
	
}
.footer-right{
                width:161px;
                float:left;
				padding: 0px 15px 0px 15px;
}
		
		
/*******************************************************************************/
/* 0086cb - dunkelblau; c5c6c8 - hellgrau; 646567 - dunkelgrau; 009ee0 - hellblau

/*********************************** Navigation ********************************/
#navigation_frame{
		background-image:url(img/background_navi.gif);
		background-repeat:repeat-y;
		float: left;
		width: 176px;
		padding: 45px 0px 0px 16px;
}


.navigation {
padding-left: 0px;
line-height: 20px;
color: #000000;
text-align:left;
}

.navigation li {
margin: 0px;	
display: block;
}
.navigation li a {
font-weight: normal;
text-decoration: none;
color: #000000;
padding-left: 5px;
display: block;
border-top: 1px solid #fff;
}

.navigation li a:hover {
color: #000000;
background-color: #c5c6c8;
display: block;
border-top: 1px solid #fff;
}


.navigation li.level0 a {
	font-size: 100%;
  line-height: 25px;
  width: 165px;
}

.navigation li.level0.current a {
	font-size: 100%;
  line-height: 25px;
  width: 165px;
  background-color: #0086cb;
  color: #fff;
  font-weight: bold;
}

.navigation li.level1 a {
  margin-left: 0px;
  padding-left: 20px;
  font-size: 90%;
  line-height: 20px;
  width: 150px;
  background-image:url(img/arrow.gif);
  background-position: 0px 5px;
  background-repeat: no-repeat;
}

.navigation li.level1.current a {
	margin-left: 0px;
	padding-left: 20px;
	font-size: 90%;
  line-height: 20px;
  width: 150px;
  color: #000;
  background-color: #c5c6c8;
}

.navigation li.level2 a {
	font-size: 80%;
}
.navigation li.level3 a {
	font-size: 60%;
}
.navigation li.level4 a {
	font-size: 70%;
}

/*******************************************************************************/


/************************************ Portlets *********************************/
.portlet {
        padding: 0px;
        margin: 0px;
		font-size:1em;
		text-align: left;
		color: #646567;
}
.portlet h1 {
        border: none;
        background: #008ce1;
        color: white;
        padding: 2px 5px 2px 5px;
}

.portlet h2 {
        font-size:1em;
		font-weight: bold;
		margin-bottom: 5px;
		margin-top: 7px;
		padding: 0px;
		color: #646567;
}
.portlet a {
        display: block;
		color: #0086cb;
}
.portlet-content , .portlet-content p{
        padding: 0px;
        margin: 0px;
        margin-left: 0px;
        margin-right: 0px;
		color: #646567;
		font: 10px Verdana, Arial, Helvetica, sans-serif;
		line-height: 1.4em; 
}
#portlet-language-switcher a {
        display: inline;
        text-transform: uppercase;
}

#portlet-search-input {
        border: 1px solid #c5c6c8;
        margin-bottom: 0px;
        margin-left: 0px;
        margin-right: 0px;
        font: 10px Verdana, Arial, Helvetica, sans-serif;
        color: #878889;
        padding:0px;
		text-align: left;
}
/*******************************************************************************/


/******************************** Additional stuff *****************************/

#sitemap li.level0{
    font-size: 10px;
}

#sitemap li.level1{
    font-size: 10px;
    padding-left: 10px;
    list-style:none;
    list-style-image:url(img/arrow.gif);
    list-style-position: inside;

}


.page_counter {
        margin: 0px;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 0px;
        padding-bottom: 0px;
}

.highlighting {
        background: #0086cb;
        color: #fff;
}

.galerie-entry{
float: left;
margin-right: 7px;
padding-bottom: 10px;
}


.mailform_element label{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #646567;
}

.mailform-submit{
font-family: Verdana, Arial, Helvetica, sans-serif;
height: 20px;
}