@charset "UTF-8";
/* CSS Document */

/*
Theme Name: grunge
Theme URI: http://www.hannes-mann.de/
Description: wordpress template by johannes mann
Version: 1.0
Author: Johannes Mann
Author URI: http://www.hannes-mann.de/
*/

html {
	height:100%;
	width:100%;
}

a {
	text-decoration:none;
	color:#0076c0;
}

a:hover {
	color:#005b94;
}

* {
	border:0;
}

* html #nonFooter {
	height: 100%;
	padding:0;
	margin:0;
}

body {
	height:100%;
	background-image:url(images/hintagrund.jpg);
	background-repeat:repeat;
	margin:0;
	padding:0;
	font-family:"Helvetica", "Myriad Pro-Regular", "Myriad Pro", "Myriad Pro-Semibold",  "Lucida Sans", "Lucida Grande", "Verdana", Times, sans-serif;
	border:0;
}

h1 {
	font-size:24px;
	margin-top:0;
}

.alignright {
	text-align:right;
}

.alignleft {
	text-align:left;
	float:left;
}

.alignright_home {
	float:right;
	display:inline;
}

.seiten_navigation {
	height:50px;
}

.alignleft_home {
	float:left;
	display:inline;
}

.unsichtbar {
	position:absolute;
	width:0;
	height:0;
}

#menu {
	position:absolute;
	left:800px;
	top:-160px;
	
}

.mittig {
	position:relative;
	left:-494px;
	margin-left:50%;
}

#header {
	position:absolute;
	left:-440px;
	margin-left:50%;
	top:-15px;
	border:0;
}

#gepunktet {
	position:absolute;
	top:30px;
	background-image:url(images/gepunktet.png);
	background-repeat:repeat-x;
	width:100%;
	height:72px;
	left:0;
}

#dubist {
	position:absolute;
	left:600px;
	top:-140px;
}

#polaroid {
	position:absolute;
	left:-110px;
	top:-100px;
	z-index:2;
}

.begr_text {
	position:relative;
	left:240px;
	width:608px;
	top:70px;
	text-align:justify;
}

/* Navigation */

#navi, navi ul { 
	list-style-type:none;
	margin:0;
	padding:0;
}

#navi li {
	float:left; 
}

#navi li ul {
	display:none;
}

.navileiste_oben {
	background-image:url(images/navileiste_oben.png) !important;
	height:21px !important;
}

.navileiste_unten {
	background-image:url(images/navileiste_unten.png) !important;
	height:38px !important;
}


#navi li ul li {
	background-image:url(images/navileiste_mitte.png);
	background-repeat:no-repeat;
	height:22px;
	width:297px;
	padding-left:22px;
	padding-top:4px;
}

#navi li ul li a {
	color:#FFF;
}

#navi li ul li a:hover {
	color:#000;
}

#navi li:hover ul {
	position:absolute;
	display:block;
	width:300px;
}

#navi li #list_teams li {
	list-style-type:none;
}

#navi li #list_haus li {
	list-style-type:none;
}

#navi li #list_teams {
	position:absolute;
	left:31px;
	top:36px;
}

#navi li #list_haus {
	position:absolute;
	left:116px;
	top:36px;
}

#navi {
	position:absolute;
	left:240px;
	top:20px;
	z-index:6;
}

#home_button {
	position:relative;
	top:0px;
	left:0px;
	border:0;
}

#teams_button {
	position:relative;
	top:0px;
	left:0px;
	border:0;
}

#haus_button {
	position:relative;
	top:0px;
	left:0px;
	border:0;
}

#events_button {
	position:relative;
	top:0px;
	left:0px;
	border:0;
}

#kontakt_button {
	position:relative;
	top:0px;
	left:0px;
	border:0;
}
/* Ende Navigation */


#rechteck_oben {
	position:absolute;
	left:13px;
	top:119px;
	background-image:url(images/rechteck_oben.png);
	width:985px;
	height:48px;
	background-repeat:no-repeat;
}

#rechteck_mitte {
	top:152px;
	left:50px;
	position:relative;
	background-image:url(images/rechteck_mitte.png);
	background-repeat:repeat;
	width:883px;
	margin-bottom:280px;
	z-index:3;
}

#rechteck_links {
	position:absolute;
	top:0px;
	left:-35px;
	background-image:url(images/rechteck_links.png);
	background-repeat:repeat-y;
	width:57px;
	height:100%;	
}

#rechteck_rechts {
	position:absolute;
	top:0px;
	left:1783px;
	background-image:url(images/rechteck_rechts.png);
	background-repeat:repeat-y;
	margin-left:-900px;
	width:45px;
	height:100%;
	z-index:1;
}

