@charset "utf-8";

* {
	border:none;
	font-family:Arial, sans-serif;
	font-size:1em;
	color:#fff;
	margin:0;
	outline:0;
	padding:0;
	text-decoration:none;
	}
	
.clear {
	clear:both;
	}
	
.telefon {
	font-weight:bold;
	color:cyan;
	}
		
body {
	height:100%;
	width:100%;
	line-height:100%;
	background-color:#00061d;
	background-image:url(../img/bg/bg.png);
	background-repeat:repeat-x;
	}

	#page {
		position:relative;
		width:960px;
		height:100%;
		left:50%;		
		margin:0px 0px 0px -480px;
		}
		
		#header {
			position:relative;
			width:960px;
			height:120px;
			background-image:url(../img/bg/bg_top.jpg);
			background-repeat:no-repeat;
			float:left;
			}
			
			#logo {
				position:relative;
				width:480px;
				height:120px;
				float:left;
				}
				
				#logo h1 {
					margin:30px 20px 0 20px;
					}
					
				#logo a {
					font-size:2.6em;
					font-family: Georgia, serif;
					font-weight:normal;
					color:#d3ff00;					
					}
					
					#logo a:hover, #logo a:active {
						color:#97d34e;
						}
						
			#navi {
				position:relative;
				width:480px;
				height:120px;
				float:left;
				}
				
				#navi ul {
					margin:38px 0 0 90px;
					font-size:.8em;
					}
					
					#navi li {
						list-style-type:none;
						display:inline;					
						float:left;
						}
						
				#navi a {
					padding:2px 5px 0px 16px;
					display:block;
					background-image:url(../img/ql_icon_hover.png);
					background-repeat:no-repeat;
					background-position:left center;
					margin:0 5px
					}
					
					#navi a:hover, #navi a:active {
						color:cyan;
						background-image:url(../img/ql_icon.png);
						background-repeat:no-repeat;
						background-position:left center;
						margin:0 5px;
						}
						
				#navi .active {
					border-bottom:2px solid #d3ff00;
					}
			
		#bilder {
			position:relative;
			width:960px;
			height:240px;
			background-image:url(../img/bg/bg_bilder.jpg);
			background-repeat:no-repeat;			
			float:left; 
			}
			
			#bilder h2 {
				font-size:1.5em;
				color:#fff;
				font-family: Georgia, serif;
				font-weight:normal;
				line-height:120%;
				margin:10px 20px;
				}
			
		#quicklinks {
			position:relative;
			width:960px;
			height:160px;
			background-image:url(../img/bg/bg_quicklinks.png);
			background-repeat:no-repeat;
			float:left;
			}
			
			.clear {
				margin:35px;
				}
			
			#quicklinks h3 {
				font-size:1.5em;
				color:#d3ff00;
				font-family: Georgia, serif;
				font-weight:normal;
				text-align:center;
				margin:0 0 5px 0;
				}
			
			#quicklinks p {
				font-size:.8em;
				color:cyan;
				text-align:center;
				}
			
			#ql_left {
				position:relative;
				width:320px;
				float:left;
				}
				
				#ql_left a, #ql_center a {
					color:#fff;
					background-image:url(../img/ql_icon.png);
					background-repeat:no-repeat;
					background-position:left center;
					margin:0;
					padding:0 0 0 16px;
					}
					
					#ql_left a:hover, #ql_left a:active, #ql_center a:hover, #ql_center a:active {
						color:#d3ff00;
						background-image:url(../img/ql_icon_hover.png);
						background-repeat:no-repeat;
						background-position:left center;
						margin:0;
						padding:0 0 0 16px;
						}
				
			#ql_center {
				position:relative;
				width:320px;
				float:left;
				}
				
			#ql_right {
				position:relative;
				width:320px;
				height:150px;
				float:left;
				}
				
				.dunkelziffer {
					width:140px;
					height:150px;
					text-decoration:none;
					display:block;
					background-image:url(../img/dunkelziffer.png);
					float:left;
					}
 
					.dunkelziffer:hover, .dunkelziffer:active {
						background-position:140px 0;
						}
						
				.unicef {
					width:140px;
					height:150px;
					text-decoration:none;
					display:block;
					background-image:url(../img/unicef.png);
					float:left;
					}
 
					.unicef:hover, .unicef:active {
						background-position:140px 0;
						}
						
				.maritim {
					width:140px;
					height:150px;
					text-decoration:none;
					display:block;
					background-image:url(../img/maritim.png);
					float:left;
					}
 
					.maritim:hover, .maritim:active {
						background-position:140px 0;
						}
			
		#content {
			position:relative;
			width:960px;
			background:#00061d;
			float:left;
			}
			
			#content a {
				font-size:.7em;
				color:#d3ff00;
				}
				
				#content a:hover, #content a:active {
					font-size:.7em;
					color:#fff;
					}
					
				.icon {
					background-image:url(../img/info_icon.png);
					background-repeat:no-repeat;
					background-position:left center;
					margin:0;
					padding:1px 0 0 14px;
					}
					
					.icon:hover, .icon:active {
						background-image:url(../img/info_icon_hover.png);
						background-repeat:no-repeat;
						background-position:left center;
						margin:0;
						padding:1px 0 0 14px;
						}
			
			#content img {
				margin:2px 10px 30px 20px;
				float:left;
				}
			
			#content h1 {
				font-size:2em;
				color:#d3ff00;
				font-family: Georgia, serif;
				font-weight:normal;
				margin:40px 20px 0 20px;
				}
	
			#content h2 {
				font-size:1.5em;
				color:#4affff;
				font-family: Georgia, serif;
				font-weight:normal;
				margin:20px;
				}
				
			#content h3 {
				font-size:.8em;
				color:#d3ff00;
				font-family: Arial, sans-serif;
				font-weight:normal;
				margin:0 20px;
				}
				
			#content h4 {
				font-size:1em;
				color:#d3ff00;
				font-family: Georgia, serif;
				font-weight:normal;
				margin:20px;
				}
			
			#content p {
				font-size:.8em;
				margin:0 20px 20px 20px;
				}
				
			#content_top {
				position:relative;
				width:960px;
				float:left;
				}
			
			#content_left {
				position:relative;
				width:480px;
				float:left;
				}
				
			#content_right {
				position:relative;
				width:480px;
				float:left;
				}
			
		#footer {
			position:relative;
			width:960px;
			height:120px;
			margin:60px 0 0 0;
			border-top:1px solid #fff;
			float:left;
			}
			
			#footer span {
				color:#ff6600;
				}
						
			#footer_left {
				position:relative;
				width:480px;
				float:left;
				}
				
				#footer_left p{
					font-size:.7em;
					margin:20px;
					}
				
			#footer_right {
				position:relative;
				width:480px;
				float:left;
				}
				
				#footer_right p{
					font-size:.7em;
					text-align:right;
					margin:0 20px;
					}
				
				#footer_right ul {
					font-size:.7em;
					text-align:right;
					margin:20px 20px 0 20px;
					}
					
					#footer_right li {
						list-style-type:none;
						display:inline;
						}
						
				#footer_right a {
					color:#fff;
					}
					
					#footer_right a:hover, #footer_right a:active {
						color:#0aaafd;
						}