/****

Rot:	#740b0e;
Creme:	#e4e4ae;

***/
@import url(http://fonts.googleapis.com/css?family=Calligraffitti&v1);

html, body{
 margin:0;
 padding:5px 0 0 0;
 text-align:center;
 color: #e4e4ae;
 font-family: arial, serif, verdana;
}


h1 { font-family: "Calligraffitti", arial, serif; /* text-shadow: #000 -0.1em -0.2em 0.05em */}
p { font-size: 16px}
a {color: #fff;}



#pagewidth{
 width:900px;
 text-align:left;
 margin:0 auto;
}

#header{
 position:relative;
 height:185px;
 width:100%;
 display:block;
 overflow:auto;
 z-index: 10;
}

#leftcol{
 width:230px;
 float:left;
 position:relative;
 z-index: 10;
}

#maincol{
 background-color: #740b0e;
 position: relative;
 width:630px;
 float:right;
 min-height:355px;

 padding:10px 20px;

 -moz-border-radius-topleft: 15px;
 -moz-border-radius-topright: 15px;
 -webkit-border-top-left-radius: 15px;
 -webkit-border-top-right-radius: 15px;
 -khtml-border-top-left-radius: 15px;
 -khtml-border-top-right-radius: 15px;

 border-top-left-radius: 15px;
 border-top-right-radius: 15px;

 z-index: 20;
 }

#footer{
 height: 72px;
 background: url(images/bg-footer2.gif) bottom repeat-x;
 clear:both;
 display:block;
 overflow:auto;
 color: #fff;
}

#mitte{
 width:900px;
 text-align:right;
 margin: 0 auto;
 padding:25px 20px 0 0;

 background: url(images/bg-footer-mitte6.gif) no-repeat top right;
}



#footer a {
 font-size: 12px;
 text-decoration: none;
 color: #e4e4ae;
}

#footer a:hover {
 text-decoration: underline;
}

img {border: 0px;}

img.bg {
	/* Hintergrund fuellen */
	min-height: 100%;
	min-width: 1024px;
	/* Skalieren */
	width: 100%;
	height: auto;
	/* feste Positionierung */
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
}

img.polaroid {
	border: 5px solid #fff;
	margin-right: 15px;
	margin-top: 15px;
}


ul#navigation li {

	margin: 0;
	text-align: left;
	border-bottom: 2px solid #fff;
	width: 70%;
}

ul#navigation  {
	margin: 40px 0 0 0;
	padding: 0 0px;
	list-style: none;
}

ul#navigation a  {
	color: #740b0e;
	font-family: arial,sans-serif,verdana;
	text-decoration: none;
	width: 85%;
	display: block;
	font-weight: bold;
	padding: 5px 5px 5px 20px;
}

ul#navigation a:hover  {
	color: #f0f1c8;
	background-color: #740b0e;
	text-decoration:none;
	display:block;
/*
 -webkit-border-top-left-radius: 15px;
 -webkit-border-top-right-radius: 15px;
 -khtml-border-top-left-radius: 15px;
 -khtml-border-top-right-radius: 15px;


 border-top-right-radius: 15px;
 border-bottom-right-radius: 15px;
*/

}

input, textarea {
	border: solid #000 1px;
	background: #e4e4ae;
	color: #000;
	font-family: arial,sans-serif,verdana;
	margin-top: 3px;
	padding:2px;
}

h2
{
	display: block;
	width: 80%;
	border-bottom: solid #e4e4ae 1px;
}

.news
{
	display: block;
	width: 90%;
	border-bottom: solid #e4e4ae 1px;
	font-size:18px;
}

/* ******************************************************************** */
/* Clearfix: http://csscreator.com/attributes/containedfloat.php        */
/* ******************************************************************** */
.clearfix:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
 }

.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */




/* ******************************************************************** */
/*                      printer styles                                  */
/* ******************************************************************** */

 @media print{
/*hide the left column when printing*/
#leftcol{display:none;}
#twocols, #maincol{width:100%; float:none;}
}