html, body {
 margin: 0;
 padding: 0;
 height: 100%;
 overflow: hidden;
}

body {
 background-color: #FFF; /*#42564b*/
 background-image: url(../img/main_background_1.jpg);
 background-position: center;
 background-repeat: no-repeat;
 font-size: 11px;
 font-family: verdana, tahoma, arial, sans-serif;
 font-weight: normal;
 color:  #000000;
 line-height: 16px;
 margin: 0;
 padding: 0; 
 text-align: justify;
}


h1 {
 font-size: 15px;
 font-family: arial, sans-serif;
 font-weight: bold;
 color:  #000000;
 line-height: 16px;
 padding: 0;
 margin: 0;
 margin-bottom: 15px;
}

p {
 font-size: 11px;
 font-family: verdana, tahoma, arial, sans-serif;
 font-weight: normal;
 color:  #000000;
 line-height: 16px;
 padding: 0;
 margin: 0;
 margin-bottom: 10px;
 text-align: justify; 
}

p.slogan {
 font-size: 11px;
 font-style: italic; 
 font-weight: bold;
}

.bold {
 font-weight: bold;
}


a {
 font-size: 11px;
 font-family: verdana, tahoma, arial, sans-serif;
 font-weight: normal;
 color:  #000000;
 line-height: 16px;
 text-decoration: underline;
}

a:hover {
 font-size: 11px;
 font-family: verdana, tahoma, arial, sans-serif;
 font-weight: normal;
 color:  #000000;
 line-height: 16px;
 text-decoration: none;
}

a.pdf {
 text-decoration: none;
}

a:hover.pdf {
 text-decoration: underline;
}


input, select, textarea {
 font-size: 11px;
 font-family: verdana, tahoma, arial, sans-serif;
 font-weight: normal;
 color:  #363636;
 border: 1px solid #939393;
}

input, textarea {
 padding: 3px;
}

input.button {
 font-size: 10px;
 font-weight: bold;
 float: right;
 margin-right: 9px;
 background-color: #ebebe4;
 padding-left: 10px;
 padding-right: 10px; 
}

*:first-child+html input.button {
 padding-left: 0px;
 padding-right: 0px; 
}


#overlayer_background {
 position: absolute;
 z-index: 100;
 height: 620px; 
 width: 820px;
 margin: -310px 0px 0px -410px;
 top: 50%; 
 left: 50%; 
 background-image: url(../img/main_bg.gif);
 background-position: center;
 background-repeat: no-repeat;
 /* background-image: url(../img/main_bg_trans.png); */
}

#overlayer_main {
 position: absolute;
 z-index: 100;
 height: 600px; 
 width: 800px;
 margin: -300px 0px 0px -400px;
 top: 50%; 
 left: 50%;
 background-color: #FFFFFF;
 filter:alpha(opacity=90);
 -moz-opacity: 0.90;
 opacity: 0.90;  
}

#overlayer_header {
 position: absolute;
 z-index: 100;
 height: 200px; 
 width: 800px;
 margin: -300px 0px 0px -400px;
 top: 50%; 
 left: 50%;
 background-color: #FFFFFF;
 filter:alpha(opacity=40);
 -moz-opacity: 0.4;
 opacity: 0.4;  
}

#main_container { 	
 position: absolute;
 z-index: 100;
 height: 600px; 
 width: 800px;
 margin: -300px 0px 0px -400px;
 top: 50%; 
 left: 50%;
 text-align: left;
 padding: 0px;
 overflow: hidden;
 background-color: transpartent; 
/*
 background-color: #FFFFFF;
 background-image: url(../img/container_background.jpg);
 background-position: center;
 background-repeat: no-repeat; 
*/ 
}


#main_container #logo {
 position: absolute;
 right: 41px;
 top: 33px;
}

#main_container #main_menu {
 position: absolute;
 top: 21px;
 left: 0px;
}

#main_container #main_menu ul {
 margin: 0;
 padding: 0;
}

#main_container #main_menu ul li {
 margin: 0;
 margin-bottom: 4px;
 padding: 0;
 list-style: none;
}

#main_menu a {
 display: block;
 height: 14px;
 width: 137px;
 margin: 0;
 padding: 0;
 padding-left: 22px;
 background: transparent;
 background-position: top left;
 background-repeat: no-repeat;
}

#main_menu a:hover {
 background-image: url(../img/menu_background_hover.gif);
}

#main_menu a.aktiv {
 background-image: url(../img/menu_background_aktiv.gif);
}

#main_menu a:hover.aktiv {
 background-image: url(../img/menu_background_aktiv.gif);
}

#main_picture {
 position: absolute;
 top: 200px;
 left: 0px;
 width: 200px;
 background-image: url(../img/main_picture_bg.gif);
 background-position: top left;
 background-repeat: no-repeat;
}


