/**
* DESIGN AND LAYOUT TAKEN OVER FROM http://css.maxdesign.com.au/floatutorial
* THANKS FOR THAT GREAT TUTORIAL
* TEMPLATE TUTORIAL (c) 2007 by C. Sommer (doc) for http://WebsiteBaker.org
*/

/* DEFINIERTE STARTWERTE FÜR ALLE HTML-ELEMENTE */
* {
 margin: 0;
 padding: 0;
}

/* HINTERGRUND FÜR DIE BROWSERSEITE */
body {
background-image:url(img/back.png);
background-repeat:repeat;
}

/* MINDESTGRÖßE DER SEITE*/
html, body {
height: 98%;
}
/****************************************************************
* NACHFOLGENDE DIV TAGS LEGEN DAS AUSSEHEN DER WEBSEITE FEST
* BANNER, 2 x NAVIGATION, INHALT MITTE, NEWS RECHTS, FUSSZEILE
****************************************************************/
#wrapper {
position:relative;
width: 70%;
min-width:850px;
height:auto;
min-height:85%;
margin: 50px auto 0px auto;
color: #333;
border: 1px solid gray;
background-color: #fff;
background-image:url(img/sidebar_back.png);
background-repeat: repeat-y;
background-position:right;
}

#banner_back {
background-image:url(img/logo_back.png);
background-position:center;
background-repeat:repeat;
}

#banner_logo {
background-image:url(img/logo.png);
background-position:center;
background-repeat:no-repeat;
height:220px;
border-bottom: 1px solid gray;
}

#navigation {
background-color: #000;
height: 20px;
padding: 5px 0.5em;
}

#sidebar {
max-width: 30%;
min-width: 250px;
padding-left:50px;
float:right;
}

#inhalt { 
padding: 1em;
min-width: 550px;
max-width: 60%;
height:auto;
min-height:100%;
}

#fusszeile {
width: 70%;
min-width:850px;
position:relative;
clear: both;
color: #333;
text-align:center;
background-color: #fc6;
border: 1px solid gray;
border-top:none;
margin: 0px auto 10px auto;
padding: 10px 0px;
}

/**************************************************************************
* NACHFOLGENDE CSS ANWEISUNGEN DIENEN DER FORMATIERUNG DES OBEREN MENÜS
* AUSRICHTUNG, KEINE LISTENSYMBOLE, AKTIVE ELEMENTE IN WEISSER SCHRIFT
***************************************************************************/
#navigation ul li {
display: block;
}

#navigation a {
outline-style:none;
color: #fff;
float: left;
font-size: 85%;
font-weight: 700;
text-decoration: none;
padding: 0 1em;
}

#navigation a:hover,
#navigation a:active {
background-color: #fc6;
padding: 0 1em;
color:#000;
}

#fusszeile ul li{
display: block;
}
/**************************************************************************
* NACHFOLGENDE CSS ANWEISUNGEN DIENEN DER FORMATIERUNG DIVERSER ELEMETE
* KEINE LISTENSYMBOLE, ABSTÄNDE ZU DEN RÄNDERN
**************************************************************************/

#sidebar h3{

 margin-bottom:10px;
}

#inhalt h1{
text-decoration:underline;
margin:0px 0.5em 20px 0.5em;

font-weight:bold;
}
#inhalt p{
text-decoration:none;
margin:0 1.5em;
}

#inhalt p a{
text-decoration:underline;
outline-style:none;
font-size:1em;
color:#c93;
font-weight:bold;
}

.post-title a{
text-decoration:underline;
outline-style:none;
font-size:1.5em;
color:#c93;
font-weight:bold;
margin-bottom:300px;
}

#short-div {
margin:20px 0 10px 0;
}

#news-back {
margin:20px;
}

#news-back a{
text-decoration:underline;
outline-style:none;
font-size:1em;
color:#000;
}

.post-short a{
text-decoration:underline;
outline-style:none;
font-size:1em;
color:#c93;
}

#readmore{
margin:0px 0px 25px 10px;
}

#fusszeile a{
outline-style:none;
text-decoration:none;
color:#000;
margin: 0px 5px;
padding: 5px;
}

#fusszeile a:hover{
text-decoration:underline;
color:#fff;

}

#fusszeile p{
font-size:0.8em;
margin-top:5px;

}