/*Globale Eigenschaften setzen */
html, body {
font-family: Verdana, Helvetica, sans-serif;
font-weight: normal;
font-size: 95%;
}

html {
margin-left: 10px;
margin-right: 10px;
}
 
/**********/
/**********/
/* Fix für csc */

DIV.csc-textpic-left DIV.csc-textpic-text {
	clear: none;
}
DIV.csc-textpic-above DIV.csc-textpic-text {
	clear: none; 
	margin-top: 6px;
	padding-top: 1px;
}

/* Bugfixes für diverse Browser (mit Dank an http://jendryschik.de)

/**
* IE-Italics-Bug beheben
*
* @bugfix
* @affected IE/Win 5, IE6
* @css-for  IE/Win 5, IE6
* @valid    yes
* @see      http://blog.highresolution.info/index.php?/highresolution/comments/dem_italics_bug_die_zaehne_zeigen/
*/
* html body * { overflow: visible; }
* html iframe, * html frame { overflow: auto; }
* html frameset { overflow: hidden; }

/**
* Korrekte Layout-Skalierung im IE 7 gewährleisten
*
* @bugfix
* @affected IE 7
* @css-for  all
* @valid    yes
*/
body { position: relative; }

/* Kritische Werte initialisieren */
* {
  margin: 0;
  padding: 0;
  border-collapse: collapse;
  border-spacing: 0;
}
/**********/
/**********/

/* Werte für das Menü oben setzen */
#menu-oben a:link, a:visited, a:active {
color: black;
font-weight: bold;
}

#menu-oben {
font-weight: bold;
}

/* Werte für den Content-Bereich setzen */
#content a:link, a:visited, a:active {
color: black;
font-weight: normal;
text-decoration: underline;
}

#content .external-link-new-window::before {
content: "\2197\00A0";
}

/* Werte für Überschriften und Absätze setzen */
#content h1 {
font-size: 1.4em;
font-weight: bold;
margin-top: 0.5em;
margin-bottom: 0.5em;
}

#content h2 {
font-size: 1.3em;
font-weight: bold;
margin-top: 0.5em;
margin-bottom: 0.5em;
}

#content p {
font-size: 1.2em;
margin-top: 0.5em;
margin-bottom: 0.5em;
}

#content ul{
font-size: 1.2em;
margin-top: 0.5em;
margin-bottom: 0.5em;
}

#content ul li{
font-size: 1em;
margin-left: 1.6em;
}

#content ul ul{
font-size: 1em;
margin-left: 1.6em;
}


/* Werte für speziellen Text setzen */
.zitat {
font-style: italic;
}

.csc-textpic-imagerow {
margin-top: 2px;
margin-bottom: 2px;
}

.left {
float: left;
margin-top: 2px;
}

/* Die div-Container definieren */
#container {
border: 2px solid;
border-color: #8590cc;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
margin-bottom: 4px;
width: 900px;
}

#header {
/*border: 1px dashed black;*/
height: 57px;
}

#menu-oben {
/*border: 1px dashed black;*/
text-align: right;
background-color: #8590cc;
padding: 2px;
padding-right: 6px;
}

#content {
/*border: 1px dashed black;*/
width: 490px;
min-height: 401px;
margin-top: 2px;
margin-bottom: 0px;
margin-left: 200px;
margin-right: 200px;
padding: 3px;
}

#menu-links {
/*border: 1px dashed black;*/
width: 180px;
float: left;
}

#spalte-rechts {
/*border: 1px dashed black;*/
width: 180px;
float: right;
padding: 2px;
padding-top: 12px;
}

#footer {
/*border: 1px dashed black;*/
text-align: right;
padding: 2px;
margin: 0px;
clear: both;
background-color: #8590cc;
}