body {
		 background: #FFF url(/images/hg_tapete.gif) left top repeat;
		 font: 63% Trebuchet MS, Arial, sans-serif;
		 text-align: center;
	}

a {
	color: #0061AF;
	}

a:hover {
	text-decoration: underline;
	}
			
/* --------- Seitenbereiche --------- */
#page {
			background:transparent url(/images/hg_page.gif) center top repeat-y;
			width: 750px;
			margin: 0 auto;
			text-align: left;
			}

#header {
				background: transparent url(/images/hg_header.jpg) 10px 8px no-repeat;
				position: relative;
				height: 140px;
				}

#content {
				 padding: 10px 10px 10px 20px;
				 }

.static-content {
				 margin: 20px 0 0;
				 }


#banner {
				margin: 0 0 30px;
				}

#main {
			width: 500px;
			float: left;
			}

#main div.article {
				margin: 0 0 30px;
        }

#sidebar {
				 width: 180px;
				 float: right;
				 }

#footer {
				clear: both;
				background: transparent url(/images/hg_footer.gif) center bottom no-repeat;
				width: 750px;
				margin: 0 auto;
				}
				
/* --------- Header --------- */

#header h1 {
				margin: 0;
				padding: 18px 20px 0 0;
				text-align: right;
				font-size: 1.8em;
				line-height: 1.0em;
				font-weight: bold;
				color: #8CD5EC;
				}

#header h1 a {
				color: #8CD5EC;
				text-decoration: none;
				background-color: transparent;
				}

#header h1 a:hover {
				background-color:#FFF;
				}

/*#header p{
				position: absolute;
				top: 68px;
				left: 20px;
				height: 57px;
				}

#header p a {
				background: transparent url(/images/logo_lautstark_off.jpg) bottom left no-repeat;
				display: block;
				height: 57px;
				width: 50px;
				text-indent: -10000px;
				}

#header p a:hover  {
				background-image: url(/images/logo_lautstark_on.jpg);
				}
*/

#header p { position: absolute; bottom: 15px; right: 30px; height: 75px; }

#header p a { background: transparent url(/images/logo_lautstark_off.jpg) no-repeat scroll left bottom; display: block; 

height: 75px; width: 67px; text-indent: -10000px; }



#header p a:hover  { background-image: url(/images/logo_lautstark_on.jpg);}


/* ----------- Seiteninhalt ----------- */


#main h1,
#main h2,
#main h3,
#main h4 {
	color: #824E15;
	}

#main h1 {
			background: transparent url(/images/hg_linie_content.gif) left bottom no-repeat;
			margin: 0 0 3px;
			padding-bottom: 5px;
			font-size: 2.0em;
			font-weight: 400;
			}

#main h2 {
			margin: 0 0 10px;
			font-size: 1.6em;
			font-weight: bold;
			}

#main h3 {
			margin: 0 0 10px;
			font-size: 1.3em;
			font-weight: bold;
	}

#main h1 a, 
#main h2 a, 
#main h3 a {
	 color: #824E15;
   }

#main h1 a:hover, 
#main h2 a:hover, 
#main h3 a:hover {
	 background-color: #824E15;
	 color: #FFF;
	 text-decoration: none;
	 }

#main p {
			margin: 0 0 10px;
			font-size: 1.3em;
			}

#main p.postmetadata, 
#main p.kommentare {
			margin: 0 0 15px;
			font-size: 1.1em;
			color: #A3A3A3;
			}
	
#main p.kommentare {
			clear: both;
			}
			
#main p.postmetadata a,
#main p.kommentare a {
			color: #96D0E4;
			}
			
#main p.artikelnav {
        margin-top:30px;
        text-align:center;
}

#main ul {
			margin: 0 0 10px 15px;
			list-style: none;
			font-size: 1.3em;
			}

#main ol {
			margin: 0 0 10px 10px;
			list-style-type: decimal;
			list-style-position: inside;
			font-size: 1.3em;
			}

#main ul li,
#main ol li {
			margin-bottom: 3px;
			}
			
#main ul li {
			background:url(/images/pfeil.gif) left center no-repeat;
			padding-left:15px;
			}

/* --------- Kommentarabschnitt ---------- */

#comments {
					margin-top: 30px;
					border-top: 1px solid #96D0E4;
					font-size: 0.7em;
					}

#comments h2 {
					font-size:1.6em;
					}

#comments ol {
					margin: 0;
					padding: 0;
					list-style: none;
					}

