@charset "utf-8";
a:focus {
	outline: none;
}
body  {
	font: 100% Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
    text-align: center;
    color: #000000;
    background-color: #FFFFFF;
	background-image: url('../images/background.jpg'); 
	background-repeat: repeat-x;
}
/* ##################################################### Container ######################################### */   
.herotron #container { 
	width: 980px;
	height: auto;
    margin: 0 0 0 0;
    text-align: left;
    padding: 0;
} 

/* ##################################################### Header ############################################ */
.herotron #header {
	width: 980px;
	height: 398px;
    padding: 0;
    margin: 0;
}

.herotron #header #logohead{
	width: 960px;
	height: 145px;
	background-image: url('../images/header.jpg'); 
    padding: 5px 0 0 0;
    margin: 0;
}

.herotron #header #logohead h1{
    padding: 0;
    margin: 0 0 0 55px;
    font-size: 18px;
    font-weight: normal;
    float: left;
}

.herotron #header #logohead span{
    padding: 0;
    margin: 0;
    color: #0080c7;
}

.herotron #header #logohead ul{
	float: right;
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.herotron #header #logohead ul li{
    padding: 0;
    margin: 0;
    display: inline;
    color: #AAAAAA;
}

.herotron #header #logohead ul li a{
    padding: 0;
    margin: 0;
    text-decoration: none;
    color: #666666;
    font-size: 11px;
}

.herotron #header #languages{
	float: right;
    padding: 0;
    margin: 5px 0 0 5px;
    text-decoration: none;
    color: #666666;
    font-size: 11px;
}

.herotron #header #languages img{
	float: left;
    padding: 0;
    margin: 0 0 0 10px;
    border:none;
}

.herotron #header #mainnavi{
	width: 980px;
	height: 30px;
    padding: 10px 0 0 0;
    margin: 0;
}

.herotron #header #mainnavi ul{
	width: 980px;
    padding: 0;
    margin: 0 0 0 0;
}

.herotron #header #mainnavi ul li{
    padding: 0 19px 0 19px;
    margin: 0;
    display: inline;
    border-left: 1px solid #295691;
}

.herotron #header #mainnavi ul li a{
    padding: 0;
    margin: 0;
    text-decoration: none;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 12px;
    text-transform: uppercase;
}

.herotron #header #mainnavi ul li a:hover{
    color: #ffc000;
}

.herotron #header #headpic{
	width: 960px;
	height: 176px;
	background-image: url('../images/headpic.jpg');
	background-repeat: no-repeat;
    padding: 0;
    margin: 0;
}

.herotron #header #headbread{
	width: 932px;
	height: 23px;
    padding: 9px 0 0 28px;
    margin: 0;
    background-color: #013c8a;
}

.herotron #header #headbread p{
	color: #FFFFFF;
	margin: 0;
	padding: 0;
	font-size: 10px;
}


/* ##################################################### Contentainer ###################################### */
.herotron #contentainer {
	width: 960px;
	min-height: 500px;
  	height:auto !important;
	height:500px;
	overflow: auto;
	margin: 0 0 0 0;
    padding: 0 0 0 0;
    background-image: url('../images/contentainer.jpg');
} 


/* ##################################################### Sidebar ########################################### */
.herotron #sidebar {
	float: left;
    width: 290px;
    margin: 0;
    padding: 0;
    overflow: auto;
}

.herotron #sidebar #sidenavi {
    width: 290px;
    margin: 0 0 10px 0;
    padding: 0;
    overflow: hidden;
}

.herotron #sidebar #sidenavi ul {
    width: 290px;
    list-style-type:none;
    margin: 0 0 20px 0;
    padding: 0;
    overflow: hidden;
}

.herotron #sidebar #sidenavi ul li{
	display: block;
    width: 263px;
    height: 32px;
    margin: 0;
    padding: 0;
    background-color: #0068c1;
    border-top: 1px solid #FFFFFF;
    border-left: 27px solid #014c8f;
    overflow: hidden;
}

.herotron #sidebar #sidenavi ul li a{
	display: block;
	width: 248px;
    height: 24px;
    margin: 0;
    padding: 8px 0 0 15px;
    text-decoration: none;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 13px;
    overflow: hidden;
}

.herotron #sidebar #sidenavi ul li a:hover{
    background-color: #014c8f;
}

.herotron #sidebar #sidenavi ul li#current{
	display: block;
    width: 263px;
    height: 32px;
    margin: 0;
    padding: 0 0 0 0;
    background-color: #013c8a;
    border-top: 1px solid #FFFFFF;
    border-left: 27px solid #002f6d;
    background-image: url('../images/sidenavili.jpg');
    background-repeat: no-repeat;
    background-position: 15px;
    overflow: hidden;
}

.herotron #sidebar #sidenavi ul li#current a{
	display: block;
	width: 213px;
    height: 24px;
    margin: 0;
    padding: 8px 0 0 30px;
    text-decoration: none;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 13px;
    overflow: hidden;
}

