@charset "utf-8";

/*
Project: florian-graf.info
Layout: Basic-Layout
File: basic.css
Media: Screen, Projection
Author: Jens Otto, Berlin
*/

/* CSS-Reset */

*
{
/* Globales Zurücksetzen aller Abstände */
margin: 0;
padding: 0;
}

h1
{
/* Standard gemäß W3C-Spezifikation */
margin: 0.67em 0;
}

h2
{
/* Standard gemäß W3C-Spezifikation */
margin: 0.75em 0;
}

h3
{
/* Standard gemäß W3C-Spezifikation */
margin: 0.83em 0;
}

h4
{
/* Standard gemäß W3C-Spezifikation */
margin: 1.12em 0;
}

h5
{
/* Standard gemäß W3C-Spezifikation */
margin: 1.5em 0;
}

h6
{
/* Standard gemäß W3C-Spezifikation */
margin: 1.67em 0;
}

p, form, fieldset
{
/* Standard gemäß W3C-Spezifikation */
margin: 1.12em 0;
}

blockquote
{
/* Standard gemäß W3C-Spezifikation */
margin: 1.12em 40px;
}

ul, ol, dl, dir, menu
{
/* Standard gemäß W3C-Spezifikation */
margin: 1.12em 0 1.12em 40px;
}

img
{
/* Rahmen für <img>-Elemente entfernen */
border: none;
}

option
{
/* Mozilla Firefox (Gecko) */
/* Probleme mit <select>-Element beheben */
padding-left: 0.4em;
}

html
{
/* Mozilla Firefox (Gecko) */
/* Permanente Anzeige des vertikalen Scrollbalkens */
height: 100%;
margin-bottom: 1px;
}

body
{
color: #000000;
background: #f0f2f4 url(../img/bg.jpg) top left repeat-x;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
/* Rundungsfehler bei relativen Schriftgrößen beheben */
font-size: 100.01%;
/* Horizontale Zentrierung (ältere Browser) */
text-align: center;
/* Standard gemäß W3C-Spezifikation */
margin: 8px;
}

#wrapper
{
width: 47.5em; /* width: 760px; */
margin: 0 auto; /* Horizontale Zentrierung (moderne Browser) */
color: #000000;
background-color: #ffffff;
border-right: solid 2px #808080;
border-bottom: solid 2px #808080;
text-align: left;
}

#header
{
padding: 20px 20px 5px;
color: #000000;
background-color: #ffffff;
}

#header h1
{
margin: 0 0 0 20px;
color: #505050;
background-color: #ffffff;
font-size: 1.1em;
font-weight: bold;
text-align: left;
}

#header h2
{
margin: 0;
color: #a0a0a0;
background-color: #ffffff;
font-size: 0.7em;
font-weight: bold;
text-align: right;
}

#header-image
{
font-size: 62.5%; /* font-size: 10px; */
width: 76em; /* width: 760px; */
height: 30em; /* height: 300px; */
}

#leftcolumn
{
float: left;
width: 9.35em; /* width: 150px; */
overflow: auto;
}

#rightcolumn
{
float: right;
width: 9.34em; /* width: 150px; */
overflow: auto;
}

#content
{
margin: 20px 9.34em 20px 9.35em; /* margin: 20px 150px; */
padding: 0 10px;
color: #000000;
background-color: #ffffff;
border-left: 1px solid #ff9900;
border-right: 1px solid #cccccc;
}

#footer
{
clear: both;
padding: 2px;
color: #505050;
background-color: #f4f4f4;
font-size: 0.7em;
text-align: center;
}

#leftcolumn #navigation ul
{
width: 10em; /* width: 130px; */
margin: 20px auto;
font-size: 0.8em;
list-style-type: none;
}

#leftcolumn #navigation li
{
margin-bottom: 4px;
}

/* Reihenfolge der Pseudoklassen: a:link a:visited a:focus a:hover a:active */

#leftcolumn #navigation li a
{
display: block;
/* Vertikale Zentrierung einzeiliger Inhalte */
height: 1.5em; /* height: 20px; */
line-height: 1.5em; /* line-height: 20px; */
padding: 3px 0 3px 10px;
color: #505050;
background-color: #eaeaea;
border: 1px solid #b2b2b2;
/* background-color: #f4f4f4; */
/* border-left: 4px solid #cccccc; */
font-weight: bold;
text-decoration: none;
}

#leftcolumn #navigation li a:focus
{
color: #ff9900;
background-color: #eaeaea;
border: 1px solid #ff9900;
/* background-color: #eaeaea; */
/* border-left: 4px solid #ff9900; */
}

#leftcolumn #navigation li a:hover
{
color: #ff9900;
background-color: #eaeaea;
border: 1px solid #ff9900;
/* background-color: #eaeaea; */
/* border-left: 4px solid #ff9900; */
}

#leftcolumn #navigation li a#navipointer
{
border: 1px solid #ff9900;
/* border-left: 4px solid #ff9900; */
}

#leftcolumn #validation ul
{
width: 3.75em;
margin: 20px auto;
font-size: 0.7em;
text-align: center;
list-style-type: none;
}

#leftcolumn #validation li
{
margin: 2px 0;
}

#leftcolumn #validation li a
{
display: block;
color: #ff9900;
background-color: #ffffff;
text-decoration: underline;
}

#rightcolumn .nocss
{
display: none;
}

#content h3, #content hr, #content .nocss
{
display: none;
}

#content .top
{
margin: 20px 0;
font-size: 0.7em;
text-align: center;
}

#content .top a
{
color: #ff9900;
background-color: #ffffff;
text-decoration: underline;
}

#content .top img
{
font-size: 89.29%; /* font-size: 10px; */
width: 1.4em; /* width: 14px; */
height: 0.9em; /* height: 9px; */
}