@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;
	}

.expand {
	display:block;
	float:left;
	width:4em;
	}
	
.timbecker {
	font-weight:bold;
	color:cyan;
	}
	
table {
	margin:0 0 0 20px;
	font-size:.7em;	
	border-collapse:collapse;		
	}
	
	td {
		padding:0 20px 10px 0;
		vertical-align:top;
		}
		
input {
	font-size:.9em;
	color:#000;
	width:190px;
	margin:0;
	padding:4px 0 4px 5px;
	background-color:#fff;
	border:1px solid #fff;
	}
	
textarea {
	font-size:.9em;
	color:#000;
	width:400px;
	margin:0;
	padding:5px;
	background-color:#fff;
	border:1px solid #fff;
	}
	
	.alert {
		color:#ff6600;
		font-weight:bold;
		}
		
	.center {
		text-align:center;
		}
	
	.sample {
		text-align:center;
		}
		
	.button {
		width:177px;
		text-align:center;
		color:#000;
		background:#a1d600;
		}
		
body {
	height:100%;
	width:100%;
	line-height:100%;
	background-color:#00061d;
	background-image:url(../img/bg/bg_content.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_content.jpg);
			background-repeat:no-repeat;
			float:left;
			}
			
			#logo {
				position:relative;
				width:560px;
				height:120px;
				float:left;
				}
				
				#logo h1 {
					margin:30px 20px 0 20px;
					}
					
				#logo h2 {
					margin:20px 20px 0 24px;					
					}
					
				#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:400px;
				height:120px;
				float:left;
				}
				
				#navi ul {
					margin:81px 0 0 10px;
					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;
					}
			
		#quicklinks {
			position:relative;
			width:960px;
			height:200px;
			margin:0;
			background-image:url(../img/bg/bg_ql.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:30px 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;
				margin:35px 0 0 0;
				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;
						}
						
				.steigenberger {
					width:140px;
					height:150px;
					text-decoration:none;
					display:block;
					background-image:url(../img/steigenberger.png);
					float:left;
					}
 
					.steigenberger:hover, .steigenberger: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 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;
				line-height:120%;
				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 h5 {
				font-size:.8em;
				color:#4affff;
				font-family: Arial, sans-serif;
				font-weight:bold;
				}
			
			#content p {
				font-size:.8em;
				margin:0 20px 20px 20px;
				}
				
			#content_top {
				position:relative;
				width:960px;
				float:left;
				}
				
				#content_top img {
					margin:2px 10px 30px 20px;
					float:left;
					}
			
			#content_left {
				position:relative;
				width:480px;
				float:left;
				}
				
				.letter {
					background-image:url(../img/bg/letter.png);
					background-repeat:no-repeat;
					font-size:.7em;
					font-weight:bold;
					color:#00061d;
					margin:0 0 0 20px;
					padding:2px 0 0 6px;
					width:20px;
					height:60px;
					float:left;
					display:block;
					}
				
				#content_left img {
					margin:2px 10px 30px 20px;
					float:left;
					}
				
			#content_right {
				position:relative;
				width:480px;
				float:left;
				}
				
				#content_right img {
					margin:2px 10px 30px 20px;
					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;
						}