@charset "ISO-8859-1";

html, body {
	position:relative;
	width:100%;
	height:100%;
	
	margin:0px;
	font-family:Arial;
	color:#666;
	font-size:10pt;
	
	background-image:url("images/background.gif");
	background-position:top left;
	background-repeat:repeat-x;
	background-color:#b2e2f6;
}

a, a:visited, a:active {
	color:#009ee0;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

.png {}

img {
	border:0px solid #000;
}

div#main {
	width:902px;;
	
	margin:0px auto;
	
}

	#header {
		height:178px;
		background-position:bottom left;
		background-repeat: no-repeat;
		position:relative;
	}
	
		#logo {
			position:absolute;
			right:0px;
			bottom:0px;
		}
	
		#language {
			float:right;
			width:180px;
			height:24px;
			background:url("images/language_bg.gif") top left no-repeat;
			text-align:center;
			color:#999;
			font-size:8pt;
			padding-top:5px;
		}
		
			#language img {
				border:none;
				margin:0px 2px;
			}

	#topnavi {
		float:left;
		list-style-type:none;
		width:100%;
		padding:0px;
		margin:0px;
	}
		
		#topnavi li {
			float:left;
			text-align:center;
			line-height:42px;
			padding:0px;
			margin:0px;
			
			font-size:11pt;
			
			/*background:url("images/topnavi_border.gif") 0px 0px no-repeat;*/
		}
		
			#topnavi li a {
				display:block;
				line-height:42px;
				padding:0px;
				margin:0px;
				color:#fff;
				text-decoration:none;
				
				border-left:1px solid #a5a6a6;
				background:url("images/topnavi_bg.gif") top left repeat-x;
			}
			
				#topnavi li.left a span {
					display:block;
					line-height:42px;
					padding:0px;
					margin:0px;
					background:url("images/topnavi_left.gif") top left no-repeat;
				}
				
				#topnavi li.right a span {
					display:block;
					line-height:42px;
					padding:0px;
					margin:0px;
					background:url("images/topnavi_right.gif") top right no-repeat;
				}
			
			#topnavi li a:hover, #topnavi li a.active {
				background:url("images/topnavi_bg_active.gif") top left repeat-x;
				border-left:1px solid #63a9c7;
				
			}
			
				#topnavi li.left a:hover span, #topnavi li.left a.active span {
					display:block;
					line-height:42px;
					padding:0px;
					margin:0px;
					background:url("images/topnavi_left_akt.gif") top left no-repeat;
				}
				
				#topnavi li.right a:hover span, #topnavi li.right a.active span {
					display:block;
					line-height:42px;
					padding:0px;
					margin:0px;
					background:url("images/topnavi_right_akt.gif") top right no-repeat;
				}
			
		#topnavi li.left {
			background:url("images/topnavi_left.gif") top left no-repeat;
		}
		
			#topnavi li.left a {
				border:none;
			}
		
		#topnavi li.right {
			background:url("images/topnavi_right.gif") top right no-repeat;
		}
		
	#contentwrap {
		clear:both;
		padding:20px 0px 0px 0px;
	}
	
		#leftcol {
			float:left;
			width:180px;
			padding:20px 0px 0px 0px;
		}
		
			#subnavi {
				background-color:#009ee0;
				color:#fff;
				margin:0px 0px 20px 0px;
				width:180px;
				font-size:9pt;
			}
			
				#subnavi ul {
					padding:15px 12px;
					margin:0px;
					list-style-type:none;
				}
				
					#subnavi ul li {
						border-bottom:1px solid #3eb6e8;
						padding:5px 5px;
						width:146px;
					}
					
						#subnavi ul li a {
							color:#fff;
							text-decoration:none;
						}
						
						#subnavi ul li a:hover, #subnavi ul li.active a {
							display:block;
							padding:0px 0px 0px 15px;
							width:131px;
							background:url("images/subnavi_bullet.gif") left top no-repeat;
							font-weight:bold;
							overflow:hidden;
						}
						
			#download {
				background-color:#fff;
				margin:0px 0px 20px 0px;
				padding:0px;
				width:180px;
				font-size:9pt;
			}
			
				#download .text {
					margin:0px;
					padding:15px 12px 0px 12px;
					width:156px;
					font-weight:bold;
				}
				
					#download .text h1 {
						font-size:11pt;
						margin:0px 0px 6px 0px;
						color:#009ee0;
					}
					
					#download .text a {
						margin:0px;
						padding:0px;
					}
					
					#download .text img {
						margin:10px 0px -3px 0px;
					}
					
			#kontakt {
				margin:0px 0px 20px 0px;
				background-color:#fff;
				font-size:9pt;
			}
			
				#kontakt .text {
					padding:15px 12px;
					font-weight:bold;
					width:156px;
				}
				
					#kontakt .text h1 {
						font-size:11pt;
						margin:0px 0px 6px 0px;
						color:#009ee0;
					}
					
					#kontakt .text p {
						margin:10px 0px 0px 0px;
					}
		
		#rightcol {
			float:right;
			width:180px;
			padding:20px 0px 0px 0px;
			position:relative;
			top:20px;
			border:0px solid #000;
		}
		
			#scrollcontent {
				position:absolute;
			}
			
			.imagegallery {
				margin:0px 0px 20px 0px;
			}
			
			.imagegallery .roundcorners {
				width:180px;
				height:180px;
				overflow:hidden;
			}
			
				.imagegallery a {
					position:relative;
					display:block;
					width:100%;
					height:100%;
				}
			
				.imagegallery img {
					position:absolute;
					bottom:13px;
					right:13px;
				}
		
		#content {
			float:left;
			background-color:#fff;
			width:500px;
			margin:0px 20px;
		}
		
			#content .text {
				padding:20px;
				width:455px;
			}
		
			#content h1 {
				color:#009ee0;
				font-size:14pt;
				font-weight:normal;
			}
			
			#content h2 {
				color:#009ee0;
				font-size:11pt;
				font-weight:bold;
			}
			
			#content h3 {
				font-size:10pt;
				font-weight:bold;
			}
		
		
		
		
		.roundcorners {
			background-image:url("images/corner_tl.png") !important;
			background-image:none;
			background-position: left top;
			background-repeat: no-repeat;
			margin:0px;
			padding:0px;
			z-index:2;
		}
		
			.roundcorners div {
				background-image:url("images/corner_tr.png") !important;
				background-image:none;
				background-position: right top;
				background-repeat: no-repeat;
				height:100%;
				width:100%;
				margin:0px;
				padding:0px;
				z-index:3;
			}
			
				.roundcorners div div {
					background-image:url("images/corner_br.png") !important;
					background-image:none;
					background-position: right bottom;
					background-repeat: no-repeat;
					height:100%;
					width:100%;
					margin:0px;
					padding:0px;
					z-index:4;
				}
				
					.roundcorners div div div {
						background-image:url("images/corner_bl.png") !important;
						background-image:none;
						background-position: left bottom;
						background-repeat: no-repeat;
						height:100%;
						width:100%;
						margin:0px;
						padding:0px;
						z-index:5;
					}
					
	#footer {
		clear:both;
		text-align:center;
		font-size:9pt;
		color:#999;
		padding:25px 0px;
	}
	
		#footer a {
			color:#999;
			text-decoration:none;
		}
		
		#footer a:hover {
			text-decoration:underline;
		}

table#kontakt_formular {
	width:400px;
}

table#kontakt_formular td.label {
	width:130px;
	padding-right:10px;
	vertical-align:top;
	text-align:right;
}

table#kontakt_formular td.input {
	width:270px;
	padding-left:10px;
	padding-bottom:10px;
	vertical-align:top;
}

table#kontakt_formular td.input input {
	width:200px;
}

.newsitem {
	padding:0px;
	margin:0px;
}

.newsitem p {
	padding:0px;
	margin:0px;
}
