/* © cinopsis | Rieder und Tykwer GbR */
/* Abgeleitetes Stylesheet für skalierbare, flächige Sites, redaktionell */




/* ALLGEMEIN */


a:active .framed, a:focus .framed, a:hover .framed, dl.box .framed, img.bordered
{
    border-color: #666666;
}


.bordered
{
    border-color: #cccccc;
    border-style: solid;
    border-width: 1px;
}


.center-align, .center-align p
{
    text-align: center;
}


.clear
{
    clear: both;
}


.framed
{
    background-color: #fffff0;
    border-color: #cccccc;
    border-style: solid;
    border-width: 1px;
    padding: 5px;
}


.full-width
{
    width: 100%;
}


.left-align
{
    text-align: left;
}


.left-float
{
    float: left;
}


.right-align
{
    text-align: right;
}


.top-align
{
    vertical-align: top;
}


.right-float
{
    float: right;
}


.right-float-space
{
    float: right;
	margin: 0px 7px 5px 9px;
}


.lighten
{
    color: #999999;
    font-size: 90%;
}





/* LAYOUT */



body
{
    background-color: #fffff0;
	margin-left: 7px;
	margin-top: 7px;
    padding: 0;
    height: 100%; 
	width: 100%;
}


body, input, select, td, textarea, th
{
    font-family: Verdana, Helvetica, Lucida, Arial, sans-serif;
	font-color: #000000;
    font-size: 10pt;
}


body, p
{
    line-height: 1.5em;
}


br
{
    clear: none;
}


#content
{
    background-color: #fffff0;
    margin: 20px 184px 0px 225px;
	color: #000000; 
    padding: 12px;
   	line-height: 15px; 
}


#header
{
    background-color: #fffff0;
	background-image: url(../pixel/dfoc_header.png);
	background-position: top left;
    background-repeat: no-repeat;
    height: 140px;
    width: 99%;
}


#left-column 
{
	position: absolute;
	top: 147px;
	left: 7px;
    border-top: 9px solid #C5D8EB;
}
   

#right-column
{
	background-color:#ffffff;
    border: 1px solid #cccccc;
	position: absolute;
	top: 194px;
	width: 130px;
	height: 334px;
	right: 12px;
	text-align: justify;
	font-size: 80%;
}


#right-column a, #right-column a:active, #right-column a:hover, #right-column a:focus
{
    border-style: none
}


.table-space-left
{
    margin-left: 15px;
}


#skip
{
    left: -10000px;
    position: absolute;
    width: 9000px;
}


#pixelcontainer
{
    border-style: none;
}


#pixelcontainer a, #pixelcontainer a:active, #pixelcontainer a:hover, #pixelcontainer a:focus, #pixelcontainer a:visited
{
    border-style: none;
}





/* NAVIGATION */


#menu
{
    background-image: url(../pixel/dfoc_hg_nav_v.png);
    background-repeat: repeat-x;
    border-style: none;
    border-width: 1px;
	height: 999px;
	width: 215px;
}


#menu, #menu a, #menu .selected
{
    border-color: #cccccc;
    color: #000000;
}


#menu a
{
    border-style: none;
    font-weight: normal;
    display: block;
    padding: 0.1em 0 0.1em 0.5em;  

}


#menu span.selected
{
    background-color: none;
    border-style: none;
    border-width: 1px 2;
    display: block;
    font-weight: bold;
    color: #0033ff;
    padding-bottom: 0.1em;
    padding-top: 0.1em;
}


#menu a:hover
{
    background-color: #fffff0;
    border-style: none;
    border-width: 0px;
    display: block;
    font-weight: normal;
    padding-bottom: 0.1em;
    padding-top: 0.1em;
}


#menu a:active
{
    background-color: none;
    font-weight: normal;
}


#menu a:focus
{
    background-color: #fffff0;
    font-weight: bold;
	color: #0033ff;
}


#menu > ul > li:first-child a:active, #menu > ul > li:first-child a:focus, #menu > ul > li:first-child a:hover, #menu > ul > li:first-child span.selected
{
    border-top-color: #fffff0;
}


#menu a.parent
{
    font-weight: bold;
}


#menu li
{
    display: inline;
}


#menu ul
{
    margin: 0;
    padding: 0;
}


#menu ul span.passive
{
    font-weight: bold;    
    color: #666666;
}


#menu ul span.selected, #menu ul span.passive
{
    padding-left: 0.5em;
}


