@media screen {

	/* ################################
	* ### Allgemeine Einstellungen ###
	* ################################ */

	html {
		height: 100%
	}


	body {
		/* Hiermit werden Scrollbalken erzwungen, auch wenn die Bildschirmhoehe groe�er der Inhaltshoehe ist.
			Somit wird der 10-Pixel-Sprung verhindert, wenn die Inhaltsmenge einen Scrollbalken erzwingt. */
		min-height: 101%;
		margin: 0 auto 0;
		padding: 0 0 40px 0;
		position: relative;
		color: #333;
		background: #333333 url(../img/body_bg.jpg) top left repeat-x;
		text-align: center;
		font-family: "Lucida Grande","Lucida Sans Unicode",Tahoma,Verdana,Arial,sans-serif; 
		font-size: 10px;
		line-height: 150%;
	}


	/* Wir setzen Randabstaende und Rahmen in ALLEN HTML-Elementen auf Null. Allerdings ruft dies das extreme
	Zoom-Verhalten des IE hervor, welches in der Datei ie_hacks.css wieder beseitigt wird. */
	* {
		margin: 0;
		padding: 0;
		border: 0;
	}


	/* Wir benoetigen hr's fuer ne vernuenftige XHTML-Struktur, aber sehen wollen wir sie so nich... */
	hr {
		display: none;
	}


	/* Clearen von floats mittels dieses speziellen hr-Tags */
	hr.clearFloats {
		clear: both;
	}


	/* An manchen Stellen werden im Dokument Notizen zu Inhaltssegmenten hinterlassen, wollen wir im Browser nicht sehen,
	da selbsterklaerend, aber im XHTML-Dokument an sich ... lynx zeigts uns ... */
	.hiddenButUseful {
		display: none;
	}


	a:link, a:visited {
		text-decoration: none;
		color: #CC0000;
	}

	a:hover, a:active {
		text-decoration: underline;
		color: #CC0000;
	}

	h1, h2, h3 {
		font-size: 1.75em;
		font-weight: normal;
		color: #000;
		padding: 5px 2px 2px 0;
		margin: 0 0 15px 0;
		line-height: 2em;
	}


	p {
		font-size: 1.2em;
		font-weight: normal;
		line-height: 170%;
		color: #333;
		padding: 0 0 10px 0;
	}

	#navL1 {
		width: 1000px;
		margin: 0 auto 0 auto;
		text-align: left;
		padding: 50px 0 0 0;
	}

	ul {
		list-style-type: none;
		margin: 0 0 0 10px;
		padding: 0;
	}


	ol {
		margin: 0 0 0 20px;
		padding: 0;
	}


	#navL1 ul li {
		font-size: 1.75em;
		font-weight: normal;
		line-height: normal;
		color: #333;
		padding: 0;
		margin: 0 25px 0 0;
		float: left;
	}

	#navL1 ul li a:link, 
	#navL1 ul li a:visited, 
	#navL1 ul li a:hover, 
	#navL1 ul li a:active{
		color: white;
		text-shadow: 1px 1px 0 #000;
	}
	
	li {
		font-size: 100%;
		font-weight: normal;
		line-height: normal;
		color: #333;
		padding: 0;
	}

	.tagCloud ul li {
		display: inline;
		margin: 0 5px 0 0;
	}

	td {
		font-size: 75%;
		font-weight: normal;
		color: #333;
		padding: 0;
	}

	input, textarea {
		font-family: arial, helvetica, verdana, sans-serif;
		font-size: 75%;
		font-weight: normal;
		color: #333;
		padding: 0;
	}


	hr.clearColumns {
		content: ".";
		display: block;
		height: 0;
		line-height: 0px;
		clear: both;
		visibility: hidden;
		border: 0;
		padding: 0;
	}

	img {
		behavior: url(./css/iepngfix.htc);
	}
	.standardClearer {
		clear: both;
	}

	#page {
		/*background: #a5a300;*/
	}

	#headerWrap {
		background: #CC0000;
		height: 120px;
	}
	#header {
		width: 1000px;
		text-align: left;
		padding: 35px 10px;
		margin: 0 auto 0;
	}

	#contentContainerWrap {
		background: #FFF;
	}
	
	#contentContainer {
		width: 1000px;
		margin: 0 auto 0;
	}

	#firstColumn {
		float: left;
		text-align: left;
		width: 540px;
		padding: 5px 10px;
		border-right: 1px solid grey;
	}

	#secondColumn, #thirdColumn {
		float: left;
		text-align: left;
		width: 198px;
		padding: 5px 10px;
	}

	#footerWrap {
		 background: #555555;
	}
	
	#footer {
		width: 980px;
		text-align: left;
		padding: 35px 10px;
		margin: 0 auto 0;
	}

	#socialBookmarks, #latestComments, #categories, .tagCloud, #secondColumn .mpContentItemNoImage {
		border: 1px dotted white;
		margin: 0 0 15px 0;
	}

	.date, .time {
		margin-left: -40px;
		background: #CC0000;
		padding: 10px;
		width: 90px;
		color: white;
		float: left;
		text-shadow:1px 1px 0 #000000;
	}
	
	.time {
		width: 30px;
	}
	
	.clear {
		clear:both;
		position:relative;	
	}
	
	.odd,
	.even {
		margin: 0 0 25px 0;
		padding: 10px;	
		border: 1px solid #CC0000;
	}
	
	.commentFormStyle {
		background: #EEE;
		padding: 10px;
		border: 5px solid #CC0000;
	}
	
	.author {
		margin-left: 5px;
	}
	
	.commentBody {
		clear: left;
	}
}
