﻿body, form {
	margin:0;
	padding:0;
	font-size:1em;
	font-family:century gothic,calibri,arial,tahoma,sans-serif;
	background:#f0f0f0 url('../images/design/bodyBg.png') repeat-x fixed;
}

.floatRight { float:right; }
.floatLeft { float:left; }
.clear { clear:both; }
.small { font-size:0.8em; }
.width500 { width:500px; }
.width600 { width:600px; }
.onlineRef { color:#4a7d11; }
.offlineRef { color:#990000; }
img.border { margin:5px; border:1px solid #4a7d11; }
img.referenz
{
	border:10px solid #e8e8e8; 
	margin:10px auto 10px auto;
}
a img.referenz:hover
{
	border:10px solid #DAFF9F; 
}

#wrapper
{
	position:relative;
	margin:30px auto 0 auto;
	width:928px;
}

#header
{
	position:relative;
	width:928px;
	height:182px;
	background:url(../images/design/header.png) no-repeat;
}
#navi
{
	position:absolute;
	bottom:15px;
	left:14px;
	width:900px;
	height:30px;
	font-family:Segoe UI,century gothic,calibri,arial,tahoma,sans-serif;
}
#contentBg
{
	position:relative;
	width:928px;
	background:url(../images/design/contentBg.png) repeat-y;
}
#innerContent
{
	padding:0 25px 10px 25px;
	font-size:0.9em;
	color:#1e1e1e;
	line-height:1.5em;
}
#footer
{
	position:relative;
	width:928px;
	height:35px;
	background:url(../images/design/footer.png) no-repeat;
}
#innerFooter
{
	position:relative; 
	width:100%;
	padding:3px 25px 0 25px;
	font-size:0.7em;
	font-family:Segoe UI,century gothic,calibri,arial,tahoma,sans-serif;
	color:#fffefe;
}

/** Navigation **/
#navi ul {
	position:relative;
	float:left;
	margin:0px;
	padding:0px;
}
#navi ul li {
	float:left;
	list-style:none;
}

#navi li a {
	position:relative;
	display:block;
	margin:-2px 0;
	float:left;
	padding:3px 10px 0;
	height:28px;
	text-align:center;

}

/** Links **/
a { color:#68930e; text-decoration:underline; }
a:hover { color:#4a7d11; }

#innerFooter a { color:#fffefe; text-decoration:none; }
#innerFooter a:hover { color:#ebebeb; }

#navi li a { color:#ffffff; text-decoration:none; }
#navi li a:hover, #navi li a.current { color:#141313; background: url('../images/design/naviHoverBg.png') repeat-x; }

/** Überschriften **/
h1 { margin:0 0 10px 0; color:#3d7400; font-weight:normal; font-size:1.7em; padding:0 0 5px 0; border-bottom:1px dashed #7F7F7F; }
h2 { margin:15px 0 5px 0; color:#3d7400; font-weight:normal; font-size:1.3em; }
h2.projects { margin:50px 0 10px 0; color:#3d7400; font-weight:normal; font-size:1.3em; border-bottom:1px dashed #7F7F7F; }
h3 { margin:0 0 10px 0; color:#1e1e1e; font-weight:bold; font-size:1em; }

/** Blätterfunktion **/
.pageNavigation {
	margin:5px 0 5px 0;
	text-align:right;
	font-family:Segoe UI,century gothic,calibri,arial,tahoma,sans-serif;
}
.pageNavigation a { padding:0px 2px 0px 2px; color:#4a7d11; text-decoration:none; }
.pageNavigation span.activePage { padding:0px 4px 0px 4px; margin:0px 2px 0px 2px; color:#ffffff; background:#68930e; }
.pageNavigation a.arrow { padding:0px 4px 0px 4px; color:#4a7d11; font-size:1.2em; font-family:verdana; }
.pageNavigation a:hover, .pageNavigation a.arrow:hover { color:#68930e; }

/** Home - Project **/
.actualProject { width:190px; border-left:1px dashed #7F7F7F; padding:0 0 0 8px; }

/** Aufzählungen **/
#innerContent ul { 
	position:relative;
	margin:0 0 0 15px;
	padding:0 0 0 15px;
	list-style:url('../images/design/listElementArrow.gif');
}
