@charset "utf-8";
/*  
Theme Name: Frontpage
Theme URI: http://www.f2creative.de/
Description: Yet another beautiful f2-template.
Version: 0.1
Author: David Kötterheinrich
Author URI: http://f2creative.de/

.class { } - class definieren
#id {} - id definieren
tag { } - tag definieren



Begin Typography & Colors */
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Arial, Verdana, Sans-Serif;
	color: #ffffff;
	background-color: #ffeecb;
	margin: 0;
	padding: 0;
}

img, a img,:link img,:visited img, fieldset { border:none }
table {	border:none; padding:0px; margin:0px; border-spacing:0px; font-size:1em;}
tr { border:none; padding:0px; margin:0px; }
td { border:none; padding:4px; margin:0px; vertical-align:top; border-spacing:0px; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, dl, dt, dd { margin:0; padding:0 }

a {
	color:#FFFFFF;
}

a:hover {
		color:#CCCCCC
}

.centerpos1 {
	background-color:transparent;
	position:absolute;
	top:50%;
	left:0px;
	width:100%;
	height:1px;
	display:block;
}
.centerpos2 {
	position:absolute;
	visibility:visible;
	height:499px;
	top:-250px;
	width:100%;
}
.centerinner {
	position:relative;
	margin:auto;
	width:953px;
	height:100%;
}

#site {
	text-align:left;
	vertical-align:top;
}

.box {
	width: 953px;
	height: 499px;
	margin: auto;
	background-color:#907d54;
	text-align:left;
	vertical-align:top;
}

.logo {
	width: 243px;
	height: 243px;
	float: left;
}

.textcontent {
	width: 280px;
	height: 479px;
	float: right;
	font-size:12px;
	padding: 10px;
	
}

.fotos {
	width: 243px;
	height: 254px;
	float: left;
	text-align: right;
	font-size:30px;
	z-index: 10;
	position: relative;
	top: -236px;
}


.willkommen {
	width: 500px;
	height: 35px;
	margin-top: 10px;
	margin-left: 30px;
	background-color:#c77438;
	float: left;
	text-align: right;
	font-size:30px;
	padding-right: 30px;
	padding-top: -1px;
}

.willkommen:hover {
	background-color:#d29060;
}

.willkommenoff {
	width: 500px;
	height: 35px;
	margin-top: 10px;
	margin-left: 30px;
	background-color:#d29060;
	float: left;
	text-align: right;
	font-size:30px;
	padding-right: 30px;
	padding-top: -1px;
}

.willkommenoff:hover {
	background-color:#c77438;
}

.band {
	width: 500px;
	height: 35px;
	margin-top: 29px;
	margin-left: 78px;
	background-color:#c77438;
	float: left;
	text-align: right;
	font-size:30px;
	padding-right: 30px;
	padding-top: -1px;
}

.band:hover {
	background-color:#d29060;
}

.bandoff {
	width: 500px;
	height: 35px;
	margin-top: 29px;
	margin-left: 78px;
	background-color:#d29060;
	float: left;
	text-align: right;
	font-size:30px;
	padding-right: 30px;
	padding-top: -1px;
}

.bandoff:hover {
	background-color:#c77438;
}


.news {
	width: 500px;
	height: 35px;
	margin-top: 29px;
	background-color:#c77438;
	float: left;
	text-align: right;
	font-size:30px;
	padding-right: 30px;
	padding-top: -1px;
}

.news:hover {
	background-color:#d29060;
}

.newsoff {
	width: 500px;
	height: 35px;
	margin-top: 29px;
	background-color:#d29060;
	float: left;
	text-align: right;
	font-size:30px;
	padding-right: 30px;
	padding-top: -1px;
}

.newsoff:hover {
	background-color:#c77438;
}

.gb {
	width: 400px;
	height: 35px;
	margin-top: 29px;
	background-color:#c77438;
	float: left;
	text-align: right;
	font-size:30px;
	padding-right: 30px;
	padding-top: -1px;
}

.gb:hover {
	background-color:#d29060;
}

.gboff {
	width: 400px;
	height: 35px;
	margin-top: 29px;
	background-color:#d29060;
	float: left;
	text-align: right;
	font-size:30px;
	padding-right: 30px;
	padding-top: -1px;
}

.gboff:hover {
	background-color:#c77438;
}