/*

CSS for 54 Grad NORD|DESIGN
by: TONNE24 - online media (www.tonne24.de)

*/


* {
	margin: 0;
	padding: 0;
	outline: 0;
}

body { 
	font:62.5% Arial, Verdana, sans-serif; 
	color: #565447;
	background: #fff; 
}

#wrapper {
	width:960px;
	margin: 35px auto;
	border: 0px solid red;
}
	
#layout	{ 
	position: absolute;
	width:960px; 
	text-align:center;
	margin: auto;
	background: #fff; 
}

#header { 
	height: 260px;
	width: 960px;
	border-bottom:3px solid #fff;
}

#header a img { border: none; }

 
#logo { 
	position: absolute;
	right: 35px;
	top:0;
}

#windrose { 
	position: absolute;
	right: 0;
	top:265px;
}

#main {
	width: 960px;
	
} 

#topmenu { 
	height: 30px;
	width: 960px;
	text-align:left; 
	background: #c9c4ae url(../images/bg-menu.jpg) 0 0 no-repeat;
}
 
 
#container-eindruck { 
	background: #f3f1ec url('../images/bg-eindruck.jpg') no-repeat right top; 
	text-align:left; 
	border-top: 3px solid #fff; 
}

#container-definition { 
	background: #f3f1ec url('../images/bg-definition.jpg') no-repeat right top; 
	text-align:left; 
	border-top: 3px solid #fff; 
}

#container-leistungen { 
	background: #f3f1ec url('../images/bg-leistungen.jpg') no-repeat right top; 
	text-align:left; 
	border-top: 3px solid #fff; 
}

#container-referenzen { 
	background: #f3f1ec url('../images/bg-referenzen.jpg') no-repeat right top; 
	text-align:left; 
	border-top: 3px solid #fff; 
}

#container-kontakt { 
	background: #f3f1ec url('../images/bg-kontakt.jpg') no-repeat right top; 
	text-align:left; 
	border-top: 3px solid #fff; 
}

#container-netzwerk { 
	background: #f3f1ec url('../images/bg-netzwerk.jpg') no-repeat right top; 
	text-align:left; 
	border-top: 3px solid #fff; 
}

#container-impressum { 
	background: #f3f1ec url('../images/bg-impressum.jpg') no-repeat right top; 
	text-align:left; 
	border-top: 3px solid #fff; 
}


#menu { 
	list-style:none;
	margin: 0px 0 0 93px;
	padding: 8px 0 0 0;
	text-transform: uppercase;
	width: 800px; 
}


#menu li { 
	display: inline;
	font-size:12px;
	height:25px;
	padding: 0;
	margin: 0 20px 0 20px;
	background: url('../images/bg-menu-item.jpg') no-repeat 0 0; 
}

#content {
	width: 788px;
	height: 350px;
} 


#content .inside { 
	position:relative;
	top:60px;
	left:115px;
	width: 650px;
	font-size:12px;
	line-height:20px;
}

#content .inside ul { margin: 0 0 15px 30px; }


p { margin: 8px 0 15px 0 }


h2 {
	font-size:15px; 
	margin: 0 0 20px 0;
}

h4 {
	font-size:14px; 
	margin: 0 0 10px 0;
}
	
#clear { height:0.1px; font-size:0.1px; line-height:0.1px; clear:both; }

table { margin: 0 0 12px 0; }
table.koim td { vertical-align: top; padding: 0 50px 0 0;  }

table.netzwerk { width: 800px; }
table.netzwerk td { vertical-align: top; padding: 0 50px 0 0;  }
table.netzwerk td.url { width: 200px;  }


/* Links */
#menu a:link,
#menu a:visited { 
	color: #fff;
	text-decoration: none; 
}

#menu a:active,
#menu a:hover { 
	color: #565447;
	text-decoration: none; 
}

#menu .active { color: #565447; font-weight:bold; }

#content .inside a:link,
#content .inside a:visited,
#content .inside a:active,
#content .inside a:hover { 
	color: #565447;
	text-decoration: underline; 
}
	

#footer { height: 31px; background: url('../images/bg-footer.gif') 0 0 no-repeat; text-align: left; }

#footer ul { width: 850px; padding: 10px 0 0 0; margin: 0 0 0 15px; font-size: 11px; color: #fff; }
#footer ul li { list-style: none; display: inline; }
#footer li.imp { margin: 0 30px 0 0; }

#footer a:link,
#footer a:visited,
#footer a:active,
#footer a:hover { 
	color: #fff;
	text-decoration: underline; 
}