* {
	margin: 0; padding: 0;
}
body {
	margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #171411;
	background-image: url(../images/bg.jpg); background-repeat: repeat-x; background-color: #C2D5E6;
}
.clear {
	height: 1px; overflow: hidden; clear: both;
}
h1 {
	font-size: 20px; margin: 0 0 12px 0; padding: 0; color: #414F66;
}
h2 {
	font-size: 13px; margin: 0; padding: 0 0 5px 0; color: #414F66;
}
h4 {
	font-size: 11px; margin: 0 0 12px 0; padding: 0 0 5px 0; color: #414F66; border-bottom: 3px solid #414F66; 
}
p {
	font-size: #171411; font-size: 12px; padding: 0 0 12px 0; line-height: 140%;
}
#wrap {
	width: 800px; margin: 0 auto; background-color: #FEFEFE; position: relative;
}
	#wrap div.inner {
		width: 760px; margin: 0 0 0 20px; 
	}
		#wrap div.logo {
			position: absolute; top: 3px; left: 40px; width: 220px; height: 90px; overflow: hidden; display: block; z-index: 99;
		}
			
	#wrap div.top-line {
		height: 3px; overflow: hidden; background-color: #414F66;
	}
#location {
	width: 400px; height: 315px; margin: 0 0 12px 10px; float: right; 
	border: 1px solid #414F66;
}
	#top-navi {
		float: right; margin: 25px 0 15px 0;
	}
		#top-navi ul {
			list-style-type: none;
		}
			#top-navi ul li {
				float: left; margin: 0 0 0 5px; width: 80px;
			}
			#top-navi ul li.lang {width: 30px;}
				#top-navi ul li a {
					display: block; font-size: 11px; font-weight: bold; line-height: 18px; padding: 0 8px 0 8px; text-decoration: none;
					color: #414F66; text-align: center;
				}
					#top-navi ul li a:hover {
						color: #FEFEFE; background-color: #414F66;
					}
				#top-navi ul li a.on {
					display: block; font-size: 11px; font-weight: bold; line-height: 18px; padding: 0 8px 0 8px; text-decoration: none;
					color: #FEFEFE; background-color: #414F66;
				}
					#top-navi ul li a.en {
						width: 22px; height: 10px; overflow: hidden; text-indent: -1000em; margin: 4px 0 0 0; 
						background-image: url(../images/en_flag.gif); background-repeat: no-repeat; display: block;
					}
						#top-navi ul li a.en:hover {background-color: #FFFFFF;}
					#top-navi ul li a.cro {
						width: 22px; height: 10px; overflow: hidden; text-indent: -1000em; margin: 4px 0 0 0;
						background-image: url(../images/hr_flag.gif); background-repeat: no-repeat; display: block;
					}
						#top-navi ul li a.cro:hover {background-color: #FFFFFF;}
	#intro-image {
		width: 760px; overflow: hidden; margin: 0 0 15px 0;
	}
	
	#column-left {
		width: 240px; float: left; display: inline; margin: 5px 20px 5px 0;
	}
		#column-left span.date {
			font-size: 11px; color: #666; display: block; margin: 0 0 3px 0;
		}
			#column-left a.more {
				color: #414F66; text-decoration: none; background-image: url(../images/arrow_more.gif); background-repeat: no-repeat;
				background-position: 0 5px; padding: 0 0 0 12px; font-size: 12px; 
			}
				#column-left a.more:hover {
					text-decoration: underline; color: #666;
				}
	
	#column-left ul {
			color: #414F66; margin: 0; font-size: 12px; list-style-type: none; 
		}
			#column-left ul li {
				padding: 0 0 3px 0;
			}
				#column-left ul li a {
					color: #414F66; text-decoration: none; background-image: url(../images/arrow_more.gif); background-repeat: no-repeat;
					padding: 0 0 0 12px; background-position: 0 5px;		
				}
					#column-left ul li a:hover {
						text-decoration: underline;
					}
				#column-left ul li a.on {
					text-decoration: none; background-image: url(../images/arrow_more_red.gif); background-repeat: no-repeat;
					padding: 0 0 0 12px; background-position: 0 5px; color: #DC143C;
				}			
	
	#column-middle {
		width: 240px; float: left; display: inline; margin: 5px 20px 5px 0;
	}
		#column-middle ul {
			color: #414F66; margin: 0; font-size: 12px; list-style-type: none; 
		}
			#column-middle ul li {
				padding: 0 0 3px 0;
			}
				#column-middle ul li a {
					color: #414F66; text-decoration: none; background-image: url(../images/arrow_more.gif); background-repeat: no-repeat;
					padding: 0 0 0 12px; background-position: 0 5px;		
				}
					#column-middle ul li a:hover {
						text-decoration: underline;
					}
			#column-middle-wide {
				width: 490px; float: left; display: inline; margin: 5px 0 5px 0;
			}
				#column-middle-wide div.news-article span.date {
					font-size: 11px; color: #666; display: block; margin: 0 0 3px 0;
				}
				#column-middle-wide div.news-article h2 {
					font-size: 15px; margin: 0; padding: 0 0 5px 0; color: #414F66;
				}
				#column-middle-wide div.news-article p {
					font-size: #171411; font-size: 12px; padding: 0 0 12px 0; line-height: 140%;
				}
				#column-middle-wide div.news-article p a {
					color: #414F66; text-decoration: underline; font-size: 12px; 
				}
					#column-middle-wide div.news-article p a:hover {
						 color: #DC143C;	
					}
				#column-middle-wide div.news-article div.news-img {
					float: left; border: 1px solid #666; margin: 5px 5px 0 0;
				}
					#column-middle-wide div.news-article div.news-img img {
						padding: 5px;
					}
				#column-middle-wide div.news-article a.pdf-link {
					background-image: url(../images/pdf_icon.gif); background-repeat: no-repeat; background-position: 0 0; color: #414F66; 
					font-size: 12px; display: block; margin: 0 0 12px 0; padding: 0 0 0 25px; height: 23px; line-height: 23px; text-decoration: none;
				}
					#column-middle-wide div.news-article a.pdf-link:hover {
						 color: #DC143C;
					}
				#kontakt-formular {
					width: 400px;
				}
					#kontakt-formular label.left {
						width: 120px; overflow: hidden; float: left; font-size: 12px; font-weight: bold; margin: 0 10px 0 0; display: inline; line-height: 20px;
					}
					#kontakt-formular input.txt {
						width: 250px; height: 17px; float: left; border: 1px solid #999; margin: 0 0 5px 0; font-size: 11px; color: #999; padding: 2px 0 0 2px;
					}
					#kontakt-formular textarea {
						width: 250px; height: 90px; float: left; border: 1px solid #999; margin: 0 0 5px 0; font-size: 11px; color: #999; padding: 2px 0 0 2px;
						font-family: Arial, Helvetica, sans-serif;
					}
					#kontakt-formular div.antispam {
						float: left; margin: 2px 0 12px 0;
					}
						#kontakt-formular input.radio {
							width: 12px; height: 12px; overflow: hidden; border: 0px; float: left; margin: 0 5px 10px 130px; display: inline;
						}
						#kontakt-formular label.right {
							font-size: 12px; float: left; line-height: 13px;
						}
						#kontakt-formular input.submit-btn {
							font-size: 11px; background-color: #414F66; width: 120px; height: 22px; border: 1px solid #999; text-align: center; color: #FFF;
							float: right; display: inline; margin: 0 16px 0 0;
						}
						#kontakt-formular p.answer {
							margin: 5px 0 0 130px; float: left; display: inline;
						}
	#column-right {
		width: 240px; float: left; display: inline; margin: 5px 0 5px 0;
	}
		#column-right p strong {
			color: #414F66;
		}
			#column-right p a {
				color: #414F66; text-decoration: none;
			}
				#column-right p a:hover {
					color: #666; text-decoration: underline;
				}
div.banner-bottom {margin: 0 0 8px 0;}	
#footer {
	border-top: 1px solid #414F66; padding: 8px 0 0 0; margin: 10px 0 10px 0;
}
	#footer div.copyright {
		float: left;
	}
		#footer div.copyright p {
			font-size: 11px; color: #666;
		}
			#footer div.copyright p a {
				text-decoration: none; color: #414F66;
			}
				#footer div.copyright p a:hover {
					color: #666;			
				}
	#footer a.created {
		float: right; display: block; font-size: 11px; font-weight: bold; text-decoration: none; color: #414F66;
	}
		#footer a.created:hover {
			color: #666;
		}