/* CSS Document */

* {
margin:0;
padding:0;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
}

body {
background: #000;
}

#container {
width:814px;
margin:0 auto;
border:solid #002723;
border-width:0 10px 10px;
background:#369;
overflow:hidden;
}

#header {
position:relative;
width:100%;
height:195px;
overflow:hidden;
background: url(../images/bg_header_pattern.jpg) 173px 0 repeat-x;
}

#header h1 {
position:relative;
width:100%;
height:100%;
font-size:40px;
padding:20px 0 0 170px;
line-height:.8em;
text-indent:-20px;
letter-spacing:-.05em;
background: url(../images/bg_header_image.jpg) left top no-repeat;
}

#header p {
font-size:20px;
margin:-100px 0 0 210px;
position:absolute;
}

#nav {
z-index:2;
position:absolute;
width:181px;
margin:0 0 0 613px;
background: url(../images/bg_nav.jpg) left top no-repeat;
}

* html #nav { /* Star-HTML-Hack für IE */
margin-left:583px;
}

#nav ul {
list-style-type:none;
padding:0 20px;
}

ul#nav_ul {
position:relative;
width:100%;
padding:10px 0 40px 30px;
background: url(../images/bg_nav_bottom.jpg) left bottom no-repeat;
}

#nav a, #nav .link {
color:#369;
font-size:15px;
font-weight:bold;
line-height:2em;
text-decoration:none;
display:block;
padding-left:23px;
height:30px;
background: url(../images/bg_nav_link.jpg) left top no-repeat;
}

#nav a:hover, #nav .link:hover {
background: url(../images/bg_nav_hover.jpg) left top no-repeat;
color:#000;
}

#content {
position:relative;
width:588px;
min-height:300px;
margin:0 0 0 30px;
background: url(../images/bg_content_pattern.jpg) left top repeat-y;
}

* html #content { /* Star-HTML-Hack für IE */
height:300px;
}

#content h3 {
position:relative;
width:100%;
background: url(../images/bg_content_top.jpg) left top no-repeat;
font-size:1.2em;
padding-bottom:1em;
}

#content p,
#content h2,
#content h3,
#content ul,
#content ol {
padding:1em 20px 0em;
line-height:1.3em;
}

#content ol {
padding-left:0;
}

#content h2 {
font-size:1.1em;
color:#002723;
}

#content ul {
list-style-type:none;
}

#content a {
color:#035;
font-weight:bold;
text-decoration:none;
}

#content a:hover {
color:#FFF;
}

#content .p_zeit,
#content .p_kategorie {
font-size:.9em;
font-weight:bold;
color:#FFF;
float:left;
margin-top:1em;
background:#369;
border: solid #002723;
}

#content .p_zeit {
text-align:center;
width:100px;
padding:2px 3px 4px;
border-width: 2px 2px 0 2px;
}

#content .p_kategorie {
position:relative;
padding:2px 3px 4px 5px;
width:420px;
text-indent:6px;
border-width: 2px 2px 0 0;
}

#content .p_beschreibung {
clear:left;
position:relative;
background:#C6E8E9;
width:520px;
padding:4px 8px;
border:2px solid #002723;
}

#content .logos li {
float:left;
height:110px;
width:166px;
margin:5px;
}

#content ul.logos {
float:left;
position:relative;
padding-bottom:2em;
}

#content .logos a {
text-align:center;
float:left;
border:2px solid #9BCDCE;
}

#content .logos a:hover {
border-color:#369;
color:#000;
}

#content .logos img {
background:#FFF;
border:none;
}

#footer {
position:relative;
width:100%;
height:126px;
background: url(../images/bg_footer.jpg) left bottom no-repeat;
}

#footer_title,
#footer_address {
position:absolute;
border:2px solid #002723;
font-style:italic;
padding:5px;
width:271px;
margin-left:305px;
background:#C6E8E9;
}

#footer_title {
font-size:16px;
font-weight:bold;
margin-top:50px;
border-bottom:none;
}

#footer_address {
padding-top:0;
margin-top:76px;
border-top:none;
}