@charset "utf-8";

html {
        height: 100%;
        overflow:auto;
}

body {
	margin:0; 
	padding:0;
	font-size:62.5%;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;	
	color: #333333;
	background-color: transparent;
	margin: 0px;
	padding: 0px;
	height: 100%;
	border-top: 1px transparent solid;
	margin-top: -1px;
	z-index:0; position:relative;
}

img#background {
	height: 100%;
	width: 100%;
	z-index: -1;
	position:absolute;
	color: white;
}


/**********************************************************************/
/*           	             Ebenen - Layout			                   

Die in den Content divs eingetragenen Hoehen sollten, wenn inhalt da
ist wieder entfernt werden, damit die divs mitwachsen.
Allerdings kann es bei 2 Spalten zu problemen kommen, z.B. das
die eine Spalte nicht mitwaechst wenn die andere groesser wird...dies
kann z.B. ueber ein hintergrundbild im content_wrapper behoben werden.
                                                                        */
/**********************************************************************/


#wrapper {
	width:900px;

	text-align:left;  /* text wieder links positionieren */
}

#header {
   margin-top: 30px;
   width:1000px;
   height:100px;
   float:left;
}

#content_wrapper {
   width:1000px;
   float:left;
}

#content_left {
   width:250px;
   height:450px;
   float:left;
}

#content_right {
   width:700px;

   float:right;
   background: url(images/bg.png);
}

div.clear {
   clear:both;
}


#blauerBereich {
   position:absolute;
   top:425px;
   left:1140px;
   width:30px;
   height:30px;
   margin:0px;
   z-index: 9;
}

#blauerBereich img {
   border: none;
}

#startseite-header {
	position:absolute;
	top:40px;
	left:50px;
}

#startseite-kara {
	position:absolute;
	top:120px;
	left:50px;
	overflow: auto;
}

#startseite-text {
	top:330px;
	left:50px;
	position:absolute;
	font-size:1em;
	color: #000;
}

#startseite a {
	color: #fff;

}

/**********************************************************************/
/*           	             Ebenen - Text			                      

Damit der text nicht am Rand klebt, gibt es in jedem div noch ein 
div mit einem margin, und event. Textformatierungen.
K nnte auch in dem div darueber mit padding geloest werden, wird 
aber von verschiedenen Browser unterschiedlich oder nicht 
interpretiert.
                                                                      */
/**********************************************************************/


#header_t {
   margin:20px;
   padding-left:40px;
   font-size:1.2em;
   color:#fff;
}

#content_left_t {
   margin:20px;
   font-size:1.2em;
   color:#000;
}

#content_right_t {
   margin:20px;
   font-size:1.2em;
   color:#000;
}

#footer_t {
   margin:20px;
   font-size:1.2em;
   color:#000;
}

/*
 */

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

#content_left ul
{
	list-style-type: none;
	list-style-image: none;
}

.entry {
	text-align: justify;
}

.pagenav {
	list-style-type: none;
	list-style-image: none;
}

a {
	font-family: Verdana;
	font-style: italic;
	color: #333333;
	font-size: 1.5em;
}

#content_right_t a  {
	font-size: 1em;
}

a:link, a:active, a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}


/* Begin Images */
p img {
        padding: 0;
        max-width: 100%;
	margin-right: 10px;
	margin-bottom: 10px;
        }

/*      Using 'class="alignright"' on an image will (who would've
        thought?!) align the image to the right. And using 
	'class="centered', will of course center the image. This
	is much better than using align="center", being much more
	futureproof (and valid) */

img.centered {
        display: block;
        margin-left: auto;
        margin-right: auto;
        }

img.alignright {
        padding: 4px;
        margin: 0 0 2px 7px;
        display: inline;
        }

img.alignleft {
        padding: 4px;
        margin: 0 7px 2px 0;
        display: inline;
        }

.alignright {
        float: right;
        }

.alignleft {
        float: left
        }
/* End Images */