@charset "UTF-8";
/* CSS Document */

/* ALLGEMEIN BODY - SCHRIFT, HINTERGRUNDFARBE */

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #000000;
	background-color:#FFFFFF;
	text-align:center; /* Zentrierung im Internetexplorer */
	margin:0px; 
	padding: 0;
}

/* SEITEBREITE, HINTERGRUNDFARBE */

#Seite {
	width:900px;
	margin:0px auto;
	text-align: left; /* Text wieder links ausrichten */
	background-color:#FFFFFF;
}

/* Bannerleiste oben */

#logoleiste {
	background-color: #FFFFFF;
	height: 65px;
	width: 170px;
	margin: 0px;
	padding-left: 730px;
	padding-top: 25px;
	background-image: url(../img/CSNord-Logo.gif);
}

#unterzeile {
	background-color: #FFFFFF;
	height: 25px;
	line-height:25px;
	text-align:center;
	width: 900px;
	background-image: url(../img/Unterzeile.gif);
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #000000;
	border-bottom-color: #000000;
	font-weight: bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;	
}

#leer {
	background-color: #FFFFFF;
	height: 15px;
	width: 900px;
	margin: 0px;
	padding: 0px;
	background-image: url(../img/grau.gif);
}

/* NAVIGATION */

#navigation {
	float:left;
	width: 180px;
	margin-bottom:20px;
}

.container {
	width:180px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}

/* NAVIGATIONSROLLOVER */

a.menu 
{
	display:block;
	border-top:1px solid #000000;
	text-align:left;
	font-weight:normal;
	color:#647A87;
	text-decoration:none;
	min-height:20px;
	line-height:20px;
 }
 
a.menu:link, a.menu:visited
{
	font-weight:normal;
}

a.menu:active, a.menu:hover
{
	font-weight:bold;
}

a.untermenu 
{
	display:block;
	border-top:1px solid #DEE8E9;
	text-align:left;
	font-weight:normal;
	color:#647A87;
	text-decoration:none;
	min-height:20px;
	line-height:20px;
 }
 
a.untermenu:link, a.menu:visited
{
	font-weight:normal;
}

a.untermenu:active, a.menu:hover
{
	font-weight:bold;
}

/* NAVIGATIONSROLLOVER oben */


#quernavigation {
	background-color: #FFFFFF;
	height: 25px;
	line-height:25px;
	width: 900px;
	margin: 0px;
	padding: 0px;
	background-image: url(../img/grau.gif);
}

a.oben {
	color : #000000;
	font-size: 12 px;
  	font-family: Verdana, Arial, Helvetica;	
	text-decoration:none;
}

a.oben:active  {
	color : #FDA000;
	font-size: 12 px;
 	font-family: Verdana, Arial, Helvetica;	
	text-decoration:none;
	font-weight: normal;
}

a.oben:hover  {
	color : #FDA000;
	font-size: 12 px;
  	font-family: Verdana, Arial, Helvetica;	
	text-decoration:none;
	font-weight: normal;
}

/* Inhalt */

#inhalt {
	width:720px;
	float:right;
	background-image: url(../img/grau2.gif);
	background-repeat: repeat;	
	min-height:400px;
}

#woichbin {
	border-bottom:1px solid #000000;
	height:20px;
	line-height:20px;
}

#text {
	margin-left:25px;
	margin-right:205px;
}

#textberechnung {
	margin-left:25px;
	margin-right:0px;
}

.orange  {	
	color : #FDA000;
	font-weight: bold;
}

.orangegross  {
	font-size:16px;	
	color : #FDA000;
	font-weight: bold;
}

.grau  {
	font-size:16px;	
	color : #647A87;
	font-weight: bold;
}

a.textrollover {
	color : #647A87;
	font-size: 12 px;
  	font-family: Verdana, Arial, Helvetica;	
	text-decoration:none;
	font-weight:bold;
}

a.textrollover:active  {
	color : #FDA000;
	font-size: 12 px;
 	font-family: Verdana, Arial, Helvetica;	
	text-decoration:none;
	font-weight: bold;
}

a.textrollover:hover  {
	color : #FDA000;
	font-size: 12 px;
  	font-family: Verdana, Arial, Helvetica;	
	text-decoration:none;
	font-weight: bold;
}


/* FUSSZEILE */

p#Fusszeile {
	clear: both;
	font-size: 11px;
	height:28px;
	line-height:28px;
	color:#000000;
	margin: 0;
	text-align: left;
	background-color:#FFFFFF;
	border-top: 1px solid;
	border-color: #000000;
}

#Seite #Fusszeile a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

#Seite #Fusszeile a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FDA000;
	text-decoration: none;
}

/* nur Startseite */

#inhaltstart {
	width:720px;
	float:right;
	background-image: url(../img/kompass.jpg);
	min-height:400px;
}

#textstart {
	margin-left:35px;
	margin-right:205px;
	margin-top:35px;
}

/* nur Berechnungsseite */

#inhaltberechnung {
	width:720px;
	float:right;
	bgcolor:#ffffff;
	min-height:400px;
}

/* Pop up Texte */

#texte {
  margin-top: 40px;
  margin-left: 40px;
  width: 420px;
  height: 320px;
  font-size: 12 px;
  font-family: Verdana, Arial, Helvetica;	
  text-decoration:none;
  font-weight: normal;  
  text-align: left; 
}

.heraushebung{
	padding:8px;
	border:2px;
	border-style:dotted;
	border-color:#000000;
	background-color:#ffe48a;
	font-size:15px;

}