body {

    margin:0;
    padding:0;

    /* hack für IE, damit der I(dioten)E(xplorer) auch den Content mittig setzt */
    text-align: center;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 76%;

    /*Hellgrau*/
    /*color: #6D6D6D;*/

    /*Grau Metallic*/
    color: RGB(102,125,127);
    
    /*Mattweiss*/
    background-color: #FEFEFF; 
    /*background-color: #F0FFFF; /*azure*/
    /*background-color: #FFFAFA; /*Snow*/

}

#content {

    /* normalerweise reicht diese Zeile zum mittigen Platzieren */
    margin: 0px auto;

    width: 800px;

    /* und hier muss dem IE Hack wieder entgegengewirkt werden */
    text-align: left;

}

#search {

    float: right;

    width:10em;
    height:5em;

}

#date, #time {

    float: right;
    
    position: relative;
    
    left: 0px;
    top: 40px;
    width:auto;
    height: 20px;

}

#header {

    margin:0;
    padding:0;

    width: auto;
    height: 60px;

}

#body {

    margin:0;
    padding:0;

    width: 100%;

}

#footer {

    margin:0;
    padding:0;

    font-size: 0.725em;

    width: 100%;

}

#credit a:link, #credit a:visited {

    top: -20px;
    margin: 0px 0px 0px 3px;
    
    
    color: RGB(102,125,127);
    
    text-align: right;

}

#credit a:hover, #credit a:focus {

    top: -20px;
    margin: 0px 0px 0px 3px;
    
    color: RGB(102,125,127);
    
    text-align: right;
    
    font-weight: bold;
    
    border-bottom: 1px dotted RGB(58,94,155); /*Dunkles blau*/

}

#footer a:link, #footer a:visited {

    /*Reset*/
    margin:0;
    padding:0;

    list-style: none;

    text-decoration: none;
    
    border-bottom: 1px dotted RGB(102,125,127);
    
}

#footer a:hover, #footer a:focus {

    /*Reset*/
    margin:0;
    padding:0;

    list-style: none;

    /*Dunkles blau*/
    color:RGB(58,94,155);
    
    text-decoration: none;
    
    border-bottom: 1px dotted RGB(58,94,155);

}

#leftcontent {

    margin: 0;
    padding: 0;

    float: left;
    width: 150px;


}

#rightcontent {

    margin: 15px 5px 0 15px;
    padding: 0;

    float: right;
    width: 600px;

    border-left: 1px solid #AAAAAA;

}

#topspacer {

    margin: 0;
    padding: 0;

    clear: both;

    width: 100%;
    height: 5px;

    border-bottom: 1px solid #AAAAAA;

}

#bottomspacer {

    margin: 0;
    padding: 0;

    clear: both;

    width: 100%;
    height: 15px;

    border-bottom: 1px solid #AAAAAA;

}

h1 {

    /*Reset*/
    margin:0;
    padding:0;

    margin-top: 10px;

    /*Dunkles blau*/
    color:RGB(58,94,155);
    
    font-size:2.4em;
    font-weight:300;
    
}

h2 {

    /*Reset*/
    margin:0 0 0 3px;
    padding:0;
    
    font-size:1.4em;
    font-weight:300;
    
}

#h1link a:link, #h1link a:visited, #h1link a:hover, #h1link a:focus {
	
	/*Reset*/
	margin:0;
	padding:0;

	/*Dunkles blau*/
	color:RGB(58,94,155);
	
	font-weight:300;
	
	text-decoration:none;

}

#h2link a:link, #h2link a:visited, #h2link a:hover, #h2link a:focus {
	
	/*Reset*/
	margin:0;
	padding:0;

	/*Grau Metallic*/
	color: RGB(102,125,127);
	
	font-weight:300;
	
	text-decoration:none;

}

#navigation,#image {

    /*Reset*/
    margin:15px 0 15px 10px;
    padding:0;

    width: auto;
    height: auto;

}

#text {

    /*Reset*/
    margin: 5px 5px 5px 5px;
    padding: 0;

    /*Etwas grösser*/
    font-size: 1.25em;

    /*Etwas kleiner*/
    font-size: 1.125em;

    /*Zeilenhöhe*/
    line-height: 1.3em;

}

#text p {

    font-size: 1.125em;
    line-height: 1.3em;

    margin-left: 10px;

}

#text a:link, #text a:visited, #text a:active {

    /*Grau Metallic*/
    color: RGB(102,125,127);
    
    text-decoration: none;
    
    border-bottom: 1px dotted RGB(102,125,127);

}

#text a:hover, #text a:focus {
                
    /*Dunkles blau*/
    color:RGB(58,94,155);

    text-decoration: none;
    
    font-weight: bold;
    
    border-bottom: 1px dotted RGB(58,94,155); /*Dunkles blau*/

}

#text ul, #text li {

    /*Grau Metallic*/
    color: RGB(102,125,127);
    
}

