@import url('reset.css');
@import url('text.css');

/* Basic Settings 
---------------------------------------------------------------- */

body {
	/* dunkelgrau
	background: #666666;*/
	background: white;
	color: #444;
	}

a { color: #05135B; text-decoration: none }

div#wrapper {
	background: white;
	margin: auto;

	}

.container {
	width: 960px;
	margin: 0px 0px 0px 0px;
	}

.pointer {
	cursor: pointer;
	}

.good {
	color: green;
	}
	
.worse {
	color: red;
	}
	

/* Top Section 
---------------------------------------------------------------- */

div#top {
	height: 0px;
	background: transparent;
	border-bottom: 0px solid transparent;
	}


/* Header Section
---------------------------------------------------------------- */

div#wrapper div#header {
	position: relative;
	margin: 0 0 0 0;
	height: 130px;
	width: 960px;
	}

div#wrapper div#header img#kugel {
	height: 70%;
	border: 5px solid transparent;
	position: absolute;
	left: 0px;
	}	
	
div#wrapper div#header img#logo {
	height: 140%;
	position: absolute;
	}

div#wrapper div#header img#quadrate_left_blue {
	height: 70%;
	border-bottom: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid transparent;
	float: right;
	}
	
div#wrapper div#header img#quadrate {
	height: 70%;
	border-bottom: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid transparent;
	float: right;
	}

div#wrapper div#header h1#name {
	position: absolute;
	top: 25px;
	right: 380px;
	margin: 0 0 0 0;
	font-size: xx-large;
	}
div#wrapper div#header h1#typ {
	position: absolute;
	top: 25px;
	right: 155px;
	margin: 0 0 0 0;
	/* orange
	color: #ff4900;*/
	color: white;
	font-size: xx-large;
	}
	
div#wrapper div#header h1#name a,
div#wrapper div#header h1#typ a {
    color: white;
    font-size: xx-large;
    font-style: normal;
    font-family: Verdana, sans-serif;
    }


	
/* Navigation Section
---------------------------------------------------------------- */			

div#navigation {
	background: #1f4778;
	/*dunkelgrau background: #666666;*/
    position: relative;
	top: 50px;
	right: 0;
	bottom: 0;
	left: 0px;
	float: left;
	width: 960px;
	}

div#navigation ul {
	list-style: none;
	margin: 0 0 0 0;
	position: relative;
	left: 150px;
	width: 660px;

	}	
	div#navigation ul li {
		float: left;
		margin: 0 0 0 0;
		}
		div#navigation ul li a {
			width: auto;			
			padding: 5px 10px 5px 10px;
			display: block;
			color: white;
			}
			div#navigation ul li a:hover {
				border-bottom: 1px solid #A4A4A4;
				background: #2b77d4;
				color: black;
			}
			div#navigation ul li a.active {
				border-bottom: 1px solid #A4A4A4;
				background: #2b77d4;
				color: white;
			}
					

			
/* Content Section
---------------------------------------------------------------- */

div#content {
	width: 690px;
	margin: 100px 0 10px 150px;
	/*position: relative;
	padding: 30px 50px 50px 80px;*/
	}

div#content h2 {
	font-size: 32px;
	line-height: 1em;
	/* orange
	color: #ff4900;*/
	color: #000000;
	}

div#content h3 {
	font-size: 16px;
	line-height: 1em;
	clear: both;
	color: black;
	}

div#content h4 {
	padding-top: 10px; 
	margin: 0 0 5px 0;
	font-size: 14px;
	line-height: 0.5em;
	clear: both;
	color: black;
	}

div#content img {
	margin-bottom: 20px;
	}

div#content p#content {
	}	
	
div#content p#site-description {
	font-style: italic;
	}

div#content img#flagge {
	margin: 0;
	}
	

/* Footer Section
---------------------------------------------------------------- */

div#footer {
	position: relative;
	background: #1f4778;
	margin: 10px 0 10px 0;
	height: 40px;
	width: 960px;
	/*clear: both;
	background: #818181;
	padding: 70px 5px 0px 5px;
	height: 10px;*/
	}
	
div#footer table#footer {
	width: 960px;
	}
	div#footer table#footer tr{
		}
		div#footer table#footer tr td{
			width: 320px;
			text-align: center;
			color: white;
			}	
		div#footer table#footer tr td#head{
			text-align: center;
			font-size: large;
			font-style: normal;
			color: white;
			padding: 0 5px;
			}
		div#footer table#footer tr td a{
			color: #ffcc00;
			}
div#footer img#left{
	height: 100px;
	position: relative;
	top: -140px;
	left: 10px;
	}
div#footer img#right{
	height: 100px;
	position: relative;
	top: -140px;
	right: 10px;
	float: right;
	}


/* Contact Section
---------------------------------------------------------------- */

div#content table#contact {
	width: 400px;
	background-color: transparent;
	color: black;
	}
	div#content table#contact tr {
		background: transparent;
		color: black;
		padding: 0 0 0 5px;
		}

		div#content table#contact tr td {
			vertical-align: top;
			padding: 5px 5px 5px 5px;
			min-width: 120px;
			}
			
div#content input.button {
	float: right;
	}