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;

  /*Dunkles blau*/
	color:RGB(58,94,155);

}

#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: 170px;


}

#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;

}

#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;

}

h1 a:link, h1 a:hover, h1 a:visited, h1 a:active , h1 a:focus{

  /*Dunkles blau*/
	color: RGB(58,94,155);

	text-decoration: none;

}

h2 a:link, h2 a:hover, h2 a:visited, h2 a:active , h2 a:focus{

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

	text-decoration: none;

}

#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, *.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, *.navi a:hover, *.navi a:active {

	/*Ausrichtung*/
	position: relative;

	/*Dunkles blau*/
	color: RGB(58,94,155);

	text-decoration: none;

	font-weight: bold;

}

#boxcontainer, *.boxcontainer {

  float: left;

  width: 140px;
  height: auto;

}


*.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;

}

#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, *.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);

}