/* =========================================================
Stylesheet für "INDIKA, Iris Challande-Kathmann"
Stand: 
Datei: stylesheet.css
Media: Screen
Datum: April 2010
Autor: CCEditor
Aufbau: 1. Kalibrierung und Restauration
		2. Allgemeine Styles
		3. Styles für Layoutbereiche
		4. Sonstige Styles
========================================================== */

/* =======================================
  1. Kalibrierung und Restauration
  ======================================= */
/* Kalibrierung, Abstände auf null setzen */
*
{
    padding: 0;
    margin: 0;
}
/* Gestaltung des Abstandes nach unten */
h2, p, ul, ol, blockquote
{
    margin-bottom: 1em;
}
/* Gestaltung von verschachtelten Listen ohne Abstand */
ul ul
{
    margin-bottom: 0;
}
/* Gestaltung des Abstandes von links */
li
{
    margin-left: 1em;
}

/* =======================================
  2. Allgemeine Styles
  ======================================= */
/* erzwingt Scrollbar im Firefox
html {
  height: 101%;
}*/
body
{
	background-color: #ffffff;
}
/* Gestaltung der Überschriften */
h1
{
    font-size: 150%;
}
h2
{
    font-size: 130%;
}
h3
{
    color: #005b8b !important;
    font-size: 110% !important;
    margin: 0 0 1em 0;
}
/* Gestaltung des HTML-Elements mit dem Namen address */
#footer address
{
    text-align: center;
    /*color: #005b8b;*/
    color: #5c594d;
    font-size: 80%;
    font-style: normal;
    letter-spacing: 1.5px;
    line-height: 1.5;
}
#footer address span
{
	font-weight: bold;
}
/* Gestaltung der Listen */
ul li
{
    list-style-type: square;
}
ul ul li
{
    list-style-type: circle;
}
ol li
{
    list-style-type: decimal;
}
ol ol li
{
    list-style-type: lower-alpha;
}
/* Gestaltung der Links */
a
{
    text-decoration: none;
}
a:link
{
    color: #004165;
}
a:visited
{
    color: #3395cc; /* NOCH ANPASSEN!! */
}
a:hover, a:focus
{
    color: #004165;
    border-bottom: 1px solid #004165;
}
a:active
{
    /*background: #f8f8f8 url(CCEDesignImg/bg_mainnav.png) repeat-x left top;*/
    color: #ffffff;
}
/* Gestaltung der Grafik mit id="logo" */
img#logo
{
	height: 110px;
	padding: 25px 0 0 50px;
}
/* Skip-Link ausblenden */
.skiplink
{
    position: absolute;
    top: -9999px;
    left: -9999px;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
}
/*.imgleft
{
	float: left;
	padding: 3px;
	border: 5px solid #cce;
	margin-right: 10px;
	margin-bottom: 10px;
}*/
/*.imgright
{
	float: right;
	padding: 3px;
	border: 5px solid #cce;
	margin-bottom: 10px;
	margin-left: 10px;
}*/
.clearing
{
    clear: both;
}
.twocol_isleft
{
	margin-right: 20%;
}
.twocol_isright
{
	margin-left: 20%;
}
/* =======================================
  3. Styles für die Layoutbereiche
  ======================================= */
/* Gestaltung des div mit id="CCEBody" */
#CCEBody
{
    background: #e5f5ff url(CCEDesignImg/bg_body.png) repeat-x top left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: small;
}
/* Gestaltung des div mit id="wrapper" */
#wrapper
{
    color: #005b8b;
    width: 960px;
    margin-top: 15px;
    margin-right: auto;
    margin-bottom: 10px;
    margin-left: auto;
}
/* Gestaltung des div mit id="topline" */
#topline
{   
    width: auto;
    height: 18px;
}
/* Gestaltung des div mit id="header" */
#header
{
    background: transparent url(CCEDesignImg/bg_header.png) no-repeat right;
    color: #ffffff;
    height: 250px;
    padding: 5px; /* NOCH ANPASSEN */
    margin: 0;
}
/* Gestaltung des div mit id="metanav" */
#metanav
{
    float: left;
	width: 75%;
	height: 18px;
    text-align: right;
}
#metanav li
{
	display: inline-block;
	list-style-type: none;
}
#metanav li a
{
	color: #5c594d;
	font-size: 80%;
	margin-left: 6px;
	border-bottom: none;
}
#metanav li a:hover
{
	color: #ffffff;
}
/* Gestaltung des div mit id="treenav" */
#treenav
{
    float: left;
    min-width: 170px;
    max-width: 20%;
    padding-left: 10px;
    padding-top: 20px;
}
#treenav ul
{
    margin-bottom: 0;
}
#treenav li
{
	list-style-type: none;
	margin: 0;
}
#treenav li a
{
	display: block;
	background: transparent url(CCEDesignImg/navimg_darkblue.png) no-repeat center left;
	color: #005b8b;
	font-size: 110%;
	font-variant: small-caps;
	padding: 10px;
	padding-left: 35px;
}
/*#defaultpage #mainnav01 a, #aaapage #mainnav02 a
{
	background: #FF0000 url(CCEDesignImg/bg_tab.png) repeat-x left top;
	color: #ffffff;
}*/
#treenav li a:hover, #treenav li a:focus
{
	background: transparent url(CCEDesignImg/navimg_gray.png) no-repeat center left;
	color: #5c594d;
	font-weight: bold;
	border-bottom: none;
}
/*#mainnav a:active
{
	background: #686565 url(CCEDesignImg/bg_mainnav.png) repeat-x left top;
	color: #ffffff;
}*/
/* Gestaltung des div mit id="maincontent" */
#maincontent
{
	padding: 20px 5px 20px 5px; /* oben - rechts - unten - links */
	min-height: 400px;
}
/* Gestaltung des div mit id="languageswitch" */
#languageswitch
{
	float: right;
	height: 18px;
	text-align: right;
}
/* Gestaltung des div mit id="footer" */
#footer
{
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	border-top: 2px solid #5c594d;
	/*border-top: 4px solid #ffffff;*/
	margin-top: 20px;
}

/* =======================================
  4. Sonstige Styles
  ======================================= */
/* Der Kern von Clearfix */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  font-size: 0; 
  height: 0;
  visibility: hidden;
}

/* IE-Patch für IE 7*/
*:first-child+html .clearfix { min-height: 0; } 

/* IE-Patch für IE 6*/
* html .clearfix { height: 1%; }

/* =======================================
   E N D E   D E S   S T Y L E S H E E T S
   ======================================= */