/* Style Sheet */

@font-face {
	font-family: 'Century Gothic';
	src:local('Century Gothic'), local('CenturyGothic'),
		url('../fonts/GOTHIC.eot'),
		('../fonts/GOTHIC.ttf');
	font-weight: normal;
	font-style: normal;
}

body {
	background-color: #c7c7cc; /*Hintergrundfarbe um den Mittelteil herum*/
	font-family:'Century Gothic', Arial, sans-serif;
	font-size:12px;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
	color:#000000;
	letter-spacing:0em;
}

header {
	height:200px; /*Höhe des Elementes*/
	width:980px; /*Breite des Elementes*/
/*	background-image:url(bilder/allgemein/logo.jpg)*/
/*	background-repeat:no-repeat;*/
/*	border-top:1px solid Black; */ /*Ergibt einen leichten 3D Effekt*/
/*	border-radius: 3px 3px 0px 0px;*/
	/*border-right:1px solid black;*/
	/*border-left:1px solid black;*/
/* 	border-top: 0px solid #cecece; */ /*Rahmen oben um Header*/
	/*margin: 0px 0px 20px 0px;*/ /*Abstand zum Wrapper und zum Content oben-rechts-unten-links*/
	margin-bottom:50px; /*Abstand nach unten*/
}

#wrapper {
width:980px; /*Etwas breiter als Header, damit wirkt Header leicht plastisch*/
height:870px; /*Fester Wert, gleich bei allen Seiten mit Bilder*/
/*height:680px; */ /*Fester Wert, gleich bei allen Seiten ohne Bilder*/
padding:10px 10px; /*Kleiner innerer Rand, wrapper wird damit etwas breiter*/
margin:auto; /*Zentriert das div!!!!*/
background:rgb(255,255,255); /*Wg. alten Browsern*/
background-image:-ms-linear-gradient(top, #FFFFFF 0%, #FFFFFF 30%, #D9D9D9 100%); /* IE10 Consumer Preview */ 
background-image:-moz-linear-gradient(top, #FFFFFF 0%, #FFFFFF 30%, #D9D9D9 100%); /* Mozilla Firefox */ 
background-image:-o-linear-gradient(top, #FFFFFF 0%, #FFFFFF 30%, #D9D9D9 100%); /* Opera */ 
background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(0.3, #FFFFFF), color-stop(1, #D9D9D9)); /* Webkit (Safari/Chrome 10) */ 
background-image:-webkit-linear-gradient(top, #FFFFFF 0%, #FFFFFF 30%, #D9D9D9 100%); /* Webkit (Chrome 11+) */ 
background-image:linear-gradient(to bottom, #FFFFFF 0%, #FFFFFF 30%, #D9D9D9 100%); /* W3C Markup, IE10 Release Preview */ 
/* border:1px solid Red; */ /*Rahmen zur div-Identifizierung*/
border-radius:3px;
overflow:auto; /*Enthält Clear für gefloatede divs*/
zoom:1; /*ebenfalls für Clear nötig*/
}

#maincontent {
	width:700px;
	height:400px;
	background-color:White;
	padding:25px;
	margin:auto;
	border:1px solid #c3c3c3;
	font-size:14px;
	text-align:center;
}


/*ÄÖÜßäöü*/