/**
 * CSS Basics
 *
 * @site         
 * @version      0.1
 * @date         2012-03-12
 * @package      xhtml-css
 * @author       Heike Gerstenberger
 * @copyright    2012 by the author
 * @cssdoc       version 1.0-pre
 * @valid        yes
 * @lastmodified 2012-03-12 
 */

/**
 * Reset
 *
 * @section      reset
 */

@import url(reset.css);

/**
 * Basics
 *
 * @section      basics
 */

body {
    font: 75% Arial, Verdana, sans-serif;
    line-height: 1.5; /** without the unit! 18px */
		/* min-width: 81.5em; */
    color: #000000;
		background: #fdeeb7;
}

hr, .hide {
    display: none;
}

h2 {
		font-weight: bold;
		font-size: 1.05em;
		color:  #034da2;
		padding: 0 0 0.8em 0;
}

h3 {
		font-weight: bold;
		font-size: 1.1em;
		padding: 0 0 0.8em 0;
}

.klein {font-size: 0.8em;}

#body {
		width: 83.5em;
		margin: auto;
		background: #ffffff url(grafiken/back.jpg) ;
}

#clear {
		clear: both;
}

/**
 * Header
 *
 * @section      header
 */

#header {
	  height: 17.55em;
}

#header h1 {
    font: bold 1.05em Arial, Verdana, sans-serif;
		color:  #034da2;
    padding-left: 0.1em;
		padding-top: 0em;
}

/**
 * Main
 *
 * @section      main
 */

#main {
    margin: 0;
		overflow: hidden;
		border: 0px #ff0000 solid;
}

/**
 * Menue
 *
 * @section      menu
 */

#menu {
		width: 20em;
		float: left;
		border: 0px solid red;
		padding-left: 6em;
		padding-top: 30em;
}

#nav {
		font: bold 1.1em; 
		margin: 1.667em;
}

a, a:link, a:visited {
    font-weight: normal;
		text-decoration: underline;
    color: #000000;
}

/**
 * Content
 *
 * @section      content
 */

#content {
		width: 37em;
		float: right;
		padding: 5em 16em 0.83em 3.83em;
		border: 0px solid red;
}

#content h1 {
		font-weight: bold;
		font-size: 1.2em;
		padding-bottom: 1em;
}

/**
 * Rahmen1
 *
 * @subsection      rahmen1 (2 Spalten, unten buendig)
 */

#content .rahmen1 {margin-bottom: 1.5em; border: 0px #d2dbf6 solid; position: relative;}

#content .rahmen1 .left {width: 21em; border: 0px #0000ff dotted;}
#content .rahmen1 .right {position: absolute; bottom: 0; left: 22.5em; border: 0px #0000ff dotted;}

/**
 * Rahmen2
 *
 * @subsection      rahmen2 (2 Spalten, unten buendig)
 */

#content .rahmen2 {margin-bottom: 1.5em; border: 0px #d2dbf6 solid; position: relative;}

#content .rahmen2 .left {width: 17em; border: 0px #0000ff dotted;}
#content .rahmen2 .right {position: absolute; bottom: 0; left: 19em; border: 0px #0000ff dotted;}

/**
 * Rahmen3
 *
 * @subsection      rahmen3 (2 Spalten, oben buendig)
 */

#content .rahmen3 {width: 47.9em; height: auto; margin-bottom: 0.5em; border: 0px #d2dbf6 solid; overflow: hidden;}

#content .rahmen3 .left {float: left; width: 18em; border: 0px #ff0000 dotted;}
#content .rahmen3 .right {float: right; width: 27em; border: 0px #ff0000 dotted;}

/**
 * Rahmen3a
 *
 * @subsection      rahmen3a (2 Spalten, oben buendig)
 */

#content .rahmen3a {width: 47.9em; height: auto; margin-bottom: 0.5em; border: 0px #d2dbf6 solid; overflow: hidden;}

#content .rahmen3a .left {float: left; width: 20em; border: 0px #ff0000 dotted;}
#content .rahmen3a .right {float: right; width: 25em; border: 0px #ff0000 dotted;}

/**
 * Rahmen3b
 *
 * @subsection      rahmen3b (2 Spalten, oben buendig)
 */

#content .rahmen3b {width: 47.9em; height: auto; margin-bottom: 0.5em; border: 0px #d2dbf6 solid; overflow: hidden;}

#content .rahmen3b .left {float: left; width: 8em; border: 0px #ff0000 dotted;}
#content .rahmen3b .right {float: right; width: 39em; border: 0px #ff0000 dotted;}

/**
 * Rahmen4
 *
 * @subsection      rahmen4 (Huelle fuer rahmen3 und rahmen3a)
 */

#content .rahmen4 {margin-bottom: 1.5em; border: 0px #d2dbf6 solid; position: relative;}

/**
 * Listen
 *
 * @subsection      ul, ol
 */

#content ul {
    list-style: disc;
}

#content ol {
    list-style: decimal;
}

#content ol, #content ul {
    clear: both;
    padding-left: 1.5em;
		margin-left: 12em;
}

#content ol li, #content ul li {
    margin-bottom: 0.5em;
}

/**
 * Formulare
 *
 * @subsection   forms
 */

#form br, #form p.submit label {
    display: none;
}

#form h3 {
    font-size: 1em;
    color: #000;
    margin-bottom: 1.5em;
}

#form legend {
    font-weight: bold;
    padding-bottom: 1.5em;
}

#form fieldset {
    padding-bottom: 1.5em;
}

#form label {
    text-align: right;
    width: 15em;
    margin-right: 1em;
}

#form input, #form select, #form textarea {
    border: 1px solid;
    border-color: #000 #B2B2B2 #B2B2B2 #000;
}

#form input:focus, #form select:focus, #form textarea:focus {
    background: #FFE;
}

#form input {
    width: 12em;
}

#form textarea {
    width: 25.5em;
}

#form p {
    clear: both;
    overflow: hidden;
		margin-bottom: 0.5em;
}

#form p.error {
    background: #FEE;
    padding: .75em 0;
}

#form p strong.error {
    display: block;
    font-style: italic;
    color: #F00;
    margin-left: 16em;
}

#form p label {
    float: left;
    width: 8em;
}

#form p input, #form p cfinput {
		width: 26em;
}

#form p.pair label {
    float: left;
    width: 8em;
}

#form p.pair input, #form p.pair cfinput {
    float: left;
}

#form p.pair strong.error {
    margin-left: 9em;
}

#form p.sep {
    padding-bottom: 1.5em;
    border-bottom: 1px solid #E9E9E9;
}

#form p.cb label, #form p.radio label {
     float: right;
     text-align: left;
     width: 36em;
     margin-right: 0;
}

#form p.cb input, #form p.radio input {
     width: auto;
     border: 0;
     margin: 0 1em 0 8em;
}

#form p.submit {
    clear: both;
    text-align: center;
}

#form p.submit input {
    width: 6.5em;
    border: 0;
}

#form p.submit input:focus {
    background: transparent;
}

#form p.submit input.button {
    background: #dddddd;
		font-weight: bold;
		border: 1px solid #888888;
		width: 6em;
}

/**
 * Footer
 *
 * @section      footer
 */

#footer {
		clear: both;
	  height: 4.5em;
}