/* 

Text		#666
Link		#FD822F

Projekt		#FD822F (orange)
Netzwerk	#83B42F (grün)
Profil		#4C6BDC (blau)
Notizbuch	#D0C900 (gelb dunkel)
Kontakt		#AE81AD (lila)
Partner		#4AC39A	(türkis)

*/

html, body {
    padding: 0;
    margin: 0;
	height: 100%;	
}

body {
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-size: 13px;
	color: #666;
	background: #5592ED url(../img/layout/body-bg.jpg) repeat-x 0 0;
}

a { color: #FD822F;  text-decoration: none;}
a:visited { color: #FD822F;}
a:hover { color: #FD822F; text-decoration: underline; }
a:focus {outline-style: none;}

h1, p { margin-top: 0; padding-top: 0; } 

h1 { 
	color: #666; 
	font-size: 25px;
	font-weight: bold;
	letter-spacing: -0.4px; 
	line-height: 28px;
	margin: 0 0 15px 0;
}

h2 { color: #666; font-size: 19px; line-height: 22px; margin: 0 0 12px 0;}
h3 { color: #666; font-size: 15px; margin: 0 0 12px 0;}
h4 { color: #666; font-size: 12px; margin: 0 0 10px 0;}

p { margin: 0 0 15px 0; line-height: 17px;}

small { font-size: 10px; line-height: 15px;}

img, img a { border: none;}
ul { list-style: none; }

.barrierefrei, .hidden { display: none; }

.clearer {
	clear: both;
	display: block;
	height: 1px;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px;
}


hr { 
	background: transparent;
	border: none;
	display: none;
}

.block { clear: both; }
.noborder { border: none; }


/* WRAP
----------------------------------------------------------------------------- */

#wrap {
	position: relative;   
	margin: 0 auto;
	width: 840px;
	min-height:100%;
	height: auto !important;
	height: 100%;
	background: transparent;
}


/* HEADER
----------------------------------------------------------------------------- */

#header {
	position: relative;
	width: 840px;
	height: 75px;
    background: #FD822F url(../img/layout/header.gif) no-repeat 0 0;
}

#header h1 {
	position: absolute;
	width: 165px;
	height: 40px;
	top: 15px;
	left: 32px;
	background: transparent;
}

#header h1 a {
	position: absolute; /* Logo */
	width: 165px;
	height: 40px;
	text-indent: -9990px;
	background: transparent;
}

#header em { /* Tagline */
	display: none;
}


/* NAV
----------------------------------------------------------------------------- */

#nav {
	position: relative;
	height: 205px;
	margin: 0 0 0px 0;
	/* background: url(../img/layout/nav-sprite.jpg) no-repeat 0 0; */
	background: #3F6088;
}


#nav ul {
	margin: 0;
	padding: 0;
	position: absolute;
	width: 440px;
	height: 225px;
	top: 0;
	left: -20px;
	background: url(../img/layout/nav-sprite.png) no-repeat 0 0;
	background-image: none;
}


#nav ul li a {
	position: absolute;
	top: 0;
	left: 0;
	width: 50px;
	height: 50px;
	display: block;
	overflow: hidden;
	text-indent: -5988px;	
	background-image: url(../img/layout/nav-sprite.png);
	_background-image: url(../img/layout/nav-sprite-IE6.png);
	background-color: transparent;
	opacity: 1;
}

#nav ul li.active a { 
	display: none;
}


#nav ul li.projekt a {
	top: 1px;
	left: 6px;
	width: 123px;
	height: 125px;
	background-position: -6px -1px;
}

#nav ul li.netzwerk a {
	top: 1px;
	left: 144px;
	width: 126px;
	height: 132px;
	background-position: -144px -1px;
}


#nav ul li.profil a {
	top: 5px;
	left: 286px;
	width: 122px;
	height: 124px;
	background-position: -286px -5px;
}

#nav ul li.notizbuch a {
	top: 134px;
	left: 34px;
	width: 102px;
	height: 73px;
	background-position: -34px -134px;
}

#nav ul li.kontakt a {
	top: 137px;
	left: 150px;
	width: 117px;
	height: 86px;
	background-position: -150px -137px;
}

#nav ul li.links a {
	top: 130px;
	left: 291px;
	width: 117px;
	height: 87px;
	background-position: -291px -130px;
}


#nav .pinnwand {
	position: absolute;
	left: 420px;
	top: 0;
	width: 420px;
	height: 225px;
	background-position: 0 0;
	background-repeat: no-repeat;
	overflow: hidden;
}

/* CONTENT
----------------------------------------------------------------------------- */

#content {
	width: 840px;
	float: left;
	padding: 30px 0 0 0;
	min-height: 300px;
	background: #FFF;
}


/* SIDENAV
----------------------------------------------------------------------------- */