#menu ul ul a, #menu ul ul span.selected
{
    padding-left: 1.25em;
}




/* BLÖCKE + MODULE */


div.error, div.error a, div.highlight, div.highlight a, div.highlight h2
{
    color: #fffff0;
}


div.error, div.highlight, div.note
{
    background-color: #fffff0;
    background-position: top left;
    background-repeat: repeat;
    border-color: #666666;
    border-style: solid;
    border-width: 1px 0 0 0;
    font-size: 66%;
    text-align: center;
    margin: 10px 0;
    padding: 0.5em;
}


div.error a, div.highlight a
{
    border-color: #fffff0;
}


div.error p, div.highlight p, div.note p
{
    margin: 0;
    padding: 0;
}


div.highlight
{
    background-color: #ff9900;
    border-color: #ff6600;
}


div.note, div.note a
{
    color: #666666;
}


div.note a
{
    border-color: #666666;
}


dl.module
{
    background-image: url(../pixel/df_s.gif);
    background-repeat: repeat-x;
    border-color: #cccccc;
    border-style: none;
    border-width: 1px;
    margin-top: 5px;
    margin-bottom: 1px;
    padding: 0;
}


dl.module a
{
    font-weight: normal;
}


dl.module dd
{
    padding: 0 0.5em 0.5em 0.5em;
}


dl.module dd, dl.module dt, dl.module p
{
    margin: 0;
}


dl.module dt
{
    font-size: 110%;
    padding: 0.5em;
}


dl.module p
{
    padding: 0;
}




/* FORMAT */


dl.module input
{
    margin-top: 5px;
}


form p
{
    margin: 0;
    padding: 0;
}




/* ICONS + GRAFIKEN */
 
div.full-icon-box, div.icon-box
{
    margin-top: 10px;
}

div.full-icon-box a:active img, div.full-icon-box a:focus img, div.full-icon-box a:hover img, div.icon-box a:active img, div.icon-box a:focus img, div.icon-box a:hover img
{
    border-color: #666666;
}

div.full-icon-box h2, div.full-icon-box h3, div.icon-box h2, div.icon-box h3
{
    margin-right: 0.5em;
    padding-top: 0;
}

div.full-icon-box h2 a, div.full-icon-box h3 a, div.icon-box h2 a, div.icon-box h3 a
{
    border-style: none;
}

div.full-icon-box img, div.icon-box img
{
    background-color: #fffff0;
    border-color: #cccccc;
    border-style: solid;
    border-width: 1px;
    float: left;
    margin: 0 5px 5px 0;
    padding: 5px;
}

div.full-icon-box img.small, div.icon-box img.small
{
    padding: 14px;
}

div.full-icon-box p, div.icon-box p
{
    margin: 0 1em 0 0;
    padding: 0;
}

div.icon-box
{
    float: left;
    width: 50%;
}

img.icon
{
    float: left;
    margin: 0 1em 0.5em 0;
}

img.icon-right
{
    float: right;
    margin: 0 0 0.5em 1em;
}




/* LINKS */

a, a:active, a:focus, a:visited
{
    border-color: #000000;
    border-style: dotted;
    border-width: 0 0 1px 0;
    color: #000000;
    font-weight: normal;
    text-decoration: none;
}


a:hover
{
    border-color: #333333;
    border-style: solid;
    color: #333333;
}


h2 a:visited, h2 a:active, h2 a:focus
{
    border-color: #990000;
    color: #990000;
}


h2 a:hover
{
    border-color: #333333;
    color: #333333;
}


#footer a, dl.module a, .dark a, .light a
{
    border-color: #333333;
    color: #333333;
}


#footer a:active, #footer a:focus, #footer a:hover, dl.module a:active, dl.module a:focus, dl.module a:hover, .dark a:active, .dark a:focus, .dark a:hover, .light a:active, .light a:focus, .light a:hover
{
    border-color: #666666;
    color: #666666;
}


a.no-decoration
{
    border-style: none;
}




/* LISTINGS */


ul.compact
{
    margin: 0 0 0 1em;
    padding: 0;
}


ul.compact li
{
    margin: 0;
    padding: 0;
}


ul.horizontal
{
    background-color: #e6e6e6;
    border-color: #cccccc;
    border-style: solid;
    border-width: 1px;
    padding: 0.5em;
    margin: 0 0 0.5em 0;
}


