/* CSS Document */

body {
	background:#FFFFFF;
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	color:#505050;
	font-size:0.9em;
	line-height:1.5;
}

div {
	margin: 0px;
	padding: 0px;
	position:relative;
}

a {
	text-decoration: none;
	color:#CA0001;
}

a:hover, a:focus {
	text-decoration: underline;
	color:#FF0000;
}

a:focus {
}

ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.tiny ul {
	list-style: url(../i/arr_right_dark.png);
	list-style-position: inside;
	padding: 0 0 10px 0;
}
.tiny  ul li{
padding: 0 0 3px 0;
} 

li {
	padding: 0px;
	margin: 0px;
} 


h1, .h1 {
	font-size:2.5em;
	margin:0;
	font-weight:normal;
	line-height:1.3;
	padding:0;
}

h2, .h2 {
	font-size:1.3em;
	margin:0 0 5px 0;
	font-weight:bold;
	line-height:1.3;
}

h3, .h3 {
	font-size:1.3em;
	margin:0 0 5px;
	font-weight:bold;
	line-height:1.3;
}



img {
	border:none;
	float:left;
}

p {
	margin: 0px;
	padding: 0 0 10px 0;
}

.boxpadding {
	padding:10px;
}

.line {
	background:white;
	width:100%;
	float:none;
}

.line img {
	float:none;
}

.left {
	float:left;
}

.right {
	float:right;
}


.kommentar {
	position:absolute;
	left:-1000px;
	top:-1000px;
}

.whiteshade {
	text-shadow:1px 1px 0 #FFFFFF;
}

.black {
	color:black;
}

/* ######################################################## TOP #################################################################### */

#overall {
	width:980px;
	height:200px;
	margin:10px 0 0 8px;
}

.logo {
	float:left;	
	width:243px;
	height:134px;
	background:url(../i/logo.png) 0 0 no-repeat;
}

#top {
	float:left;	
}

#top_top {
	height:30px;
	margin-left:243px;
	width:730px;
	font-size:0.9em;
}

#top_top ul.left li {
	padding:6px 0 0 20px;
	float:left;
}

#top_top ul.left img {
	padding-right:3px;
}

#top_top ul.contrast {
	float:right;
}

#top_top ul.contrast a {
	float:left;
}

#top_top ul li b {
	float:left;
	color:#000;
	padding:5px 5px 0 0;
}

#top_top ul.contrast li a img {
	width:29px;
	height:26px;
	background:url(../i/contrast.gif) 0 0 no-repeat;
}

#top_top ul.contrast li a:hover img, #top_top ul.contrast li a:focus img {
	background:url(../i/contrast.gif) 0 -26px no-repeat;
}

#top_top ul.fontsize {
	margin-left:20px;
	float:right;
}

#top_top ul.fontsize a {
	float:left;
}

#top_top ul.fontsize li {
	float:left;
}

#top_top ul.fontsize li a img {
	width:29px;
	height:26px;
	float:left;
	padding-right:3px;
}

#top_top ul.fontsize li.fontsize1 a img {
	width:29px;
	height:26px;
	background:url(../i/fontsize1.gif) 0 0 no-repeat;
}

#top_top ul.fontsize li.fontsize1 a:hover img, #top_top ul.fontsize li.fontsize1 a:focus img,  #top_top ul.fontsize li.fontsize1 a.active img {
	background:url(../i/fontsize1.gif) 0 -26px no-repeat;
}

#top_top ul.fontsize li.fontsize2 a img {
	width:29px;
	height:26px;
	background:url(../i/fontsize2.gif) 0 0 no-repeat;
}

#top_top ul.fontsize li.fontsize2 a:hover img, #top_top ul.fontsize li.fontsize2 a:focus img,  #top_top ul.fontsize li.fontsize2 a.active img  {
	background:url(../i/fontsize2.gif) 0 -26px no-repeat;
}

#top_top ul.fontsize li.fontsize3 a img {
	width:29px;
	height:26px;
	background:url(../i/fontsize3.gif) 0 0 no-repeat;
}