#link ul, ul {

    margin:10px 0 0 10px;
    padding:0;

}

#link ul, li {

    padding:0;
    margin: 10px 0px 0px 20px;

}

#link li, li {

    padding:0;
    margin: 0px 0px 0px 0px;

    list-style: none;

}

#list ul, li {

    padding:0;
    margin: 10px 0px 0px 20px;

}

#list li, li {

    padding:0;
    margin: 0px 0px 0px 20px;

    list-style: none;

}

#link a:link, #link a:visited, #link a:active {
    
    /*Grau Metallic*/
    color:RGB(102,125,127);

    text-decoration: none;
    
    border-bottom: 1px none RGB(102,125,127);

}

#link a:hover, #link a:focus {

    /*Dunkles blau*/
    color:RGB(58,94,155);
    
    text-decoration: none;
    
    font-weight: bold;
    
    border-bottom: 1px dotted RGB(58,94,155); /*Dunkles blau*/

}

#navi a:link, #navi a:visited, #navi ul, #navi li {
    
    /*Ausrichtung*/
    /*position: relative;*/
    
    /*Grau Metallic*/
    color:RGB(102,125,127);
    
    text-decoration: none;
    
}

#navi a:hover, #navi a:active {
    
    /*Ausrichtung*/
    position: relative;
    
    /*Dunkles blau*/
    color: RGB(58,94,155);
    
    text-decoration: none;
    
    font-weight: bold;
    
}

#box {
    
    float: left;
    
    /*Ausrichtung*/
    position: relative;
    
    text-decoration: none;
    
    left: 5px;
    top: 5px;
    width: 5px;
    height: 5px;
    
    /*border-left: 1px solid RGB(58,94,155);
    border-top: 1px solid RGB(58,94,155);
    border-right: 1px solid RGB(58,94,155);
    border-bottom: 1px solid RGB(58,94,155);*/

    border-left: 1px solid RGB(102,125,127);
    border-top: 1px solid RGB(102,125,127);
    border-right: 1px solid RGB(102,125,127);
    border-bottom: 1px solid RGB(102,125,127);

}

#pbox {
    
    float: left;
    
    position: relative;
    
    /*Dunkles blau*/
    color: RGB(58,94,155);
    
    background-color: RGB(58,94,155);
    
    left: 5px;
    top: 5px;
    width: 6px;
    height: 6px;
    
}

#navi activelink, #activelink {
    
    /*Ausrichtung*/
    /*position: relative;*/
    
    /*Dunkles blau*/
    color: RGB(58,94,155);
    
    /*Kein Unterstrich*/
    text-decoration: none;
    
    font-weight: bold;
    
}

#backlink a:hover, #backlink a:focus {

    /*Dunkles blau*/
    color:RGB(58,94,155);
    
    font-weight: bold;
    
    text-decoration: none;
    
}

#list a:link, #list a:visited, #list a:active  {
    
    /*Grau Metallic*/
    color:RGB(102,125,127);

    text-decoration: none;
    border-bottom: 1px dotted RGB(102,125,127);

}

#list a:hover, #list a:focus {
    
    /*Dunkles blau*/
    color:RGB(58,94,155);
    
    text-decoration: none;
    
    font-weight: bold;
    
    border-bottom: 1px dotted RGB(58,94,155); /*Dunkles blau*/
}

#headline {

    /*Reset*/
    margin: 0;
    padding: 0;
    font-size: 14px;

    /*Dunkles blau*/
    color:RGB(58,94,155);
    
    /*background-image:url("../images/headline.gif");*/
    /*background-image:url("../images/headline-light.gif");*/
    /*background-image:url("../images/headline-superlight.gif");*/

    /*Rahmen nach aussen versetzt, damit die Schrift nicht oben anliegt*/
    padding: 3px 0px 0px 5px;
    margin: 0px 0px 0px 10px;
    font-weight: 300;
    font-weight: bold;

    /*width: auto;*/
    width:95%;

    font-family: Arial, Verdana, Helvetica, sans-serif;

    border-bottom: 1px solid #AAAAAA;

}

#paragraph {

    /*Reset*/
    margin:0;
    padding:0;

    /*-1 für top, damit keine doppelte Linie mit der Headline entsteht*/
    /*und 10 Pixel nach rechts versetzt, wegen der linken Linie von leftcontent*/
    margin: -1px 0px 0px 10px;

    /*IE macht bei margin-top: -1px Stress*/
    margin: 0px 0px 0px 10px;

    left: auto;
    top: auto;

    /*width: auto;*/
    width: 95%;
    height: auto;

}

#news {

    /*Reset*/
    margin:0;
    padding:0;

    margin-left: 10px;

    border: 1px solid #AAAAAA;

    font-size: 0.9em;

}

#kommunikation {
    
    /*Grau Metallic*/
    color:RGB(102,125,127);

}