/* --------allgemeine Formatierung ---------------*/
* {
padding:0;
margin:0;
border:0;
}

body, html {
height: 100%;
background: #40637f;
background-image: url(bg_blau.jpg);
background-repeat: repeat-y;
color:#182630;
text-align: center;
font-family: georgia, "times new roman", serif;   /*eigenes*/
}

a {
color:#000066;
}
a:hover   {
color:#660033;
}

#container  {
width:100%;
margin: 0 auto;
/*padding: 0 10px;     */
text-align: left;
position: relative;
min-height: 100%; /*moderne Browser*/
height: auto !important; /*moderne Browser*/
height: 100%; /*fuer IE*/
border: 1px solid #182630; /*eigenes ab hier*/
line-height: 130%;
}

/* ------ Formatierung des Kopfbereiches------------------------- */
#top {
position: relative;
height: 75px;
background-color: #40637f;
border-bottom: 1px solid #182630;
}

#top h1 {
font-size: 2.2em;
font-weight: normal;
font-style: italic;
text-align:center;
}

/* -----------------Formatierung des Menues ------------------- */
#menue {
float: left;
clear: left;
width: 150px;
margin: 20px 10px 20px 10px;       /*eigenes ab hier*/
/*padding: 2em 1em 2em 1em;  */
}

#menue ul{            /*eigenes*/
list-style-type: none;
}

#menue li {         /*eigenes*/
margin-top: 4px;
font-family: Arial, sans-serif;
}

#menue a {           /*eigenes*/
display: block;
width: 135px;
padding: 3px 5px 3px 10px;
text-decoration: none;
color: #182630;
border: 1px solid #182630;
background-color: #ffe380;}

#menue a:hover {        /*eigenes*/
color:#000099;
background-color:#cfdce6;
border-color: #182630;}

#active a  {             /*eigenes*/
display: block;
width: 135px;
padding: 3px 5px 3px 10px;
text-decoration: none;
color: #182630;
border: 1px solid #182630;
background-color: #FFCE24;}

#menue ul ul li {
margin-left: 20px;
padding: 0 0 0 10px;
}

#menue ul ul li a {
padding: 0;
color: #cfdce6;
border: none;
background-color: #40637f;
width: 120px;
}

/* -------Formatierung von Content -------------- */
#content {
max-width:500px;
margin: 0 10px 0 200px;
padding: 10px 10px 4em 50px;
min-height: 350px; /*moderne Browser*/    /*eigenes ab hier*/
height: auto !important; /*moderne Browser*/
height: 350px; /*fuer IE*/
/*border: 1px solid #cc9933;*//*nur fuer testzwecke*/
font-size: 95%;
}

#content h2, #content h3 {
margin: 5px 0 .5em 0px;
line-height: 130%;
font-family: Verdana, Arial, sans-serif;
color:#660000;}

#content h3 {
margin: 1em 0 .3em 0px;}

#content ul {
margin: 0 0 1em 20px;
}

#content p  {
margin: 0 0 .5em 0px;
text-align: justify;
}

/* ---------Boxen--------------*/
.box{
position: relative;  /*fuer IE */
background-color:#DDDDDD;
border: 1px solid #182630;
padding: 1em;
margin-top:1em; margin-bottom: 1em;
}

.box p{
color:#182630;
font-family: Arial, sans-serif;
font-size: 90%;}


/*Newsfeeder Stephanscom*/

#stephan
{position: absolute;
top: 95px;
left: 820px;
width: 100px;
}

#stephan .box
{width: 120px;}

.box li
{font-family: Arial, sans-serif;
font-size:80%;}

#stephan a{
color:#182630;}

#stephan .bluebox {
color:#FFFFFF;
background-color:#000060;
padding:6px;
margin:0px; }

#stephan .bluebox a{
color:#FFFFFF;
text-decoration:none;}

/* Floatbox im Content */
.fbox
{float: right;
width: 150px;
border: 1px solid #182630;
background-color: #DDDDDD;
margin: 0 0 0 1em;
padding: .5em;}

.fbox p {
font-size: 0.85em;
font-family: arial, sans-serif;
color: #660000;
}


/* ------------Formatierung des Footers ---------------*/
#footer {
position: absolute;
bottom:0;
height: 50px;
background-color: #40637f;
color: #333333;
border-top: 1px solid #182630;
text-align: right;
width: 100%;
}
#footer ul {
list-style-type: none;
}

#footer li {
display: inline;
margin-right: 1em;
}
#footer a {
color:#cfdce6;}

#footer a:hover {
color:#182630}