@charset "UTF-8";

body, html {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow:hidden;
    background-color: #FFF;
}
img { border: none; }
:-moz-any-link:focus{outline:none}

p {
	margin-top: 0;
}

#logo {
    position: absolute;
    right: 28px;
    top: 55px;
    width: 151px;
    height: 242px;
}
#menu {
    position: absolute;
    overflow: hidden;
    left: 0;
    top: 0;
    width: 100%;
    min-width: 1004px;
    height: 29px;
    background-color: #44535a;
    z-index: 1000;
}
#submenu {
    position: absolute;
    overflow: hidden;
    left: 148px;
    top: 28px;
    width: 104px;
    height: 105px;
    background-color: #3F4240;
    display: none;
}

#menuButton {
    display: none;
}
#menu ul, #submenu ul{
    margin: 7px 0 0 21px;
    padding: 0;
    list-style: none;
    line-height: 1;
}
#menu ul li, #submenu ul li {
    margin: 0;
    padding: 0 0 2px 0 ;
    float: left;
}
#menu a, #submenu a {
    color: #FFF;
    text-decoration: none;
    font: normal 13px/13px Arial, Verdana, Sans-Serif;
    padding-left: 16px;
    margin-right: 44px;
    background: url('/fileadmin/template/img/menu_icon.png') no-repeat top left;
    background-position: 0 -27px;
}
#menu a:hover, #menu a.active{
    color: #a4c400;
    background-position: 0 3px;
}

/* LANGUAGE MENU: */

#menu ul#languageMenu {
	position: absolute;
	top: 0;
	right: 28px;
	 margin: 7px 0 0 0;
}

#menu ul#languageMenu a {
    color: #7a8489;
    text-decoration: none;
    font: normal 13px/13px Arial, Verdana, Sans-Serif;
    padding-left: 16px;
    margin-right: 0px;
    background: none;
}
#menu ul#languageMenu a.active{
 	 color: #FFF;
}

#submenu1 {
    position: absolute;
    left: 21px;
    bottom: 9px;
}
#submenu1 ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
#submenu1 ul li {
    margin: 0;
    padding: 0;
    height: 13px;
}
#submenu1 a {
    color: #FFF;
    text-decoration: none;
    font: normal 11px/11px Arial, Verdana, Sans-Serif;
}
#submenu1 a:hover, #submenu1 a.active {
    color: #a4c400;
}

#submenu2 {
    position: absolute;
    right: 21px;
    bottom: 14px;
    width: 100px;
    text-align: right;
}
#submenu2 ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
#submenu2 ul li {
    margin: 0;
    padding: 0;
    height: 13px;
}
#submenu2 a {
    color: #FFF;
    text-decoration: none;
    font: normal 11px/11px Arial, Verdana, Sans-Serif;
}
#submenu2 a:hover, #submenu2 a.active {
    color: #a4c400;
}

#flash {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow:hidden;
    z-index: 0;
}


#button {
    position: absolute;
    left: 50%;
    margin-left: -87px;
    bottom: 282px;
    width: 174px;
    height: 16px;
    overflow: hidden;
    text-align: center;
    padding: 3px 0 0 0;
    background-image: url(/fileadmin/template/img/middle_btn_down.png);
    font: bold 11px/11px Arial, Verdana, sans-serif;
    color: #fff;
    cursor: pointer;
	z-index: 1004;
}
#button:hover {
    background-image: url(/fileadmin/template/img/middle_btn_down_over.png);
}
#button.down {
	background-image: url(/fileadmin/template/img/middle_btn_up.png);
}
#button.down:hover {
	background-image: url(/fileadmin/template/img/middle_btn_up_over.png);
}

#bg {
    position: absolute;
	background-color: #44535A;
    width: 100%;
    height: 233px;
    bottom: 49px;
    overflow: hidden;
    z-index: 1001;
}

#main {
    position: absolute;
    left: 50%;
    margin-left: -508px;
    width: 1016px;
    height: 233px;
    overflow: hidden;
}

#content {
    position: absolute;
    left: 30px;
    top: 0;
    width: 960px;
    height: 233px;
    overflow: hidden;
}


#content .box_container {
    position: relative;
    float: left;
}

#content .box {
    position: relative;
    width: 175px;
    height: 190px;
    margin: 23px 20px 0 0;
    background-color: #fff;
    cursor: pointer;
}
#content .selected {
    cursor: auto;
}

#content .box .headline {
    font: bold 10px/10px Arial, Verdana, sans-serif;
    color: #fff;
    text-transform: uppercase;
    background-color: #353e44;
    padding: 3px 0 3px 9px;
}
#content .selected .headline {
    background-color: #7ccc00;
	color: #353e44;
}

