/* Layout
 *
 * 2 Spalten mit pixelgenauen Breiten. Ein Wrapper hält vier divs, eine
 * header-div, eine sidebar div, eine content-div und eine footer-div.
 * Die Sidebar-div floatet nach rechts die content-div nach links und
 * die footer-div cleart.
 * */

* 
{
    margin: 0;
    padding: 0;
    font-size: 100%; /* normalerweise 16pt */
}

body
{
    font-size: 62.5%; /* normalerweise 10pt als Basis */
    font-family: 'Nimbus Sans L', Arial, Helvetica, sans-serif;
    /* Nimbus für Linux, Arial für Windows, Helvetica für Mac */
    background-color: #f3e1bd;
}

p.info-paragraph
{
    color: red;
    font-size: 36px;
}

div#wrapper 
{
    width: 750px;
    margin-top: 25px;
    margin-right: auto;
    margin-left: auto;
    font-size: 180%; /* Schriftgroessenschalter fuer alle Kinder */
    background-color: #ffffff;   
}

div#header
{
    width: 750px;
    height: 250px;
    background-color: #ffffff; 
    background-image: url(bg-head-dworzak.png);
    background-repeat: no-repeat;
    border-bottom: 3px solid #b55320;

}

div#header h2
{
    color: #f3e1bd;
    margin-left: -3000em;
}

div#content
{
    margin-right: 20px;
    margin-bottom: 20px;
    width: 550px;
    float: right;
    color: #3d392d;
}

div#content p 
{
    margin-top: 0.5em;
}

div#content h1
{
    font-size: 160%;
    margin-top: 15px;
    margin-bottom: 10px;
    color: #d49d01;
    border-bottom: 3px solid #f3e1bd;
}

div#content h2
{
    font-size: 140%;
    color: #3d392d;
    margin-top: 15px;
    margin-bottom: 10px;
    padding-left: 10px;
    border-bottom: 2px solid #f3e1bd;
}

div#content h3
{
    font-size: 120%;
    margin-top: 15px;
    margin-bottom: 10px;
    padding-left: 10px;
    border-bottom: 1px solid #f3e1bd;
}

div#content ul
{
    padding-top: 15px;
    padding-bottom: 15px;
}

div#content ul li
{
    margin-right: 25px;
    margin-left: 25px;
}

div#content a
{
    color: #21759B;
}

div#content a:hover
{
    color: #D54E21;
}

div#content form
{
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 10px;
    padding: 15px;
    border: 1px dotted #b55320;
}

/* JQueryUi-Theme Anpassungen */
div#content div#accordion
{
    margin-top: 30px;
    margin-left: 30px;
    margin-bottom: 30px;
    margin-right: 30px;
    font-family: 'Nimbus Sans L', Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 100%;
}

div#content div#accordion h3
{
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 120%;
}

div#content div#accordion h3 a 
{
    color: #b55320;
}

div#content div#accordion div h2
{
    color: #d49d01;
}

div#content div#accordion div h3
{
    margin-top: 10px;
    margin-bottom: 10px;
}

/* -- // Ende JQueryUi-Anpassungen -- */

div#sidebar
{
    width: 150px;
    float: left;
    background-color: #d49d01;
}

div#sidebar ul 
{
    list-style-type: none;
}

div#sidebar ul li
{
    padding-top: 20px;
    padding-left: 20px;
    border-bottom: 1px dotted #ffffff;
}

div#sidebar ul li a
{
    font-weight: bold;
    text-decoration: none;
    color: #b55320;
}

div#sidebar ul li a:hover
{
    color: #ffffff;
}

div#footer
{
    width: 750px;
    clear: both;
    background-color: #b55320;
}

div#footer p
{
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: small;
    color: #ffffff;
    text-align: center;
}

div#footer p a
{
    color: #ffffff;
}

/* Typographie */

/* Colors */
/*		
#FFFFFF - WordPress-Weiß; 
#FFFBCC - WordPress-Gelb; Mitteilung; Codeblöcke; Downloadbereiche;
#D54E21 - WordPress-Rot, Links Onmouseover;
#E4F2FD - WordPress-Blau, Sehr hell, Hintergrundfarbe Headline;
#C6D9E9 - WordPress-Blau, Hell, Bodenlinie zur Hintergrundfarbe
			    Headline;
#21759B - WordPress-Blau, Links, Standardfarbe;
#BBBBBB - WordPress-Grau, Neutral, Balken und Schrift im Footer;
#555555 - WordPress-Schwarz, Inhalt Textfarbe;
#464646 - WordPress-Schwarz, Header;	

#ffffff - Dworzak-Weiss-Standard;
#f3e1bd - Dworzak-Braun-Sehr Hell;
#d49d01 - Dworzak-Braun-Hell;
#b55320 - Dworzak-Braun-Dunkel;
#3d392d - Dworzak-Grau;
#000000 - Dworzak-Schwarz-Standard;

*/

/* 
========================================================================
JQueryUI-Themeroller-Einstellungen
========================================================================

'Standardtheme Smoothness als Basis'

=== Font Settings
Family: 
Weight:
Size: 

=== Corner Radius
Corners: 

=== Header Toolbar
Background color: 
texture: 
Border:
Text: 
Icon: 

=== Content
Background color: 
texture: 
Border:
Text:
Icon:

=== Clickable: default state
Background color: 
texture: 
Border:
Text:
Icon:

=== Clickable: hover state
Background color: 
texture: 
Border:
Text:
Icon:

=== Clickable: active state
Background color: 
texture: 
Border:
Text:
Icon:

=== Highlight 
Background color: 
texture: 
Border:
Text:
Icon:

=== Error 
Background color: 
texture: 
Border:
Text:
Icon:

=== Modal Screen for Overlays
Background color:
texture
Overlay Opacity:

=== Drop Shadows 
Background color:
texture:
Shadow Opacity: 
Shadow Thickness:
Top Offset:
Left Offset:
Corners:

*/

