@charset "utf-8";
/* Druck - CSS Document */

/* Copyright: Franziska Maelzer            */
/* www.netzspielwiese.de                 */
/*                                     */

body { 	background-color: #38710C;
		text-align:center;
		font-family:Verdana, Geneva, sans-serif;
		font-size:1em;
		}

a:link,
a:visited,
a:focus,
a:hover,
a:active {
	color:#38710C;
	}
a:visited {
	color:#000;
	}
a:focus,
a:hover,
a:active {
	color:#C60;
	text-decoration:none;
	}
	

img {
	float:left;
	margin:5px 2em 1em 0;
	background-color:#fff;
	padding:5px;
	border:1px solid #ccc;
	}
img.noborder {
	padding:0;
	border:none;
	}
img.erstesBild {
	float:left;
	border:none !important;
	margin:-1em 1.5em  0.5em -1.5em;
	max-width: 40%;
	height: auto;
	}
h1, h2, h3, h4 {
	display: block;
	font-family:Oswald, Impact,Charcoal, sans-serif;
}

/* * * * * * * * * * * * * * * * * * */
/* * Allgemeine Klassen  * * * * * * */
/* * * * * * * * * * * * * * * * * * */
.unsichtbar {
  display: block;
  position: absolute !important;
  top: -6000px !important;
  left: -6000px !important;
  height: 1px !important;
  width: 1px !important;
}
.stopFloat{
  display: block;
  clear: both;
  float: none;
  height: 1px;
  font-size: 1px;
  line-height: 1px;
  overflow: hidden;
}

.rightFloat {
	float:right;
	margin:0 0 0 0.5em;
}
.leftFloat {
	float:left;
	margin:0 0.5em 0 0;
}
.rightAlign {
	text-align:right;
}
.leftAlign {
	text-align:left;
}

/* * * * * * * * * * * * * * * * * * */
/* * Ebenen  * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * */

#hintergrundbild {
	display:none;
}