#content .box .picture {
    position: absolute;
    left: 0px;
    top: 16px;
    width: 175px;
    height: 75px;
    background-color: #F1F1F1;
	overflow: hidden;
}
#content .box .text {
    position: absolute;
    left: 8px;
    top: 104px;
    font: normal 10px/14px Arial, Verdana, sans-serif;
    color: #3f4240;
}
#content .box .text p {
    margin: 0;
}
#content .box .morelink {
    position: absolute;
    left: 8px;
    bottom: 8px;
    font: bold 10px/10px Arial, Verdana, sans-serif;
    color: #3f4240;
    text-transform: uppercase;
    cursor: pointer;
    display: none;
}
/*
#content .selected .morelink {
    display: block;
}
*/

#content .extended_text {
    display: none;
    position: absolute;
    left: 195px;
    top: 0px;
    width: 360px;
    height: 190px;
    margin-top: 40px;
}
#content .extended_text p {
    margin: 0;
    font: normal 12px/16px Arial, Verdana, sans-serif;
    color: #fff;
}
#content .extended_text a {
	font: bold 12px/16px Arial, Verdana, sans-serif;
    text-decoration: none;
    color: #fff;
}
#content .extended_text a:hover {
	color: #7CCC00;
}

#content .box .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    /*
    background-color: red;
    z-index: 1000;
    */
}

#prev_btn {
    position: absolute;
    left: 0;
    top: 23px;
    width: 16px;
    height: 190px;
    background-image: url(/fileadmin/template/img/zurueck.png);
    cursor: pointer;
}
#prev_btn:hover {
	background-position: -32px 0;
}
#prev_btn:active {
	background-position: -16px 0;
}
#next_btn {
    position: absolute;
    right: 0;
    top: 23px;
    width: 16px;
    height: 190px;
    background-image: url(/fileadmin/template/img/vor.png);
    cursor: pointer;
}
#next_btn:hover {
	background-position: -32px 0;
}
#next_btn:active {
	background-position: -16px 0;
}


/* OHNE FLASH: */

#footer {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    /*
    background-image: url(/fileadmin/template/img/content_bg.png);
    background-repeat: repeat-x repeat-y;
    */
    overflow: hidden;
}

#content_1_noflash {
    position: absolute;
    left: 0px;
    top: 40px;
    font: normal 12px/16px Arial, Verdana, sans-serif;
    color: #fff;
    width: 300px;
    left: 50%;
    margin-left: -350px;
}
#content_1_noflash h1, #content_2_noflash h1 {
    font: bold 14px/16px Arial, Verdana, sans-serif;
    color: #fff;
    margin: 0;
    padding: 0;
}
#content_1_noflash a, #content_2_noflash a {
    font: bold 12px/16px Arial, Verdana, sans-serif;
    text-decoration: none;
    color: #fff;
}
#content_1_noflash a:hover, #content_2_noflash a:hover {
    color: #7CCC00;
}

#content_2_noflash {
    position: absolute;
    left: 0px;
    top: 40px;
    font: normal 12px/16px Arial, Verdana, sans-serif;
    color: #fff;
    width: 300px;
    left: 50%;
    margin-left: 50px;
}

#shadow {
    position: absolute;
    bottom: 49px;
    z-index: 1010;
    width: 100%;
    height: 3px;
    background-image: url(/fileadmin/template/img/shadow.png);
    line-height: 1px;
    font-size: 1px;
}
* html #shadow {
    background-image: none;
    background-color: #44535A;
}


/* TEXTSLIDER: */



#mainTextSlider {
    position: absolute;
    left: 50%;
    margin-left: -360px;
    width: 720px;
    height: 233px;
    overflow: hidden;
}

#contentTextSlider {
    position: absolute;
    left: 20px;
    top: 0;
    width: 680px;
    height: 233px;
    overflow: hidden;
}


#contentTextSlider .textSliderContainer {
    position: relative;
    float: left;
    width: 300px;
    height: 190px;
    margin: 23px 20px 0 20px;
    overflow: hidden;
    font: normal 12px/16px Arial, Verdana, sans-serif;
    color: #fff;
}
#contentTextSlider .textSliderContainer img{
    behavior: url(/fileadmin/template/js/iepngfix.htc);
}
#contentTextSlider a {
    color: #7CCC00;
    text-decoration: none;
}
#contentTextSlider a:hover {
    text-decoration: underline;
}


#prev_btnTextSlider {
    position: absolute;
    left: 0;
    top: 23px;
    width: 16px;
    height: 190px;
    background-image: url(/fileadmin/template/img/zurueck.png);
    cursor: pointer;
}
#prev_btnTextSlider:hover {
	background-position: -32px 0;
}
#prev_btnTextSlider:active {
	background-position: -16px 0;
}
#next_btnTextSlider {
    position: absolute;
    right: 0;
    top: 23px;
    width: 16px;
    height: 190px;
    background-image: url(/fileadmin/template/img/vor.png);
    cursor: pointer;
}
#next_btnTextSlider:hover {
	background-position: -32px 0;
}
#next_btnTextSlider:active {
	background-position: -16px 0;
}
