/* ---------- ELEMENTS ---------- */

* {
	margin: 0;
	padding:0;
}

body {
	background-color: #000000;
	margin: 0;
}

table, tr, td {
	border: 0;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	}

iframe {
	margin: 0;
	padding: 0;
	float: left;
	}

/* ---------- CONTAINER ---------- */

#container {
	width:941px;
	height:250px;
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-435px;
	margin-top:-125px;
	}

/* ---------- MAIN ----------*/

#main {
	position: relative;
	width: 266px;
	height: 250px;
	margin: 0;
	padding: 0;
	background-image: url(../pics/bg_main2.gif);
	}

#logo {
	position: absolute;
	top: 7px;
	left: 10px;
	margin: 0;
	padding: 0;
	}

#neu {
	position: absolute;
	top: 30px;
	left: 170px;
	}	
	
#main ul {
	position: absolute;
	top: 102px;
	left: 40px;
	margin: 0;
	padding: 0;
	}
	
#main ul li {	
	display: block;
	height: 23px;
	list-style-type: none;
	padding: 0;
	margin: 0;
	}	

#main ul li a {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 23px;
	color: #CCCCCC;
	text-decoration: none;
	margin: 0;
	padding: 0;
	}

#main ul li a:hover {
	color: #FFFFFF;
	}
	
#navarch {
	position: relative;
	left: 90px;
	}
	
#navdesign {
	position: relative;
	left: 30px;
	}
	
#navgrafik {
	position: relative;
	left: 73px;
	}
	
#navvortrag {
	position: relative;
	left: 9px;
	}
	
#navkontakt {
	position: relative;
	left: 157px;
	}
	
	
	
/* ---------- fusszeile ---------- */

#footer {
	display:block;
	width:470px;
	margin-left: -235px;
	position: absolute;
	bottom: 5px;
	left:50%;
	font-family: verdana, arial, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #CCCCCC;
	}

#footer a {
	color: #CCCCCC;
	text-decoration: none;
	}

#footer a:hover {
	color: #FFFFFF;
	}
	
/* ---------- Classes ---------- */