/*------------------- CSS RESET ---------------------
---------------------------------------------------*/

* {
padding: 0;
margin: 0;
font-family: 'Trebuchet MS', sans-serif;
font-size: 100%;
font-weight: normal;
line-height: 1.5em;
color: #000;
}

ul,
ol {
list-style: none;
}

b,
strong {
font-weight: bold;
}

img,
a img {
border: none;
}

/*------------------SCHRIFT / GRÖSSE ----------------
---------------------------------------------------*/

html {
height: 100%;
background: #e9e9e9;
}

body {
height: 100%;
width: 100%;
margin: 0;
padding: 0;
}

h1,
h2,
h3 {
font-weight: bold;
}

h1 {
font-size: 2.5em;
color: #879203;  
}

h2 {
font-size: 1.6em;
color: #879203;
}

h3 {
font-size: 1.1em;
color: #879203;
}

p {
padding: 1.0em;
}

p_zentriert {
padding: 1.0em;
text-align: center;
}

blockquote {
}

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

a:hover,
a:focus,
a:active {
color: #ccc;
text-decoration: none;
}

#navi ul li#home a:visited {
color: #bdcd05;
text-decoration: none;
}

.wobinich {
position: absolute;
top: 220px;
left: 140px;
font-size: 0.8em;
color: #fff;
}

.zentriert {
text-align: center;
}

.rechts {
text-align: right;
}

.links {
text-align: left;
}

.ul1 {
list-style-type: circle;
padding: 5px 0px 10px 40px;
}

/*------------------- LAYOUT ---------------------
---------------------------------------------------*/

#aussenwrapper {
height: 100%;
position: relative;
width: 100%;
margin: 0 auto;
background: #e9e9e9 url(img/bg.jpg) repeat-x left top;
}

#innenwrapper {
position: relative;
top: 25px;
width: 1000px;
margin: 0px auto;
overflow: auto;
background: #879203;
box-shadow: 1px 1px 10px #666;
filter: progid:DXImageTransform.Microsoft.dropShadow(color=#666, offX=1, offY=1, positive=true);
}

#top {
height: 250px;
background: #bdcd05 url(img/top.jpg) no-repeat left top;
}

#leftbox {
float: left;
width: 150px;
min-height: 480px;
background: #879203 url(img/bg_leftbox.png) no-repeat center top;
padding-top: 5px;
}

#leftbox_bilder {
float: left;
height: 230px;
width: 150px;
background: #879203 url(img/bg_bilder.jpg) no-repeat center top;
}

#logo {
text-align: center;
height: 50px;
padding-top: 20px;
}

#nav li {
padding-left: 10px;
padding-bottom: 8px;
display: block;
color: #3191a9;
}

#nav li a:hover {
color: #fff; 
}

#content {
background: #fff;
padding: 5px 25px 25px 10px;
margin-left: 150px;
font-size: 0.9em;
}

#footer {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 25px;
text-align: right;
color: #fff;
background: #bdcd05;
font-size: 0.8em;
line-height: 1.9em;
}

#footer p {
padding-top: 10px;
}

/*------------------- ALLGEMEIN --------------------
---------------------------------------------------*/

.fl {
float: left;
padding-right: 1em;
}

.fr {
float: right;
padding-left: 1em;
}

.clearfloat {
clear: both;
}

.ut {
color: #000;
font-size: 0.65em;
font-weight: bold;
font-variant: small-caps;
font-family: Tahoma,Arial,Helvetica,sans-serif;
margin-right: 30px;
display: block;
text-align: right;
}

/*-----------------TABELLE-------------------------------------
----------------------------------------------------------------*/
.bridges {
width: 100%;
background: #f0f0f0;
color: #000;
border-collapse: collapse;
}
.bridges td,
.bridges th {
border: 1px solid #fff;
padding: 3px 8px;
}
.bridges th {
background: #e9583f;
color: #fff;
font-weight: bold;
}
.bridges tr.alt{
background: #e2e7ed;
}
.bridges tr:hover{
background: #a7c7ee;
}
.bridges tfoot {
border-bottom: 2px solid #e9583f;
font-size: 0.9em;
text-align: right;
}
.bridges tfoot td {
padding: 0px 8px;
}
.bridges tfoot tr:hover {
background: none;
}

/*-----------------BILDER-------------------------------------
----------------------------------------------------------------*/

.wohn {
border: 1px solid #ccc;
padding: 1px;
margin: 0px 20px;
}