#rechteck_unten {
	position:relative;
	left:-34px;
	top:54px;
	background-image:url(images/rechteck_unten.png);
	background-repeat:no-repeat;
	width:985px;
	height:54px;
	z-index:1;
}


#inhalt {
	position:relative;
	left:0px;
	top:-10px;
}

.post_single img {
	display:none;
}

/* 404 */
#sry {
	position:relative;
	top:110px;
	left:320px;
	width:400px;
}

#sry img {
	margin-bottom:100px;
	margin-left:60px;
	margin-top:10px;
}

/* footer */

#zacken {
	position:relative;
	left:0;
	top:-28px;
	width:100%;
	height:28px;
	background-image:url(images/zacken_12.png);
	background-repeat:repeat-x;
}

#footer {
	position: relative;
	height:330px;
	width:100%;
	background-color:#1e1816;
	color:#fff;
}

#trenn_footer {
	position:absolute;
	left:20px;
	top:230px;
	background-image:url(images/trenn_footer.jpg);
	width:960px;
	height:2px;
}

#navi_footer {
	position:absolute;
	left:60px;
	top:-20px;
}

#navi_footer h4 {
	color:#ffd8a0;
}

#navi_footer ul {
	margin:0;
	padding:0;
	margin-top:-10px;
}

#navi_footer ul li {
	list-style:none;
	margin-bottom:10px;
}

#navi_footer ul li a {
	color:#005b94;
}

#navi_footer ul li a:hover {
	color:#0076c0;
}

#zeiten {
	position:absolute;
	top:-20px;
	left:276px;
}

#zeiten h4 {
	color:#ffd8a0;
}

#zeiten ul {
	margin:0;
	padding:0;
	margin-top:-10px;
}

#zeiten ul li {
	list-style:none;
	margin-bottom:10px;
}

#links {
	position:absolute;
	left:540px;
	top:-20px;
}

#links h4 {
	color:#ffd8a0;
}

#links ul {
	margin:0;
	padding:0;
	margin-top:-10px;
}

#links ul li {
	list-style:none;
	margin-bottom:10px;
	width:200px;
}

#links ul li a {
	color:#005b94;
}

#links ul li a:hover {
	color:#0076c0;
}

#adresse_footer {
	position:absolute;
	left:730px;
	top:-20px;
	width:200px;
	text-align:right;
}

#adresse_footer h4 {
	color:#ffd8a0;
}

#adresse_footer ul {
	margin:0;
	padding:0;
	margin-top:-10px;
}

#adresse_footer ul li {
	list-style:none;
	margin-bottom:10px;
}

#adresse_footer ul li a {
	color:#005b94;
}

#adresse_footer ul li a:hover {
	color:#0076c0;
}

#webdesign {
	position:absolute;
	top:240px;
	left:383px;
	font-size:12px;
	width:200px;
	text-align:center;
}

#webdesign a {
	line-height:20px;
}

#webdesign a {
	color:#005b94;
}

#webdesign a:hover {
	color:#0076c0;
}

.auswert_text {
	position:relative;
	left:240px;
	width:608px;
	top:120px;
	text-align:justify;
	margin-bottom:200px;
}

/* Single */

.post_single h2 {
	color:rgb(51, 51, 51);
}

#single_eintrag {
	position:relative;
	left:7px;
	top:100px;
	width:842px;
	text-align:justify;
	margin-bottom:100px;
}

.comment_datum {
	font-size:12px;
	color:#333;
}

.comments_oben {
	position:relative;
	top:15px;
}

.commentlist {
	list-style:none;
}

.avatar {
	position:relative;
	top:30px;
}

.input_kommentar {
	background-color:#fff;
	height:20px;
	border:solid 1px #999;
}

#comment {
	border:solid 1px #999;
}

#submit {
	background-color: inherit;
	background-image: url(http://struwwelpeters.de/wordpress/wp-content/themes/grunge/images/button.png);
	height: 24px;
	margin-right: 10px;
	width: 100px;
}
.comments_mitte {
	background-image:url(images/comments_mitte.png);
	background-repeat:repeat-y;
	width:674px;
	position:relative;
	top:-5px;
	left:54px;
	padding-left:30px;
}

.comments_mitte p {
	width:617px;
	position:relative;
	top:-16px;
	padding-bottom:-15px;
}

#freischaltung {
	color:#F00;
	display:inline;
}

.comments_unten {
	position:relative;
	top:-21px;
	left:54px;
}

.comment_datum {
	position:relative;
	top:-39px;
	left:84px;
}

.navigation {
	height:20px;
}

.absolute {
	position: absolute;
	text-align: left;
}


img.absolute {
	margin-top: -1px;
	margin-left: -1px;
}

span.absolute {
	margin-left: 6px;
	margin-top: 6px;
}

td.aktiv {
	text-align: left;
	position: relative;
}