/*
Theme Name: SektionEins Theme
Theme URI: http://wwww.sektioneins.de/
Description: The WordPress theme for the SektionEins website
Version: 1.0
Author: Stefan Esser
Author URI: http://suspekt.org/
Tags: xxxx
*/


pre {
font-size: 90%;
}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
margin: 0;
padding: 0;
}
:focus {
outline: 0;
}
body {
line-height: 1;
color: #000;
background: #FFF;
font-family: arial, helvetica, sans-serif;
font-size: 12px;
}
ol,ul {
list-style: none;
}
table {
border-collapse: separate;
border-spacing: 0;
}
caption,th,td {
text-align: left;
font-weight: 400;
}
blockquote:before,blockquote:after,q:before,q:after {
content: "";
}
blockquote,q {
quotes: "" "";
}
em {
font-style: italic;
}
a {
color: #00224b;
}
#branding {
width: 76em;
margin: 0 auto;
padding: 0 2em;
}
h1 {
float: left;
padding: 2em 0;
}
h1 a {
background: url(/gfx/logo-sektioneins.gif) 0 0 no-repeat;
display: block;
width: 267px;
height: 75px;
text-decoration: none;
}
h1 span {
visibility: hidden;
}
#toolset {
float: right;
font-size: 11px;
margin: .33333333em 0 0;
}
#toolset a {
color: #aaa;
text-decoration: none;
}
#toolset a:hover,#toolset a:focus {
color: #666;
}
#toolset ul {
float: left;
padding: 0 0 0 2em;
}
#toolset li.none {
display: inline;
padding: 0 .33333333em 0 1em;    
}
#advisorylist li {
list-style: none;
margin: 0 0 0 0;
padding: 0 0 1em 0
}
#toolset li {
display: inline;
background: url(/gfx/icon-dividor.gif) 0 55% no-repeat;
padding: 0 .33333333em 0 1em;
}
#toolset li:first-child {
background: none;
}
#areas {
clear: left;
background: #e7e7e7;
border-bottom: .66666667em solid #00224b;
overflow: hidden;
}
#areas ul {
width: 76em;
margin: 0 auto;
}
#areas li {
display: inline;
}
#areas li a {
display: block;
float: left;
line-height: 2em;
text-decoration: none;
padding: 0 .66666667em;
}
#areas li a:hover,#areas li a:focus {
background: #c9c8c8;
}
#content {
width: 76em;
margin: 0 auto;
}
#functional {
float: left;
width: 17.5em;
margin-right: 2em;
position: relative;
padding: 16em 0 0;
}
#functional2 {
float: left;
width: 0em;
margin-right: 2em;
position: relative;
padding: 16em 0 0;
}
#main {
float: left;
width: 37em;
line-height: 1.5em;
padding-bottom: 3em;
overflow: hidden;
}
#main2 {
float: left;
width: 54em;
line-height: 1.5em;
padding-bottom: 3em;
overflow: hidden;
}
#alternate {
float: right;
width: 17.5em;
}
#navigation {
position: absolute;
top: 0;
left: 0;
width: 17.5em;
border-top: 2em solid #00224b;
border-bottom: 1em solid #999;
background: #c9c8c8;
}
#navigation li {
line-height: 2em;
border-bottom: 1px solid #999;
}
#navigation li a {
text-decoration: none;
display: block;
padding: 0 .66666667em;
}
#navigation li ul {
border-top: 1px solid #999;
background: #fff;
}
#navigation li li {
background: #fff;
border: none;
padding: 0 0 0 1em;
}
#navigation li.selected li a {
background: #fff;
}
#main h2 {
font-size: 2em;
line-height: 2em;
margin: .66666667em 0 0;
}
#main h3 {
font-size: 1.5em;
line-height: 1.5em;
color: #666;
margin: 1em 0 .66666667em;
}
#main h4 {
font-size: 1.25em;
line-height: 1.25em;
color: #666;
margin: 1em 0 .66666667em;
}
#main p {
margin: 1em 0 0;
padding: 0 0 .66666667em;
}
#main ul {
margin: 0 0 0 .5em;
}
#main li {
background: url(/gfx/icon-list.gif) 0 .5em no-repeat;
padding: 0 0 0 1.25em;
}
#main dt {
font-weight: 700;
color: #666;
}
#main dd {
margin: .5em 0 .5em 2em;
}
#main blockquote {
font-style: italic;
margin: 0 1em;
padding: 1em;
}
#main2 h2 {
font-size: 2em;
line-height: 2em;
margin: .66666667em 0 0;
}
#main h3 {
font-size: 1.5em;line-height: 1.5em;
color: #666;
margin: 1em 0 .66666667em;
}
#main2 h4 {
font-size: 1.25em;
line-height: 1.25em;
color: #666;
margin: 1em 0 .66666667em;
}
#main2 p {
margin: 1em 0 0;
padding: 0 0 .66666667em;
}
#main2 ul {   
margin: 0 0 0 .5em;
}
#main2 li {
background: url(/gfx/icon-list.gif) 0 .5em no-repeat;
padding: 0 0 0 1.25em;
}
#main2 dt {
font-weight: 700;
color: #666;
}
#main2 dd {
margin: .5em 0 .5em 2em;
}
#main2 blockquote {
font-style: italic;
margin: 0 1em;
padding: 1em;
}

#contact p {
clear: left;
margin: 0;
}
#contact label {
display: block;
width: 8.5em;
float: left;
padding: .66666667em 0;
}
#contact input[type=text],#contact textarea {
border: 1px solid #00224b;
font: 1.5em arial, helvetica, sans-serif;
color: #666;
}
#contact input[type=submit] {
border: 1px solid #00224b;
color: #00224b;
background: #ccc;
padding: .33333333em;
}
#contact small {
font-size: .9em;
color: #999;
}
.box {
line-height: 1.5em;
margin: 2em 0;
}
.box h4 {
background: #e7e7e7;
line-height: 2em;
border-bottom: 1px solid #aaa;
margin: 0 0 .33333333em;
padding: 0 .66666667em;
}
.box dt {
color: #aaa;
margin: 1em 0 0;
}
.box dl {
margin: 0 .66666667em;
padding: .75em 0;
}
.box p,.box ul,.box .vcard {
margin: 1.5em .66666667em;
}
.box ul li {
list-style: url(/gfx/icon-list.gif);
margin: 0 0 0 1em;
}
.special {
background: #c9c8c8;
color: #333;
border-bottom: 1em solid #999;
}
.special .vcard {
padding-bottom: .66666667em;
}
#footer {
clear: both;
background: #ddd;
border-top: .66666667em solid #c9c8c8;
padding: 0 0 8.5em;
}
.footnotes {
width: 76em;
color: #999;
text-align: right;
line-height: 1.5em;
margin: 1em auto;
}
strong,.special .vcard .org {
font-weight: 700;
}
.structure,#language-selection li.selected,#contact legend {
display: none;
}
#areas li.current_page_item a,.special h4 {
background: #00224b;
color: #fff;
}
#areas li.current_page_ancestor a,.special h4 {
background: #00224b;
color: #fff;
}
#navigation li a:hover,#navigation li a:focus,#navigation li.current_page_item a,#navigation li.current_page_item li.current_page_item a,#navigation li.current_page_item li a:hover,#navigation li.current_page_item li a:focus {
background: #ddd;
}