body {
	background-color:white;
	background-image:url(images/bg.png);
	background-position:left top;
	background-repeat:repeat;
}
/*
img.hintergrund { 
	display: block; 
	z-index:-20;
   	min-height: 100%;
	min-width: 1024px;
	width: 100%;
	height: auto;
   	position: fixed;
	top: 0;
	left: 0;
}
*/

#side {
	width: 80%;
	height: 600px;
	margin: auto;
	font-family: 'QuicksandBook', sans-serif;
	/* background: white; */
}

a {
	text-decoration: none;
	color: #fff;
}

h1{
	margin-top: -8px;
}

.clear {
	clear: both;
}

#sozialicon{
	float: right;
	padding-right: 8%;
}

.icon {
	width: 40px;
	padding-top: 8px;
	margin-bottom: -15px;

}



/* ----------------
	Menu
------------------- */
nav {
	padding-top: 5%;
	padding-left: 40%
}
nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

nav li{
		float: left;
        margin: 0 2px;
        position: relative;
}

nav a{
		float: left;
        padding: 5px 20px;
       /* color: #242424; */
       	color: #02B1DC;
        text-transform: uppercase;
        font-family: 'QuicksandBook', sans-serif;
		font-size: 16px;
		letter-spacing: 2px;
        text-decoration: none;
        text-shadow: none;
        border: 1px solid #02B1DC;
        border-radius: 5px;
}

nav li:hover > a {
        color: #FFF;
		background: #02B1DC;
		border-radius: 5px;
}

*html nav li a:hover { /* IE6 only */
        color: #FFF;
}

#home #navHome a,
#news #navNews a,
#aktuelles #navAktuelles a,
#abgeschlossen #navAbgeschlossen a 
{
        color: #FFF;
		background: #02B1DC;
		border-radius: 5px;
}

/* ----------------
	Menu - End
------------------- */

.content{
	float: left;
	padding: 15px;
	margin-top: 20px;
	margin-left: 10%;
	background: #008080; /* Fallback IE 6-8 */
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    -webkit-box-shadow: 3px 3px 5px #222;
    -moz-box-shadow: 3px 3px 5px #222;
    box-shadow: 5px 5px 7px #111;
    text-shadow: 2px 2px 1px #444;

	
	}
html>body .content {
	width: 80%; 
	/* ie5win fudge ends */
	}


.contentBox {
	float: left;
	padding: 15px;
	margin-top: 20px;
	margin-left: 10%;
	background: #008080; /* Fallback IE 6-8 */
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    -webkit-box-shadow: 3px 3px 5px #222;
    -moz-box-shadow: 3px 3px 5px #222;
    box-shadow: 5px 5px 7px #111;
    text-shadow: 2px 2px 1px #444;

	}
html>body .contentBox {
	width: 645px; 
	/* ie5win fudge ends */
	}
	
.contentSidebar {
	float: right;
	padding: 15px;
	margin-top: 20px;
	background: #008080; /* Fallback IE 6-8 */
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    -webkit-box-shadow: 3px 3px 5px #222;
    -moz-box-shadow: 3px 3px 5px #222;
    box-shadow: 5px 5px 7px #111;
    text-shadow: 2px 2px 1px #444;
	}
html>body .contentSidebar {
	width: 20%; 
	/* ie5win fudge ends */
	}
	
	
/* scroll to top */
.scrollicon{
        text-align: center;
        text-decoration:none;

        width:50px;
        height:50px;
        border-radius:50%;

        background:#ccc;
        opacity:0.5;

        position:fixed;
        bottom:60px;
        right:120px;
        display:none;
        border:1px solid #333;

    }
    .scrollicon div{
        font-weight:bold;
        font-size:28px;
        color:#333;
        padding-top:12px;
    }