/* 
    Document   : layout.css
    Author     : Florian Reimann <fr@hogrefe.de>
    Description:
        This stylesheet is only for positioning and layout purposes
*/

body {
	margin: 20px;
}

#pageWrap {
	width: 1000px;
	margin: 0 auto;
	margin-top: 50px;
	padding: 15px;
}

#headerWrap {
	height: 210px;
}

#logo {
	width: 710px;
	height: 215px;
	float: left;
	margin-right: 15px;
}

#memberLogin {
	width: 250px;
	height: 195px;
	padding: 10px;
	float: right;
}

#navigationWrap {
	margin: 25px 0;
	position: relative;
}

.navigation li {
	float: left;
//	padding: 15px;
}

#sidebarWrap {
	width: 200px;
	float: left;
}

.sidebarTeaser, #c11 {
	padding: 15px;
	margin-bottom: 20px;
}

#content {
	width: 770px;
	float: right;
	margin-bottom: 10px;
}

#footerWrap {
	margin-top: 15px;
}

#footerWrap .left {
	float: left;
}

#footerWrap .right {
	float: right;
}

.hoverNavigation {
	position: absolute;
	top: 47px;
	display: none;
	width: 240px;
	z-index: 9999;
	margin-left: 20px;
}

.hoverNavigation li {
	clear: both;
	width: 100%
}

.hoverNavigation  a, .navigation a {
	display:block;
	width:100%;
	height:100%;
	margin:15px
}

/* clearings */
#headerWrap:after,
.navigation:after,
#footerWrap:after,
#contentWrap:after {
	display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    content: "";
}