#comments ol li {
					background: #FFF url(/images/hg_blase_unten.gif) center bottom no-repeat;
					margin: 30px 0 0;
					padding: 0 0 3px;
					}

#comments ol li p {
					background: #FFF url(/images/hg_blase_oben.gif) center bottom no-repeat;
					margin: 15px 0 0;
					padding: 0 0 15px;
					color: #A3A3A3;
					}

#comments ol span {
					font-size: 1.1em;
					}

#comments ol li p img {
					position: relative;
					bottom: 10px;
					margin: 0 25px 10px 15px;
					float: left;
					}

#comments ol li div {
					margin-bottom: -5px;
					margin-top: -5px;
					background-color: #F4FCFF;
					border: 1px solid #92D0E5;
					border-width: 0 1px;
					}

#comments ol li div p {
					clear: both;
					background: none;
					margin: 5px 15px;
					padding: 0;
					color: #000;
					}


/* ------ Kommentareingabefeld ------ */

#txpCommentInputForm {
										 margin: 30px 0 20px;
										 padding: 15px;
										 background-color: #FAFCFC;
										 border-top: 1px solid #92D0E5;
										 }

#txpCommentInputForm h2 {
										 margin: 0;
										 }

input#name,
input#email,
input#web,
textarea#message,
#sidebar input {
			border: 1px solid #92D0E5;
			padding: 1px;
			font-size: 1.1em;
			color: #666;
			}

#remember, 
#forget {
				position: relative; /* Checkbox zurechtruecken */
				top: -2px;
				margin-right: 3px;
				}

#message {width: 350px;}			

/* --------- Sidebar-Formatierungen ---------- */

#sidebar h2 {
				 background:transparent url(/images/hg_balken_sidebar.gif) left top no-repeat;
				 height: 25px;
				 margin: 20px 0 10px 0;
				 padding: 0 0 0 30px;
				 font-size: 1.3em;
				 line-height: 1.95em;
				 color: #FFF;
				 }

#sidebar h3 {
				 margin: 10px 10px 0px;
				 font-size: 1.2em;
				 color: #A3A3A3;
				 }

#sidebar p {
				 margin: 0 10px 10px;
				 font-size: 1.1em;
				 color: #A3A3A3;
				 }

#sidebar input{
				 width: 100px;
				 }

#sidebar ul {
				 margin: 0 10px 10px;
				 }

#sidebar li {
				 background: transparent url(/images/icon_sheets.gif) left center no-repeat;
				 margin-bottom: 3px;
				 padding-left: 20px;
				 font-size: 1.3em;
				 font-weight: bold;	
				 }

#sidebar .sponsoren li {
				 background-image: none;
				 padding: 0;
				 margin-bottom:4px;
				 }

				 /*
#sidebar .sponsoren li a img {
				 background: transparent url(/images/hg_sponsoren_off.gif) top left no-repeat;
				 padding: 4px;
				 }

#sidebar .sponsoren li a:hover img {
				 background-image: url(/images/hg_sponsoren_on.gif);
				 }*/

#sidebar .sponsoren li a {
				 display:block;
				 background:transparent url(/images/hg_sponsoren_off.gif) top left no-repeat;
				 height:53px;
				 }
				 
#sidebar .sponsoren li a:hover {
				 background:transparent url(/images/hg_sponsoren_on.gif) top left no-repeat;
				 }
				 
#sidebar li a img {
				 margin:4px;
				 }


/* --------- Squarebutton Maerz08 --------- */

#sidebar p.squarebutton {
	margin: 20px;
	}

#sidebar p.squarebutton a {
	display: block;
	height: 135px;
	width: 135px;
	background:transparent url(/images/hg_squarebutton_off.gif) top left no-repeat;
	}

#sidebar p.squarebutton a:hover {
	background-image:url(/images/hg_squarebutton_on.gif);
	}

#sidebar p.squarebutton a img {
	padding: 5px;
	}

/* --------- Footer --------- */

#footer p {
				margin: 0 20px;
				padding: 7px 0px;
				border-top: 1px solid #E7E7E7;
				font-size: 1.1em;
				line-height: 1.5em;
				text-align: center;
				color: #D6D6D6;
				}

#footer a {
				color: #BCBCBC;
				}
				
/* --------- Artikelbild --------- */

.wet_article_thumb {
				float: left;
				margin: 0 10px 3px 0;
				}