HTML, BODY, SELECT, INPUT, TD, TEXTAREA, SELECT {
	font-family:Arial, Helvetica, Verdana, Geneva, sans-serif;
	font-size:12px;
	margin:0;
	padding:0;

	 }

H1, H2, H3 {
	font-family:Arial, Helvetica, Verdana, Geneva, sans-serif;
	font-size:12px;
	margin:0;
	padding:0;
	display:inline;
	font-weight:normal;
}

body {
	height:100%;
		background-color:#FFF;
	color:#FFF;
	}

form input, textarea {
	color:#000;
	}

a {
	color:#FFF;
	text-decoration:underline;
	}

a:hover {
	text-decoration:none;
	}

ul {
	margin:0;
	padding:0;
	}

.clear {
	clear:both;
	}

#wrapper {
	background-color:#000;
  	/*margin-left: 20px;
  	margin-top:20px;
  	margin-bottom:20px;
   	margin-right: auto;*/
   	border:20px solid #FFF;
   	padding:0;
   	/*min-height:1200px;*/
   	height:100%

}

#container {
	/*width:99%;*/

	}

#header,#subhead,#navi,#content,#footer {
	margin-left:24px;
	margin-right:24px;
	/*border:1px solid yellow;
	width:862px;*/
	}

#header {

	margin-top:14px;;
	background-image:url(../images/logo.gif);
	background-repeat:no-repeat;
	text-align:right;
	/*height:122px;*/

	}

#logo {
	width:400px;
	height:122px;
	float:left;
	}
#header img {
	margin-top:80px;

}

#content {
	padding-top:70px;
	text-align:center;

	}

#footer {
	text-align:right;
	background-image:url(../images/bg_footer.gif);
	background-repeat:no-repeat;
	margin-top:30px;
	padding-bottom:20px;
}

#footer p {
	text-align:left;
	padding:10px 10px 10px 0;
	}

#subhead {
	background-image:url(../images/bg_navi.gif);
	height:83px;
	}


ul#navi {
	padding:55px 0 0 30px;
	}

ul#navi_footer {
	padding:15px 0 0 0;
	}

ul#navi li {
	list-style: none;
    display: inline;
	padding: 0 0 0 0;
	color:#FFF;
	font-size:1.1em;
	text-transform:uppercase;
	margin-right:13px;
	}

ul#navi li a {
	padding-left:25px;
}

ul#navi li a:hover, ul#navi li a.active {
	color:#FFF;
	background: no-repeat left url(../images/navi/bg_navi.gif);
}

ul#navi a, ul#navi_footer a  {
	color:#FFF;
	text-decoration:none;
	}

ul#navi a.active, ul#navi a:hover, ul#navi_footer a.active, ul#navi_footer a:hover {
	color:#FFF;
	text-decoration:none;
	color:red;
	}

ul#navi_footer li {
	list-style: none;
    display: inline;
	padding: 0 0 0 0;
	color:#FFF;
	font-size:1.1em;
	text-transform:uppercase;
	}


ul#navi li.first, ul#navi_footer li.first {
	background-image:url(../images/navi_arrow.gif);
	background-repeat:no-repeat;
	padding-left:28px;
	}


#content {
	background-color:#000;
}

#content .modul_headline {
	background-image:url(../images/bg_modul_trenner.gif);
	height:18px;
	margin-bottom:45px;
}

#content .modul_trenner {
	background-image:url(../images/bg_modul_trenner.gif);
	height:18px;
	margin:28px 0 28px 0;
}

#content .modul_trenner_small {
	background-image:url(../images/bg_modul_trenner.gif);
	height:18px;
}

#content .modul_headline img {
	vertical-align:top;
	}

#content .modul_headline .headline {
	background-color:#000;
	height:18px;
	color:#FFF;
	font-size:1.1em;
	text-transform:uppercase;
}

/* Home */
#home #cover {
	margin-left:500px;
	width:375px;
	}
#home #editorial {
	float:left;
	width:380px;
	text-align:left;
	margin-left:55px;
	line-height:15px;
	font-size:13px;
	margin-top:20px;
	}