#main_slogan {
 position: absolute;
 top: 200px;
 left: 200px;
 width: 575px;
 height: 37px;
 padding-top: 13px;
 padding-left: 25px; 
 background-image: url(../img/slogan_bg.gif);
 background-position: top left;
 background-repeat: no-repeat;
 /* 
 background-image: url(../img/slogan_bg_trans.png); 
 background-repeat: repeat-x; 
 */
}






#main_content {
 position: absolute;
 right: 0px;
 bottom: 0px;
 padding: 25px; 
 height: 300px;
 width: 550px;
 overflow: hidden;
}

#main_content_full {
 position: absolute;
 right: 0px;
 bottom: 0px;
 padding: 25px;  
 padding-right: 0px;
 height: 300px;
 width: 775px;
 overflow: hidden;
}

#main_content_site_menu {
 position: absolute;
 right: 200px;
 bottom: 0px;
 padding: 25px;  
 height: 300px;
 width: 350px;
 overflow: hidden;
}







/* list */
ul.list {
 margin: 0;
 margin-left: 10px;
 margin-bottom: 10px;
 padding: 0;
 list-style: square;
}

ul.list li {
 margin: 0;
 margin-left: 5px; 
 padding: 0;
}

/* under list */
ul.list li ul {
 margin: 0;
 margin-left: 10px;
 margin-bottom: 5px;
 padding: 0;
}

ul.list li  ul li {
 margin: 0;
 padding: 0;
}


p.toggler {
 margin-bottom: 5px;
 font-weight: bold;
 cursor: pointer;
 text-decoration: none; 
}

p:hover.toggler {
 margin-bottom: 5px;
 font-weight: bold;
 cursor: pointer;
 text-decoration: underline; 
}



/* --- under menu --- */

#site_menu {
 position: absolute;
 right: 0px;
 top: 250px; 
 width: 200px;
 height: 300px;
 margin-top: 22px;
 overflow: hidden;
}

/* slider site menu */

#site_menu.slider_main_container {
 overflow: hidden; 
 border: 0px solid black;
}

#site_menu .slider_content {
 width: 200px;
 height: 300px;
/* float: left; */
}

#site_menu .slider_container {
 width: 200px; 
 overflow: hidden;
}

/* slider site menu */





#slider_full {
 height: 320px;
 width: 550px;
 overflow: hidden;
}

/* slider full */

#slider_full.slider_main_container {
 overflow: hidden; 
 border: 0px solid black;
}

#slider_full .slider_content {
 width: 550px;
 height: 320px;
 margin-right: 25px;
 margin-bottom: 5px; 
 float: left;
}

#slider_full .slider_container {
 width: 8000px; 
 overflow: hidden;
}

/* slider full */






#slider_site_menu {
 height: 300px;
 width: 350px;
 overflow: hidden;
}

/* slider main */

#slider_site_menu.slider_main_container {
 overflow: hidden; 
 border: 0px solid black;
}

#slider_site_menu .slider_content {
 width: 350px;
 height: 300px;
 float: left;
 margin-right: 25px;
}

#slider_site_menu .slider_container {
 width: 10000px; 
 overflow: hidden;
}

/* slider main */





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

#site_menu ul li {
 list-style: none;
 margin: 0;
 padding: 0;
 margin-bottom: 2px;
}

#site_menu ul li a {
 display: block;
 width: 189px;
 padding: 3px;
 padding-left: 8px;
 font-family: verdana;
 font-weight: normal;
 font-size: 11px;
 color: #000000;
 text-decoration: none;
}

#site_menu ul li a:hover {
 text-decoration: none;
 background-color: #e1e1e1;
}

#site_menu a.on, #site_menu a.on:hover {
 background-color: #e1e1e1;
 text-decoration: none;
}

/* --- under menu --- */










/* --- galery setting --- */

.galery img {
 border: 1px solid #000;
 cursor: auto;
}

.galery_tmb img {
 border: 1px solid #000;
 cursor: pointer;
 float: left;
 margin-bottom: 5px;
 margin-right: 5px;
 filter:alpha(opacity=50);
 -moz-opacity: 0.5;
 opacity: 0.5;
   
}

.galery_tmb img:hover, .galery_tmb img.on {
 border: 1px solid #000;
 filter:alpha(opacity=100);
 -moz-opacity: 1.0;
 opacity: 1.0;
}

/* --- galery setting --- */

#footer_nav {
 position: absolute;
 z-index: 101;
 width: 800px;
 margin: -300px 0px 0px -400px;
 top: 50%; 
 left: 50%;
 text-align: center;
 padding: 0px;
 overflow: hidden;
 background-color: transpartent; 
 margin-top: 300px;
 color: #ccc;
}

#footer_nav a:link {
	font-family: verdana;
	font-weight: normal;
	font-size: 11px;
	color: #ccc;
	text-decoration: none;
}

#footer_nav a:hover, #footer_nav a:visited,  #footer_nav a:active,  #footer_nav a:focus {
	text-decoration: none;
 	color: #ccc;
}