ul.horizontal li
{
    border-color: #666666;
    border-style: solid;
    border-width: 0 0 0 1px;
    display: inline;
    list-style: none;
    margin: 0;
    padding: 0 0.5em;
}


ul.horizontal li.first
{
    border-style: none;
    padding-left: 0;
}


ul.plain
{
    list-style: none;
}


ul.plain, ul.plain li
{
    margin: 0;
    padding: 0;
}





/* STANDARD */


acronym
{
    border-style: none;
    cursor: help;
    font-size: 80%;
    font-style: normal;
    font-variant: normal;
}


a acronym
{
    border-style: none;
}


blockquote
{
    border-color: #cccccc;
    border-style: solid;
    border-width: 0 0 0 5px;
    font-style: italic;
    margin: 0 2em;
    padding-left: 1em;
}


caption
{
    font-weight: bold;
    letter-spacing: 1px;
    margin: 0;
    padding: 0;
    text-align: center;
    word-spacing: 1px;
}


caption, h1, h2, h3, label
{
    color: #333333;
}


cite
{
    font-style: normal;
}


dd
{
    margin: 0 0 0.5em 0;
    padding: 0;
}


del
{
    text-decoration: line-through;
}


dl
{
    margin: 0;
    padding: 0;
}


dt
{
    font-weight: bold;
    margin: 0.5em 0 0 0;
}


form
{
    margin: 0;
    padding: 0;
}


h1
{
    font-size: 140%;
    font-weight: normal;
    letter-spacing: 3px;
    margin: 0;
    padding: 0 0 0.5em 0;
    word-spacing: 1px;
    color:#666666;
}


h1 acronym, h2 acronym, h3 acronym
{
    font-size: 100%;
}


h2
{
    font-size: 125%;
    font-weight: bold;
    letter-spacing: 1px;
    margin: 0;
    padding: 0.25em 0;
    word-spacing: 1px;
}


h3
{
    font-size: 100%;
    font-weight: bold;
    letter-spacing: 1px;
    margin: 0;
    padding: 0.1em 0;
    word-spacing: 1px;
}


h4
{
    font-size: 100%;
    font-style: italic;
    font-weight: normal;
    letter-spacing: 1px;
    margin: 0;
    padding: 0.1em 0;
    word-spacing: 1px;
}


h5
{
    font-size: 100%;
    font-weight: bold;
    margin: 0;
    padding: 0.1em 0;
}


hr
{
    background-color: #cccccc;
    border-style: none;
    color: #cccccc;
    height: 1px;
}


html
{
    margin: 0;
    padding: 0;
    background-color: #fffff0;
    scrollbar-arrow-color: #666666; 
	scrollbar-face-color: #fffff0; 
	scrollbar-highlight-color: #fffff0; 
	scrollbar-3dlight-color: #666666; 
	scrollbar-shadow-color: #666666; 
	scrollbar-darkshadow-color: #fffff0; 
	scrollbar-track-color: #fffff0; 
}


img
{
    border-style: none;
}



input, select, textarea
{
    font-size: small;
}



input.flatbutton 
{
border: 1px;
border-style: solid;
border-color: #cccccc;
background-color: #cccccc;
}



input[type=submit]
{
    cursor: pointer;
    font-weight: normal;
}



input[type=text]:active, input[type=text]:focus, textarea:active, textarea:focus
{
    background-color: #fffccc;
}




kbd, pre
{
    font-family: "Lucida Console", "Courier New", Courier, monospace;
}


label
{
    font-weight: bold;
    letter-spacing: 0;
    word-spacing: 0;
}


li
{
    margin-top: 0.5em;
    text-align: left;
}


ol, ul
{
    margin: 0.5em 0 0.5em 2em;
    padding: 0;
}


p
{
    margin: 0.5em 0;
    padding: 0;
    text-align: left;
}


pre
{
    font-size: small;
    margin-bottom: 0.5em;
    margin-left: 0;
    overflow: auto;
    padding-left: 0.5em;
}


table
{
    border-collapse: collapse;
    caption-side: bottom;
}


td
{
    font-size: small;
    vertical-align: top;
}


th
{
    font-size: small;
    font-weight: bold;
    text-align: left;
    vertical-align: top;
}


ul
{
    list-style-type: square;
}




/* TEXT + TYPO */


.bold
{
   font-weight: bold;
}

.italic
{
    font-style: italic;
}

.required
{
    color: #ff0000;
    font-weight: bold;
}