/* Formcheck*/
.message_true {
	margin:20px auto 20px auto;
	padding:5px;
	border:1px solid #33CC33;
	background-color:#CCFFCC;
	color:#000;
	width:390px;
	text-align:center;
	}

#blattkritik .centercol .message_true p {
	margin:0;
	padding:0;
}



.message_false {
	color:#000;
	margin:20px 0 0 20px;
	padding:10px;
	border:1px solid #FF0000;
	background-color:#FF9999;
	width:100%;
	}

#messagebox .error {
	color:red;
	}

ul#messagebox {
	padding-top:4px;
}

ul#messagebox li{
	list-style-type: none;
}

/*Blattkritik*/

#blattkritik .item h2 {
	text-transform:uppercase;
	font-size:1.1em;
	font-weight:normal;

}
#blattkritik .item .page {
/*width:264px;*/
text-align:right;
float:left;
font-size: 10px;
text-transform:uppercase;
}

#blattkritik #ecard {
	border:2px solid red;
	padding:8px;
	}

#blattkritik #ecard .intro {
	text-align:center;
	padding:10px 0 10px 0;
	}

#blattkritik #ecard p {
	margin:0;
	}

#blattkritik #ecard .image {
	margin-bottom:0;
	}

#blattkritik .item .image_small {
float:left;
text-align:center;
width:200px;
margin-left:auto;
margin-right:auto;
}

#blattkritik .image {
text-align:center;
width:400px;
margin-left:auto;
margin-right:auto;
margin-bottom:30px;
}

#blattkritik .item .text {
text-align:left;
}

#blattkritik .centercol {
text-align:left;
width:420px;
margin-left:auto;
margin-right:auto;

}

#blattkritik .centercol_wide {
text-align:left;
width:600px;
margin-left:auto;
margin-right:auto;
}

#blattkritik .centercol p {
margin-bottom:5px;
}

#blattkritik .centercol .comments p {
margin-bottom:0px;
}

#blattkritik a {
color:#FFF;
text-decoration:none;
}

#blattkritik textarea {
width:390px;
height:150px;
border:none;
margin:10px 0 10px 0;
padding:5px;
}

#blattkritik input {
margin-bottom:10px;
width:390px;
border:none;
padding:5px;
}

#blattkritik input.email {

}

#blattkritik input.submit {
color:#FFF;
background-color:#000;
padding:5px;
width:400px;
cursor:pointer;
}

#blattkritik .comments {
margin-top:30px;
}

#blattkritik .comments .username a, #blattkritik .comments .zeit {
	color:#CCCCCC
	}

#blattkritik h1 {
	margin-top:0;
	text-transform:uppercase;
	font-size:1.5em;
	font-weight:normal;
	display:block;
	}


#blattkritik .seite {
	color:#CCCCCC;
	text-transform:uppercase;
	}

#blattkritik {
text-align:center;
margin-left:auto;
margin-right:auto;
}

/*Weitersagen - Ecards */
#ecard {
	margin-left:auto;
	margin-right:auto;
	width:400px;
	text-align:center;
	}
#ecard .image {
	float:left;
	width:120px;
	margin-right:auto;
	margin-left:10px;
}




#ecard textarea {
width:390px;
height:150px;
border:none;
margin:10px 0 10px 0;
padding:5px;
}

#ecard input {
margin-bottom:10px;
width:390px;
border:none;
padding:5px;
}

#ecard input.radio {
margin-top:5px;
width:30px;
border:none;
}

#ecard input.submit {
color:#FFF;
background-color:#000;
padding:5px;
width:400px;
cursor:pointer;
}

#ecard .success p  {
	background-color:#FFF;
	width:390px;
	padding:5px;
	text-align:left;
	color:#000;
	}
#ecard .success a  {
	color:#000;
	text-decoration:none;
	}

#ecard .success .message_true {
	border:1px solid #33CC33;
	background-color:#CCFFCC;
	margin:0;
	text-align:center;
}

/*newsletter*/
#newsletter {
	margin-left:auto;
	margin-right:auto;
	width:300px;
	text-align:center;
	height:100%;
	}

#newsletter textarea {
width:290px;
height:150px;
border:none;
margin:10px 0 10px 0;
padding:5px;
color:#000;
}