.herotron #sidebar #sidenavi ul li#current a:hover{
    background-color: #013c8a;
    background-image: url('../images/sidenavili.jpg');
    background-repeat: no-repeat;
    background-position: 15px;
}

.herotron #sidebar #logosnews{
	width: 290px;
}

.herotron #sidebar #logosnews img{    
    margin: 0 0 10px 0;
    float: left;
}

.herotron #sidebar #logosnews p{
    font-size: 12px;
    width: 260px;
    margin: 0 0 0 15px;
    padding: 0 0 0 0;
    color: #666666;
}

.herotron #sidebar #logosnews .logosnewselement{
    display: block;
    height: auto;
    margin: 0 0 45px 0;
}


/* ##################################################### MainContent ########################################### */
.herotron #maincontent {
	float: right;
    width: 670px;
    height: auto;
    overflow: auto;
    margin: 0 0 0 0;
    padding: 27px 0 25px 0;
    background-image: url('../images/contentbg.jpg');
    background-repeat: no-repeat;
}

.herotron #maincontent h2 {
    margin: 0 0 25px 255px;
    padding: 0;
    font-size: 21px;
    font-weight: bold;
    color: #0080c7;
}

.herotron #maincontent h1 {
    margin: 0 0 25px 255px;
    padding: 0;
    font-size: 24px;
    font-weight: bold;
    color: #0080c7;
}

.herotron #maincontent p {
    margin: 0 0 20px 255px;
    padding: 0;
    color: #666666;
    font-size: 11px;
    line-height: 20px;
}

.herotron #maincontent p strong {
	text-transform: uppercase;
}

.herotron #maincontent a {
    font-weight:bold;
    color: #0080c7;
    text-decoration:none;
}

.herotron #maincontent img {
	float: left;
    margin: 0 20px 25px 15px;
    padding: 0;
    width: auto;
    height: auto;
    color: #666666;
    font-size: 11px;
    line-height: 20px;
    border: 2px solid #03a4ea;
}

.herotron #maincontent p img {
	float:none;
    margin: 5px 0 10px 0;
    padding: 0;
    width: auto;
    height: auto;
    color: #666666;
    font-size: 11px;
    line-height: 20px;
    border: 2px solid #03a4ea;
}

.herotron #maincontent #bildinfo {
	float:left;
	width: 178px;
    height: 33px;
    margin: 0 0 0 30px;
    padding: 12px 22px 27px 10px;
    background-image: url('../images/bildinfo.jpg');
    background-repeat: no-repeat;
    font-size: 12px;
    font-style: italic;
    font-weight: bold;
    line-height: 17px;
    color: #666666;
    overflow: hidden;
}

.herotron #maincontent ul {
	margin:0 0 25px 270px;
	padding:0 0 0 0;
	font-size: 11px;
	font-weight:bold;
    line-height: 20px;
    color: #666666;
}

.herotron #maincontent ul li {
	margin:0 0 0 0;
	padding:0 0 0 0;
	list-style-image: url('../images/liste.jpg');
}

.herotron #maincontent ul li a{
	margin:0 0 0 0;
	padding:0 0 0 0;
}

.herotron #maincontent #einzug{
	margin:0 0 0 25px;
	padding:0 0 0 0;
}

.herotron #maincontent span.displaynone{
	display:none;
}

.herotron #maincontent div#downloadcontainer{
	width: 410px;
	margin: 0 0 0 257px;
}

.herotron #maincontent div#downloadbox{
	float:left;
	width: 90%;
	padding: 5px;
	margin: 0 0 5px 0;
}

.herotron #maincontent div#downloadbox img{
	border: none;
	margin:0 10px 0 0;
	padding:0;
	float:left;
}

.herotron #maincontent div#downloadbox h2{
	font-size:12px;
	margin: 0;
	padding:0;
	width: 270px;
	float:left;
	overflow: hidden;
}

.herotron #maincontent div#downloadbox p{
	font-size:12px;
	margin:0;
	padding:0;
	width: 270px;
	float:left;
	overflow: hidden;
}

.herotron #maincontent div#downloadbox a{
	margin:0;
	padding:0;

}

.herotron #maincontent div#downloadbox a img#downloadicon{
	border: none;
	float: right;
	margin:0;
	padding:0;
	width: 40px;
	height: 35px;
	position:relative;
	top: -15px;
}

.herotron #maincontent div#downloadreg {
	margin:0 0 0 257px;
	padding:0;
}

.herotron #maincontent div#downloadreg p{
	margin:0;
	padding:0;
}

.herotron #maincontent div#downloadreg label{
	float:left;
	width: 70px;
	margin:0;
	padding:0;
	font-size:12px;
	font-weight: bold;
}

.herotron #maincontent div#downloadreg input{
	margin: 0 0 5px 0;
	border: 1px solid #cccccc;
	width: 300px;
}

.herotron #maincontent div#downloadreg input.button{
	margin: 0 0 5px 0;
	border: 1px solid #cccccc;
	width: auto;
}

/* ##################################################### Verschiedenes ##################################### */
.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}