/* ======================================
Basis CSS für Grundformatierung
erstellt am 24.06.2010
von Klaus Lanfermann
========================================= */
@media all {

/*=======================================
Reset
=========================================*/
* { padding: 0; margin: 0; }

/* ======================================
Grundformatierung
=========================================*/
/* Überschriften, Absätze, Listen, etc. */
h1, h2, h3, h4, h5, h6,
p, blockquote, address, pre,
ul, ol, dl, table {
    margin-bottom: 1em;
}

/* Zitate */
blockquote { margin: 1em 2em; }

/* Listen einrücken */
ul, ol, dl { margin-left: 1em; }

/* Listenelemente einrücken*/
li { margin-left: 2em; }

/* Definitionen in Definitionslisten */
dd { margin-left: 2em: }

/* verschachtelte Listen */
ul ul, ul ol, ul dl,
ol,ul, ol ol, ol dl,
dl ul, dl ol, dl dl  {
   margin-top: 0;
   margin-bottom: 0;
}

/* Aufzählungszeichen für Listen */
/* Ebene 1 */
ul { list-style-type: square; }
ol { list-style-type: decimal; }

/* Ebene 2 */
ul ul { list-style-type: disc; }
ol ol { list-style-type: lower-alpha; }
ul ol { list-style-type: decimal; }
ol ul { list-style-type: square; }

/* Auswahl in Auswahllisten (select) durch padding:0 schlecht lesbar */
option {
        padding-left: 0.2em;
        padding-right: 0.3em;
}

/* Rahmen um fieldset und verlinkte Bilder entfernen */
fieldset, a img { border: none; }

/* =============================================
   Definition html und body
================================================ */

/* Bildlaufleiste im Firefox immer zeigen */
html { height: 101%; }

body {
   background-color: white;
   color: black;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: small;
}



/* =============================================
   Definition Schriften in Überschriften
================================================ */

h1, h2, h3, h4, h5, h6 {
   font-family: Georgia, "Times New Roman", serif;
   font-weight: bold;
}

/* ==============================================
Definition Groesse Ueberschriften (small ~ 13px)
================================================= */

h1 { font-size: 200%; }     /* ca. 26px */
h2 { font-size: 184.62%; }  /* ca. 24px */
h3 { font-size: 153.85%; }  /* ca. 20px */
h4 { font-size: 138.46%; }  /* ca. 18px */
h5 { font-size: 123.08%; }   /* ca. 16px */
h6 { font-size: 107.69%; }  /* ca. 14px */

/*==========================================================
Definition Wrapper dynamisch 80% des Bildschirms, zentriert
============================================================*/
#wrapper {
        color: black;
        background-color: white;
        width: 98%;
        margin-top: 10px;
        margin-right: auto;
        margin-bottom: 10px;
        margin-left: auto;
}

/*=======================================
Definition Col 1 bis Col 3
=======================================*/
#col1 {
      float: left;
      width: 200px;
      padding: 10px;
}

#col2 {
      width: auto;
      padding: 20px;
      border 20;
      margin-left: 210px;
      margin-right: 210px;
      }
#bildlinks {
	float: left;
	width 300px;
	/*position: absolute;
	top: 280px;
	left: 230px;*/
	padding: 10px 30px 10px 30px;
	border: 5x solid #ccc;
	margin-right: 10px;
	margin-bottom: 10px;
	
}

#bildrechts {
	float: left;
	width: 300px;
	/*position: absolute;
	top: 400px;
	right: 230px;*/
	padding: 10px 30px 10px 0px;
	border: 5x solid #ccc;
	margin-right: 10px;
	margin-bottom: 10px;
	}

#clearing {
	CLEAR:both;
}

#col2 p	{
	padding: 3;
	margin: 3;
	border: 3;
}
#col3 {
      position: absolute;
      top: 143px;
      right: 0;
      width: 200px;
      padding: 50px 30px 30px 30px;
	  text-decoration: none;
}

/*=====================================
Definition footer
=======================================*/
#footer {
clear: both;
color: black;
background-color: white;
padding-top: 10px;
border-top: 1px solid #8c8c8c;
margin-top: 20px;
}


} /* Ende @media tag*/