/* CSS Document */

/* Fonts eingebunden */
@font-face {
	font-family: 'MuseoSlab500';
	src: url('../font/museo_slab_500-webfont.eot');
	src: local(''), url('../font/museo_slab_500-webfont.woff') format('woff'), 
	url('../font/museo_slab_500-webfont.ttf') format('truetype'), 
	url('../font/museo_slab_500-webfont.svg#webfontIBgKTEr9') format('svg');
	font-weight: normal;
	font-style: normal;
}

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


body{

	font-family: CallunaRegular, Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	color: #473223;

	margin: 0px;
	background-color: #F0EADB;

}

h1, h2, h3, h4, h5, h6{

	font-weight: normal;
	letter-spacing: 4px;
}

h1{font-size: 3.0em; margin: 0px;}
h2, h3, h4, h5, h6{font-size: 1.2em;}

/* Links */

a{

	color: #473223;
	font-size: 1em;
	
	text-decoration:none;
}

form{display:inline;}
fieldset{display: block;}
label{float:left; width: 7em; font-size: 0.9em;}

#header a{font-size: 0.7em; color: #473223;}
#header a:hover{color:#F0EADB; text-shadow: 0.1em 0.1em 0.2em #000;}

#navigation a{font-size: 1.1em; letter-spacing: 2px;}
#navigation a:hover{color:#F0EADB; background-image:url(../images/bg/bg_braun.jpg); text-shadow: 0.1em 0.1em 0.1em #000;}

.floatdiv a{}
.floatdiv a:hover{color:#F0EADB; background-image:url(../images/bg/bg_braun.jpg); text-shadow: 0.1em 0.1em 0.1em #000;}

.navigation_l{ width: 234px; border-color: #736546; border-style:solid; border-width: 0px 0px 0px 1px; float:left;}
.navigation_r{ width: 233px; border-color: #736546; border-style:solid; border-width: 0px 1px 0px 1px; float:left;}

.navigation_l a{ display:block; width: 234px;}
.navigation_r a{ display:block; width: 234px;}

/* Div Boxen */

#header{height: 80px; position: relative; text-align:right;}

#center_box{width: 1000px; margin-left:auto; margin-right: auto;}

#header_picture{background-color: #FFFFFF; width: 940px; height: 240px; margin-left:auto; margin-right: auto;}

#navigation{width: 940px; height: 80px; line-height:80px; margin-left:auto; margin-right: auto; position: relative; text-align:center;}

#content{width: 940px; margin-left:auto; margin-right: auto;}

#footer{width: 940px; margin-left:auto; margin-right: auto;	letter-spacing: 3px; line-height: 1.5em;
}

#news{width: 300px; float: right; padding: 15px; margin-top: 3em; color:#FFFFFF;}

#content_text{width: 580px; float:left; padding: 8px; background-image:url(../images/bg/haas_logo.gif); background-position:center; background-repeat:no-repeat;}

/* Footer */

#footer a{color: #FFFFFF;}
#footer a:hover{color:#473223;}
#footer img{border-width: 0px;}
#footer_impressum{width: 300px; float:left; margin: 15px 0px 0px 15px; }

#footer_map{width: 310px; float:left; margin: 15px 0px 0px 0px; }

#footer_open{width: 300px; float:left; margin: 15px 15px 0px 0px; }

#footer_break{width: 940px; clear:both;}

/* background */
#footer, #navigation, #header, #news{
	
	background-color: #9B8757; 
	background-image:url(../images/bg/bg_beige.jpg);
	color:#FFFFFF;

}

/* Bottom */
.bottom_r, .bottom_c, .bottom_l{

	width: 100%;
	position: absolute; 
	bottom: 0;

}
.bottom_r{text-align:right;}
.bottom_c{text-align:center;}
.bottom_l{text-align:left;}

/* Content */

#content h1, #content h2 ,#content h3, #content p{margin-left: 8px; margin-right: 8px;}
#content p{letter-spacing: 3px; line-height: 1.5em;}

/* News */
#menu a{display:block; width: 135px; border-color: #736546; border-style:solid; border-width: 1px; padding: 5px; background-image:url(../images/bg/bg_bebr.jpg);}
#menu a:hover{color:#F0EADB; background-image:url(../images/bg/bg_braun.jpg);text-shadow: 0.1em 0.1em 0.1em #000;}

#menu img{vertical-align: bottom; border-width: 0px;}

#event a{color:#FFFFFF;}
#event a:hover{color:#473223;}

/* Bilder Float */
.floatdiv{float: left; border: 1px solid #000; margin: 4px; background-image:url(../images/bg/bg_beige.jpg); text-align:center;}