#sidenav {
	float: left;
	border-bottom: 1px solid #FFF;
	width: 200px;
	padding: 0 20px;
	background: #FFF;
}

#start #sidenav {
	display: none;
}


#sidenav img {
	margin: 0 0 5px 0;
}

#sidenav ul {
	margin: 0;
	padding: 0 0 0 5px;
}

#sidenav ul li {
	background: #FFF;
}

#sidenav ul li a {
	color: #666;
	font-size: 14px;
	font-weight: bold;
	padding: 6px 0 6px 2px;
	display: block;
	border-bottom: 1px solid #DDD;
}

* html #sidenav li a { height: 1%; } 


#sidenav ul li a:hover,
#sidenav ul li.active a {
	text-decoration: none;
	color: #FD822F;
}

/* Level 2 */

#sidenav ul li ul {
	padding: 0 0 0 0px;
}


#sidenav ul li li a,
#sidenav ul li.active li a {
	color: #666;
	font-weight: normal;
	font-size: 11px;
	line-height: 16px;
	padding: 5px 0 5px 10px;
	background: transparent url(../img/layout/sidenav-bullet-li-li.gif) no-repeat 0 11px;

}

#sidenav ul li li.active a {
	color: #FD822F;	
	font-weight: bold;
}

#sidenav ul li li a:hover,
#sidenav ul li.active li a:hover {
		color: #FD822F;	
}




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

#main {
	float: left;
	width: 520px;
	padding: 5px 0 10px 20px;
	background: #FFF;
}

#start #main  {
	width: 440px;
	padding: 5px 0 10px 30px;
	background: #FFF;
}

#main .zitat { /* Headline Zitat */
	font-size: 15px;
	font-weight: bold;
	line-height: 21px;
	font-style: italic;
	display: block;
	margin: 0 0 15px 0;
	
	color: #83B42F;
}

#projekt #main .zitat { color: #FD822F; }
#netzwerk #main .zitat { color: #83B42F; }
#profil #main .zitat { color: #4C6BDC; }
#notizbuch #main .zitat { color: #D0C900; }
#kontakt #main .zitat { color: #AE81AD; }
#links #main .zitat { color: #4AC39A; }


#main h1 {
	padding: 0 0 5px 0;
	border-bottom: 1px solid #DDD;
}


#main h3 {
}

#main ul {
	margin: 0 0 15px 0;
	padding: 0 0 0 20px;
	list-style: disc;
}


#main ul li {
	padding: 2px 0;		
}

/* NEWS (Notizbuch)
----------------------------------------------------------------------------- */

/* Box auf Startseite*/

#start .news  {
	position: relative;
	float: left;
	width: 290px;
	margin: 0 0 0 20px;
	padding: 45px 15px 15px 15px;
	background: #FBF9BA url(../img/layout/notizbuch-shortbox-bottom.gif) no-repeat bottom left;

}

#start .news .post {
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #CCC;
}

#start .news .post:last-child {
	border-bottom: none;
}

#start .news h2 {
	position: absolute;
	top: -16px;
	left: 12px;
	width: 125px;
	height: 51px;
	text-indent: -9858px;
	background: transparent url(../img/layout/notizbuch-shortbox-head.jpg) no-repeat 0 0;
}

#start .news .date {
	font-size: 11px;
	color: #999;
}

#start .news h3 {
	font-size: 15px;
	margin: 3px 0 8px 0;
	padding: 0;	
}

#start .news .post p {
	margin: 0;
}

/* Seite Notizbuch */

.news {
	
}


.news .post {
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #CCC;
}

.news .post:last-child {
	border-bottom: none;
}

.news h2 {
	position: absolute;
	top: -16px;
	left: 12px;
	width: 125px;
	height: 51px;
	text-indent: -9858px;
	background: transparent url(../img/layout/notizbuch-shortbox-head.jpg) no-repeat 0 0;
}

.news .date {
	font-size: 11px;
	color: #999;
}

.news h3 {
	font-size: 15px;
	margin: 3px 0 8px 0;
	padding: 0;	
	color: #FD822F;
}

.news .post p {
	margin: 0;
}

.pages { 
	display: block;
	float: left;
	width: 100%;
	padding: 10px 0 0 0;
}

.pages a {
	font-weight: bold;
}

.pages a.left {	
	float: left;

}

.pages a.right {
	float: right;
}



/* FOOTER
----------------------------------------------------------------------------- */

#footer {
   	margin: 0 0 30px 0;
	padding: 15px 15px 20px 15px;
    background: transparent url(../img/layout/footer-bg.png) no-repeat bottom left;
    _background-image: url(../img/layout/footer-bg-IE6.png);
	font-size: 11px;
	color: #666;
}


#footer a {
	font-size: 11px;
	padding: 0 0 0 15px;
	color: #666;
}