#wrapper {
	position:relative;
	}
	
	/*******************************************/
	/* HEADER                                  */
	/*******************************************/

	#wrapper,
	#header,
	footer{
		position:relative;
		width:100%;
		margin:0 auto;
		text-align:left;
		}
			#header {
				z-index:1000;
				position:absolute;
				top:-10px;
				left:auto;
				height:161px;
				margin-left:-20px;
				}
				
				#bild_links,
				#bild_l_m,
				#bild_r_m,
				#bild_rechts {
					display:none;
					}
				
				#header_innen {
					text-align:left;
					margin:0;
					background:none;
					height:161px;
					position:relative;
					}
					img#logo {
						margin:35px 0 0 7px;
						position:absolute;
						width:317px;
						height:75px;
						}
					/***********************************************/
					/* NAVIGATION *********************************/
					/*********************************************/

					ul#navigation {
						display:none;
					}
					/************************************/
						.klein {
							text-transform:lowercase;
							}
						
	/*******************************************/
	/* MAIN                                    */
	/*******************************************/
	
	#main {
		min-height:100%;
		background:url(img/bg.png) repeat 0 0;
		margin:0;
		text-align:left;
		}

	/*******************************************/
	/* INHALT                                  */
	/*******************************************/
	
	#wrapper_inhalt {
		display:none;
		}
	#inhalt {
		margin:0;
		padding:0;	
	}
		#hauptinhalt {
			background-color:#ffffff;
			padding:150px 0 0 0;
			position:relative;
			
		    -webkit-border-bottom-left-radius: 10px;
			-khtml-border-bottom-left-radius: 10px;
			-moz-border-bottom-left-radius: 10px;
			border-bottom-left-radius: 10px;
			
		    -webkit-border-bottom-right-radius: 10px;
			-khtml-border-bottom-right-radius: 10px;
			-moz-border-bottom-right-radius: 10px;
			border-bottom-right-radius: 10px;
			
		    -webkit-border-top-left-radius: 10px;
			-khtml-border-top-left-radius: 10px;
			-moz-border-top-left-radius: 10px;
			border-top-left-radius: 10px;
			
		    -webkit-border-top-right-radius: 10px;
			-khtml-border-top-right-radius: 10px;
			-moz-border-top-right-radius: 10px;
			border-top-right-radius: 10px;
	
		}
		.ws_images {
		    -webkit-top-bottom-left-radius: 10px;
			-khtml-top-bottom-left-radius: 10px;
			-moz-top-bottom-left-radius: 10px;
			border-top-left-radius: 10px;
		    -webkit-top-bottom-right-radius: 10px;
			-khtml-top-bottom-right-radius: 10px;
			-moz-top-bottom-right-radius: 10px;
			border-top-right-radius: 10px;
			}
		.ws_images img,
		.ws_bullets img {
			padding:0;
			margin:0;
			}
			#textinhalt {
				width:100%;
				position:relative;
				float:left;
			}
			#textinhalt ul, ol {
				list-style:none;
				text-align:left;
				font-size:0.9em;
				line-height:1.7;
				margin-bottom:1em;
				text-shadow:1px 1px 1px #bbb;
			}
				#textinhalt ul li,
				#textinhalt ol li {
					background:url(img/li.gif) no-repeat 0 0 ;
					padding-left:24px;
					}
			#textinhalt h1 {
				font-size:1.5em;
				text-align:left;
				margin:1em 0 1.5em 0;
				color:#ff9900;
				text-shadow:1px 1px 1px #777;
				font-weight:normal;
				/* letter-spacing:5px; */
				}
			#textinhalt h2 {
				font-size:1.3em;
				text-align:right;
				margin-bottom:2em;
				margin-top:3em;
				padding-right:0.25em;
				color:#38710C; 
				clear:both;
				}
				#textinhalt h2 a,
				#textinhalt h1 a {
					color:#38710C; 
					text-decoration:none;
					}
			#textinhalt h3 {
				font-size:1.1em;
				text-align:left;
				margin:3em 0 2em 0;
				color:#38710C;
				}
			#textinhalt h4 {
				font-size:0.9em;
				text-align:left;
				margin-bottom:1em;
				color:#38710C;
				}

			#hauptinhalt  {
				text-align:left;
				font-size:0.8em;
				line-height:1.5;
				margin-bottom:1em;
				text-shadow:1px 1px 1px #bbb;
				}
			#hauptinhalt img {
				padding:8px;
				border:8px solid #F90;
				background-color:#Fff;
				} 
			#hauptinhalt a:focus img,
			#hauptinhalt a:hover img,
			#hauptinhalt a:active img{
				border-color:#38710C !important;
				} 
		#hauptinhalt .box {
			display:none;
		}

	/*******************************************/
	/* FOOTER                                  */
	/*******************************************/
	
	footer {
		position:relative;
		height:141px;
		width:100%;
		margin-top:-141px;
		}
		footer p {
			font-size:12px;
			color:#38710C;
			padding:75px 10px 0 0;
			text-align:right;
		}
		#f_bild_links,
		#f_bild_l_m,
		#f_bild_r_m,
		#f_bild_rechts {
			display:none;
		}
		
		#footer_innen {
			display:none;
			}
			
	/*******************************************/
	/* Extra                                   */
	/*******************************************/
	.kleiner-ie6 {
		margin:40px;
		color:#fff;
		line-height:1.5em;
		}
		.kleiner-ie6 a {
			color:#fff !important;
			}
	.postmetadata {
			display:none;
			
		}
	/* Overflow-Methode zum Clearen der Float-Umgebungen */
	.floatbox { overflow:hidden; }
	/* .floatbox-Anpassung fuer IE */
	/* Hides from IE-mac \*/
	* html .floatbox {width:100%;}
	/* End hide from IE-mac */
	.floatbox {display: inline-block; width: auto; } 

	a.www img {
		padding-bottom:20px !important;
		background:#f7f7f7 url(img/www.gif) no-repeat 100% 100% !important;
	}
	a.imagelink img {
		padding-bottom:20px !important;
		background:#f7f7f7 url(img/vergroessern.gif) no-repeat 100% 100% !important;
		}
	a.starten img {
		padding-bottom:20px !important;
		background:#f7f7f7 url(img/starten.gif) no-repeat 100% 100% !important;
	}
	.navigation_2 p,
	.navigation p{
		display:none;
		}
	.nichtfett {
		font-weight:normal;
		}
	a.more-link {
		clear:both;
		display:inline-block;
		font-size:0.8em;
		text-decoration: none;
		text-align:right;
		color: #000000;
		margin-top:0.5em;
		margin-left:0;
		padding: 5px 10px 6px 10px;
	    -webkit-border-radius: 15px;
		-khtml-border-radius: 15px;
		-moz-border-radius: 15px;
		border-radius: 15px;
		background: #ffc700;
		box-shadow: 0 2px 10px #fff, inset 0 1px hsla(0,0%,100%,.3), inset 0 .4em hsla(0,0%,100%,.2), inset 0 10px 20px #FFF200, inset 0 -15px 30px #f90;
		text-shadow:1px #ccc;
		line-height: 1.5;
		-webkit-hyphens: manual;
		}
		a.more-link:focus,
		a.more-link:hover,
		a.more-link:active {
			color:#ffffff;
		background: #f53a00;
		box-shadow: 0 2px 10px #fff, inset 0 1px hsla(0,0%,100%,.3), inset 0 .4em hsla(0,0%,100%,.2), inset 0 10px 20px #FFF200, inset 0 -15px 30px #f90;
		}
		/* * * * * * * * * * * * * * * * * * * * * * * */
		/* Formulare * * * * * * * * * * * * * * * * * */
		
		form {
			margin-bottom:1em;
			margin-top:2em;
			text-align:left;
		}
		
		textarea,
		input {
			padding:1px 1px 0 3px;
			margin:0.5em 0 0 1.5em;
			padding:0.4em;
			border:1px solid #C1C1C1;
			background:#ffffff url(img/layout/zitat_bg.gif) no-repeat 100% 100%;
			color:#111111; /* #E97026; */
			font-weight:normal;
			text-shadow:1px 1px 1px #eee;
			font-size:1.1em !important;
		}
		textarea#comment {
			width:60%;
		}
		input {
			background:none;
			width:60%;
			border-width: 0 0 1px 0;
		}
		textarea:focus,
		input:focus {
			font-weight:bold;
			color:#f90;
		}
		input.submit_comment,
		input.submit_kontaktformular {
			clear:both;
			display:inline-block;
			margin-left: 20%;
			font-size:0.9em !important;
			text-decoration: none;
			text-align:center;
			color: #000000;
			padding: 8px 20px 8px 20px;
			-webkit-border-radius: 15px;
			-khtml-border-radius: 15px;
			-moz-border-radius: 15px;
			border-radius: 15px;
			background: #ffc700;
			box-shadow: 0 2px 10px #fff, inset 0 1px hsla(0,0%,100%,.3), inset 0 .4em hsla(0,0%,100%,.2), inset 0 10px 20px #FFF200, inset 0 -15px 30px #f90;
			text-shadow:1px #ccc;
			line-height: 1.5;
			-webkit-hyphens: manual;
			width:78%;

		}
		input.checkbox {
			margin:0;
			padding:0;
			width:2em;
		}
		div.psx_kontaktformular {
			padding-top:0.5em;
		}
		input.y_name,
		input.y_email,
		input.blog,
		input.your_subject,
		input.submit_kontaktformular,
		textarea.y_msg {
			margin-left:0;
		}
		textarea.y_msg {
			width:85%;
		}
	  form dl {
		margin:0;
		font-size:0.8em;
	  }
	  form dt {
		float:left;
		width:15%;
		margin-top:0.5em;
		text-align:right;
		font-size:1.1em;
		font-weight:normal;
		position:relative; /*IEWin hack*/
		color:#666666;
	  }
		form dt label {
			text-shadow:1px 1px 1px #ccc;
		}
		form dd {
			margin-left:100px;
			margin-bottom:0.9em;
			font-size:1em;
			font-style:normal;
			padding-left:0.5em;
		}
		form dd.pflichtfelder {
			text-align:right;
			margin-right:9em;
		}
		
		/* * */
		img.gravatar {
			-webkit-border-radius: 50px;
			-khtml-border-radius: 50px;
			-moz-border-radius: 50px;
			border-radius: 50px;
			}
		.comment_text img {
			border:none !important;
			margin:5px !important;
			padding:0 !important;
			}
		#textinhalt .commentlist li {
			background-image:none !important;
			clear:both;
			padding:2em;
			-webkit-border-radius: 15px;
			-khtml-border-radius: 15px;
			-moz-border-radius: 15px;
			border-radius: 15px;
			
			}
		.commentlist li.alt  {
			background-color:#f9f9f9 !important;
			}
		.commentmetadata {
			font-size:0.75em !important;
			}
		label.kommentarbeschriftung {
			display: block;
			float: left;
			text-align: right;
			width: 35%;
			margin-right:0.5em;
			color: #666666;
			font-size:0.9em;
		}
		p.kommentarbeschriftung {
			color: #666666;
			margin-left:20%;
			font-size:0.8em !important;
		}
		code {
			font-family:"Courier New", Courier, monospace;
			text-align:left;
			
			}
		pre {
			font-family:"Courier New", Courier, monospace;
			font-size:0.8em !important;
			line-height:1.5em;
			display:block;
			margin:1em 0 1em 0;
			padding:2em;
			border:1px solid #ededed;
			overflow:auto;
			text-align:left;
	}

					.js #toggleNavMain {
						display:none;
					}
		#kommentare {
			display:none;
			}