/* 
styles.css for Phone Audioguide
version 2010-06-18 (msc) 
reset all browser defaults, project-specific css-basics, basic layout: 
*/

/* #094260 dunkelgrün
#487C98 hellgrün
#E8F0D9 eierweiss */


html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, tt, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 15px;
font-family:  Arial, Helvetica, sans-serif;
vertical-align: baseline;
background: transparent;
}

body {
line-height: 140%;
background: #E8F0D9 url(bgi/bg_body.png) repeat-x;
color: #000;
}
ol,ul {
list-style: none
}
:focus {
outline: 0
}

table {
border-collapse: collapse;
border-spacing: 0;
/* font-size: 15px; */
}
caption,th,td {
text-align: left;
vertical-align: top;
font-weight: normal;
padding: 0 3px 5px 0;
}
th {
font-weight: bold;
padding: 10px 5px 0 0;
}
img {
display: block;
border: 0
}
img.bild-links {
	float: left; margin: 0 20px 10px 0;
}
img.border {
	border: 1px solid #477b97;
}
strong {
font-weight: bold
}
.floatRight {
float: right
}
.floatLeft {
float: left
}
.clearBoth {
clear: both
}
.alignRight {
text-align: right
}
.displayBlock {
display: block
}

.displayNone {
display: none
}
.caf:after,
#main:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden
}


div.video320 {width: 320px; float: left; margin: 0 10px 5px 0;}


#site980 {
width: 980px;
min-height: 20px;
margin: 20px auto 0 auto; 

}



#header {

width: 980px;
height: 150px;
background: #094260;
}

#navi {
width: 980px;
background-color: #fff;
padding-top: 10px;
}
#navi ul li {
display: inline;
margin: 0 20px 0 10px;
text-transform: uppercase;
font-weight: bold;
}
#navi ul li a,
#navi ul li a:link,
#navi ul li a:visited {
text-decoration: none;
color: #094260;
padding-bottom: 10px;
display: inline-block; min-height: 10px; min-width: 10px;
}
#navi ul li a:focus,
#navi ul li a:hover,
#navi ul li a:active {
text-decoration: underline;
color: #000;
}
#navi ul li a.aktiv {
text-decoration: underline;
color: #000;
background: #fff url(bgi/bg_navMain_aktiv.png) no-repeat 0 100%;
cursor: default;
}


#main {
width: 980px;
min-height: 40px;
background-color: #fff;
padding: 30px 0;
}

#main h2 {
font-size: 18px;
margin-bottom: 10px;
}
#main h3, #main p, #main ul {
margin-bottom: 10px;
}

#main ul {
list-style-type: disc;
}
#main ul li {
margin-left: 20px;
}

#main a,
#main a:link,
#main a:visited {
text-decoration: underline;
color: #094260;
}
#main a:focus,
#main a:hover,
#main a:active {
text-decoration: none;
color: #002655;
}



/* boxes within #main: */


#content {
width: 630px;
min-height: 100px;
margin: 0 10px;
background-color: #fff;
float: left;
}


#additional {
width: 290px;
min-height: 100px;
margin: 0 0 0 10px;
float: right;
background-color: #fff;
}
#additional p {
padding-right: 10px;
}

#additional table tr th,
#additional table tr td,
#additional table tr td a {
font-size: 13px;
}
#additional table tr td {
 line-height: 1.3em;
}




#footer {
width: 960px;
background-color: #fff;
padding: 5px 10px;
border-top: 4px solid #487C98;
}