/**
* CSS
* 
* @version 1.1
* @author Vaska 
* @author Gregory Cadar
* @author Simon Adrian
*/

/* KLIMAKOCHBUCH */


@font-face {
	font-family: 'GraublauWebBold';
	src: url('font/graublauwebbold-webfont.eot');
	src: local('☺'), url('font/graublauwebbold-webfont.woff') format('woff'), url('font/graublauwebbold-webfont.ttf') format('truetype'), url('font/graublauwebbold-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'GraublauWebRegular';
	src: url('font/graublauweb-webfont.eot');
	src: local('☺'), url('font/graublauweb-webfont.woff') format('woff'), url('font/graublauweb-webfont.ttf') format('truetype'), url('font/graublauweb-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

		
		
* {margin: 0; padding: 0;}
a {text-decoration: none;}
a img {border: 0 none;}
a:active, a:focus {outline: none;}


body {	font-size: 62.5%;   /* Resets 1em to 10px */
	background: #bfdbe1;
	overflow-y: scroll;
	
}


body.section-1, body.section-2, body.section-3, body.section-4, body.section-5, body.section-6 {
	background: #bfdbe1 url("image/nur_wolken.png") fixed 50% -5px no-repeat;
	margin:0 auto;
	width:900px;}

#schrift_wolken, #content_hg {margin:0 auto;
	padding-left:10px;
	z-index:0;}
	
/* WEISSER HG
#content_hg {
	background: url('image/content_hg.gif') 9px 0 repeat-y;
	width:851px;
	top:0;
	margin-top:195px;
	position: fixed;
	bottom:0;}*/

a:link { color: #555}
a:active { color: #555}
a:visited { color: #555; }
a:hover { color: #8eb828;}


#menu {	width: 198px;
	overflow: auto;
	top:107px;
	position: fixed;
	float:right;
	font-size: 1.4em;
	font-weight: normal;
	font-style: normal;
	line-height:normal;
	font-family: 'GraublauWebBold', sans-serif;
	letter-spacing: 0.02em;
}

#menu ul {
	list-style: none;
	margin: 0 0 15px 0;
}

#menu ul li.section-title {
	/*font-variant:small-caps;*/
	text-transform:uppercase;
	margin: 0 0 0px 0 !important;
	color:#B91169;
	}

li {	margin:0px 0;
	padding: 2px 6px 3px;
	text-align:right;}

li.active a {color:#8eb828;
	/*background-color:#B0C333;*/}
	
	
#buju_logo {
	height:60px;
	}

#buju_logo a {	position:absolute;
		right:0;
		margin-right:14px;
		background: url('image/buju_logo_wackel.gif') 0px 0px no-repeat;
		width:42px; height:60px;}
	
#buju_logo a:hover {background-position: 0px -60px;}




#content {
    margin: 189px 0 0 211px;
    top: 0;
    width:600px;
    background-color:#fff;
    z-index:1;
    position:absolute;
}

.container {
	padding: 28px 10px 25px 35px;
	}

#content p {
	width: 540px;
	margin-bottom: 9px;
	}

p {	margin: 0 0 9px 0;
	font-size:1.25em;
	font-weight: normal;
	font-style: normal;
	line-height:normal;
	font-family: 'GraublauWebRegular', sans-serif;
	letter-spacing: 0.01em;
	}
	
strong {font-size: 1.15em;
	font-weight: normal;
	font-style: normal;
	line-height:normal;
	font-family: 'GraublauWebBold', sans-serif;
	color: #555;}
	
.green, a.green {color:#8eb828;}
a.green:hover {color:#555;}
.img_right { float:right;}


h1 { font-size: 32px; }
h2 { font-size: 24px; }
h3 { font-size: 16px; }
h4 { font-size: 12px; }

#img-container	{ margin: 0; padding: 0; }
#img-container p	{ width: 400px; margin: 0; padding: 0 0 12px 0; }

.pics { margin-left:-35px;}


#once { clear: left; }