#newsletter input {
margin-bottom:10px;
width:290px;
border:none;
padding:5px;
color:#000;
}


#newsletter input.submit {
color:#FFF;
background-color:#000;
padding:5px;
width:300px;
cursor:pointer;
}

/*Kaufen */
#kaufen {
	margin-left:auto;
	margin-right:auto;
	width:440px;
	text-align:left;
	}
#kaufen label, #kaufen input, #kaufen select { /* Alle Labels UND Formularelemente auswählen */
  display: block;
  float: left;
  width: 200px; /* Breite.*/
  margin-top:10px;
  padding:5px;
}

#kaufen input,#kaufen select {
	border:none;
	color:#000;
	}
#kaufen input.hidden {
	padding:0;
	margin:0;
	border:none;
	}

#kaufen input.submit {
	color:#FFF;
	background-color:#000;
	padding:5px;
	width:300px;
	cursor:pointer;
	text-transform:uppercase;
}

#kaufen label {

	}

#kaufen input.select {
	width:30px;
	margin:20px 0 0 0;
	}


#kaufen form br { /* Alle Zeilenumbrüche in Formularen auswählen */
  clear: left; /* das floating der labels und inputs aufheben */
}

#kaufen input#submit { /* den Submit-Button */
  float: none;
  width: auto;
  cursor:pointer;
}

#kaufen p {

	width:420px;
	}

#kaufen p.small {
	font-size:0.8em;
	margin:20px 0 20px 0;
	}
#kaufen label.error {
	color:red;
	font-style:italic;
	}

#kaufen input.error {
	border:2px solid red;
	}

#kaufen #messagebox label {
	float:none;
	}

#kaufen div.summe_text {
	width:200px;
	float:left;
	background-color:#000;
	color:#FFF;
	margin-top:10px;
	padding:5px;
	border:1px solid red;
	}

#kaufen div.summe {
	width:200px;
	background-color:#FFF;
	color:#000;
	margin-left:210px;
	margin-top:10px;
	padding:5px;
	border:1px solid red;
	}

/*Umfrage */
#umfrage {
	width:500px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	}

#umfrage label, #umfrage input, #umfrage select, #umfrage textarea { /* Alle Labels UND Formularelemente auswählen */
  display: block;
  float: left;
  width: 400px; /* Breite.*/
  margin-top:5px;
  padding:5px;
}

#umfrage textarea {
width:390px;
height:150px;
border:none;
margin:10px 0 10px 0;
padding:5px;
}

#umfrage input,#umfrage select {
	border:none;
	color:#000;
	}
#umfrage input.hidden {
	padding:0;
	margin:0;
	border:none;
	}

#umfrage label {
	margin-top:5px;
	}

#umfrage input.checkboxen {
	width:30px;
	padding:5px;
	margin:10px 0 0 0;
	}

#umfrage input.alter {
	width:100px;
	padding:5px;
	margin:10px 0 0 0;
	float:none;
	}

#umfrage label.alterlabel {
	width:100px;
	float:left;
	}

#umfrage #adressdaten input, #umfrage #adressdaten label {
	width:200px;
	float:left;
	}

#umfrage form br { /* Alle Zeilenumbrüche in Formularen auswählen */
  clear: left; /* das floating der labels und inputs aufheben */
}

#umfrage input#submit { /* den Submit-Button */
  float: none;
  width: auto;
  cursor:pointer;
}

#umfrage h2 {
	font-weight:bold;
	font-size:14px;
	display:block;
	margin-top:40px;
	}

#umfrage table {
	width:500px;
	}
#umfrage table td {
	text-align:left;
	}

/***********************************************
JQuery für Bildergalerie
***********************************************/

.galleria{
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-left:auto;
margin-right:auto;
width:470px;
}
.galleria li{
display:block;
float:left;
height:48px;
margin:0 5px 5px 0;
overflow:hidden;
width:73px;
}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
.galleria li .bu{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */
#main_image{
border-bottom:1px solid;
font-family:"Times",Arial,Helvetica;
font-size:24px;
margin-bottom:25px;
margin-left:auto;
margin-right:auto;
margin-top:-10px;
min-height:200px;
text-align:center;
width:462px;
	}
#main_image img{margin-bottom:15px;}