#top_top ul.fontsize li.fontsize3 a:hover img, #top_top ul.fontsize li.fontsize3 a:focus img, #top_top ul.fontsize li.fontsize3 a.active img  {
	background:url(../i/fontsize3.gif) 0 -26px no-repeat;
}

#top_middle {
	background:#C9E8E6 url(../i/top_middle_bg.png) 0 -6px no-repeat;
	padding-left:13px;
	width:712px;
	height:99px;
	padding-bottom:5px;
}

#top_middle img {
	margin:5px;
	border:3px white solid;
	-moz-border-radius:3px;
}

#top_middle img:hover, #top_middle img:focus {
	border:3px black solid;
}

#top_middle li {
	float:left;
}

#top1 {
	background:url(../i/top1.jpg) 0 0 no-repeat;
}

#top2 {
	background:url(../i/top2.jpg) 0 0 no-repeat;
}

#top3 {
	background:url(../i/top3.jpg) 0 0 no-repeat;
}

#top4 {
	background:url(../i/top4.jpg) 0 0 no-repeat;
}

#top5 {
	background:url(../i/top5.jpg) 0 0 no-repeat;
}

#top6 {
	background:url(../i/top6.jpg) 0 0 no-repeat;
}

#top7 {
	background:url(../i/top7.jpg) 0 0 no-repeat;
}

#top_bottom {
	background:#C9E8E6;
	width:943px;
	margin:0 0 0 24px;
	border-right:solid 1px #CCCCCC;
}

#nav_top {
	background:url(../i/top_grad.png) 0 0 repeat-x;
	margin-left:220px;
	height:35px;
	border:white solid 1px;
	-moz-border-radius-topleft:8px;
	border-bottom:none;
}

#nav_top li {
	float:left;
}

#nav_top li a {
	padding:6px 9px 13px;
	border-right:white solid 1px;
	line-height:2;
	font-weight:bold;
	color:white;
}

#nav_top li a:hover, #nav_top li a:focus {
	text-decoration:none;
	background:url(../i/top_grad_h.gif) 0 0 repeat-x;
}

#nav_top li.first a:hover {
	border-left:white 1px solid;
	border-top:white 1px solid;
	-moz-border-radius-topleft:8px;
	margin-left:-1px;
}

#nav_top li.active {
	background:url(../i/top_grad_h.gif) 0 0 repeat-x;
}

#nav_top li.active a {
	background:url(../i/arr_down.gif) center 29px no-repeat;
}

#nav_top li.first.active {
	border-left:white 1px solid;
	border-top:white 1px solid;
	-moz-border-radius-topleft:8px;
	margin-left:-1px;
	margin-top:-1px;
}

#nav_bot {
	background:#CA0001;
	color:white;
	font-size:0.85em;
	height:25px;
	margin-left:220px;
	border-left:white solid 1px;
	border-right:white solid 1px;
}

#nav_bot li {
	float:left;
	padding:3px 14px;
	border-right:white solid 1px;
}

#nav_bot li a {
	line-height:1.55;
	color:white;
}

#nav_bot li a:hover {
	text-decoration:underline;
}

#nav_bot li.active {
	text-decoration:underline;
	font-weight:bold;
}


/* ################################# SUBNAVI LINKE SPALTE  ############################### */

ul.subnav  li a {
	background: #333;
	color: #fff;
	display: block;
	padding: 4px 6px 4px 6px;
	margin: 0 0 1px 0;
	font-weight: bold;
}

ul.subnav  li a:hover, ul.subnav  li a.active {
	background: #fff url(../i/arr_right_dark.png) 95% center no-repeat;
	color: #333;
	text-decoration: none;
}




/* ######################################################## FOOTER #################################################################### */

#footer {
	width: 920px;
	height:99px;
	background:url(../i/footer_bg.png) 0 0 no-repeat;
	margin-left:15px;
	color:white;
	padding:4px 20px;
	float: left;	
}

#footerlogo {
	background:url(../i/logo_footer.gif) 0 0 no-repeat;
}

#footer span {
	margin:10px 0 0 10px
}

#footer li a {
	color:white;
}

#footer li {
	padding:10px 15px;
}

#footer li img {
	margin:4px 3px 0 0;
}