@charset "utf-8";
/*body {
	background-color: #DCDCDC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 24px;
	color: #336699;
}

td, th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 24px;
	color: #333333;
}

a {
	color: #3366CC;
	text-decoration: none;
}

form {
	background-color: #CCCC99;
}

.title {
	font-family: Arial, Helvetica, sans-serif;
  font-size: 24px;
	line-height: 30px;
  background-color: #006666;
	color: #DCDCDC;
}

.subtitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 22px;
	font-weight: bold;
  color: #006666;
}

.header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	background-color: #006666;
  color: #DCDCDC;
}

.nav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
  font-weight: bold;
	background-color: #CCCCCC;
}

.navLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	background-color: #DEDECA;
}

.sidebar {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	padding: 3px;
	background-color: #FFFFFF;
}

.sidebarHeader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 24px;
	color: #FFFFFF;
	background-color: #339999;
}

.sidebarFooter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	background-color: #CCCCCC;
}

.footer {
  font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 22px;
	color: #333333;
	background-color: #CCCCCC;
}

.legal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333333;
}

.box1 {
	border-color: #CCCCCC #333333 #333333 #CCCCCC;
	border-width: medium;
  border-style: ridge;
}

.promo {
	font-family: "Times New Roman", Times, serif;
	color: #000033;
}

.titlebar {
	font-family: "Times New Roman", Times, serif;
	font-size: 9px;
	color: #FFFFFF;
  background-color: #336699;
}

.dingbat {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #99CC99;
  color: #006666; 
	font-weight: bolder;
	font-size: medium;
}

a:hover {
	text-decoration: underline;
}

input.big {
	width: 100px;
}

input.small {
	width: 50px;
}

*/


/*Fonts*/


/*body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td {
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
} */


body {
	text-align: left; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000; 
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 100%; /*nutzt den Platz zu 100%*/
}
/*#container {
	text-align: left;
	background-color: #FFF;
	max-width: 61.75em; /* 988px / 16px = 61.75em 
	margin: 0 auto; /*zentriert den Container
}
#mainContent {
	padding-right: 1.225em;/*14px mal 1,4 = 19,6px; 19,6px = 1em x 19,6px : 16px * = 1.225em
	padding-left: 1.225em;
	margin-left: 25%;
	float: left;
}
#sidebar {
	/*float: left;
	position: fixed;
	max-width: 25%;
}
.line {
	background-repeat: repeat-x;
	margin-top: 0.7em;/*1,5 Zeilenhöhen Abstand: 1,5 mal 19,6px: 16px = 1.8375
	margin-bottom: 0.8em; /* 0,5 mal Zeilenhöhe minus 1px Breite: 19,6 : 2 - 1px = 8,8px = 0.55em
	background-image: url(1pixel_s.gif);
}*/
/*#pass {
	padding-top: 0.1875em;
	padding-bottom: 0em;
}*/


h1 {
	font-size: 1.4em;/*die größte Schriftgröße ist 28px, doppelt so groß wie der Fließtext
	16px ist die default Einstellung, also 1 em,28px = 28px : 16px = 1.75em*/
	font-weight: lighter;
	line-height: 1.4em;
	margin-bottom: 0em; /* Schriftgröße : Zeilenhöhe = 28px : 19,6 px = 0,7em */
	margin-top: 0em; */
	
}



h2 {
	font-size: 0.9em;/*h2 soll halb genau zwischen Fließtext und h1 groß sein:
	also 21px = 1.3125em* ---  21px = 21:16 = 1.3125em*/
	/*margin-bottom: 0.6125em;*/
	line-height: 1.4em; /*Schriftgröße : Zeilenhöhe = 21px : 19,6px = 1.07143em*/
	font-weight: normal;
	margin-bottom: 0.7em;
	margin-top: 0em;
	font-style: italic;
	font-variant: normal;
}

h3 {
	font-size: 0.7em;/*h2 soll halb genau zwischen Fließtext und h1 groß sein:
	also 21px = 1.3125em* ---  21px = 21:16 = 1.3125em*/
	/*margin-bottom: 0.6125em;*/
	line-height: 1.4em; /*Schriftgröße : Zeilenhöhe = 21px : 19,6px = 1.07143em*/
	font-weight: bold;
	margin-bottom: 0.7em;
	margin-top: 0em;
}

p {
	font-size: 0.7em;
	line-height: 1.4em;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-top: 0em; /*die default Höhe beträgt 1 em, was das Schriftbild verfälscht*/
	margin-bottom: 0.7em; /*die default Höhe beträgt 1 em, was das Schriftbild verfälscht*/
}

strong {
	color: #272727;
}
a {
	color: #006;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}



@media only screen and (min-width: 481px) {
h1 {
	font-size: 1.75em;/*die größte Schriftgröße ist 28px, doppelt so groß wie der Fließtext
	16px ist die default Einstellung, also 1 em,28px = 28px : 16px = 1.75em*/
	font-weight: lighter;
	line-height: 1.75em;
	margin-bottom: 0em; /* Schriftgröße : Zeilenhöhe = 28px : 19,6 px = 0,7em */
	margin-top: 0em; */
	
}



h2 {
	font-size: 1em;/*h2 soll halb genau zwischen Fließtext und h1 groß sein:
	also 21px = 1.3125em* ---  21px = 21:16 = 1.3125em*/
	/*margin-bottom: 0.6125em;*/
	line-height: 1.75em; /*Schriftgröße : Zeilenhöhe = 21px : 19,6px = 1.07143em*/
	font-weight: normal;
	margin-bottom: 0em;
	margin-top: 0em;
	font-style: italic;
	font-variant: normal;
}

h3 {
	font-size: 0.875em;/*h2 soll halb genau zwischen Fließtext und h1 groß sein:
	also 21px = 1.3125em* ---  21px = 21:16 = 1.3125em*/
	/*margin-bottom: 0.6125em;*/
	line-height: 1.75em; /*Schriftgröße : Zeilenhöhe = 21px : 19,6px = 1.07143em*/
	font-weight: bold;
	margin-bottom: 0em;
	margin-top: 0em;
}

p {
	font-size: 0.875em;
	line-height: 1.75em;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-top: 0em; /*die default Höhe beträgt 1 em, was das Schriftbild verfälscht*/
	margin-bottom: 0em; /*die default Höhe beträgt 1 em, was das Schriftbild verfälscht*/
}

strong {
	color: #272727;
}
a {
	color: #006;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}
}



@media only screen and (min-width: 769px) {
h1 {
	font-size: 1.75em;/*die größte Schriftgröße ist 28px, doppelt so groß wie der Fließtext
	16px ist die default Einstellung, also 1 em,28px = 28px : 16px = 1.75em*/
	font-weight: lighter;
	line-height: 1.75em;
	margin-bottom: 0em; /* Schriftgröße : Zeilenhöhe = 28px : 19,6 px = 0,7em */
	margin-top: 0em; */
	
}



h2 {
	font-size: 1em;/*h2 soll halb genau zwischen Fließtext und h1 groß sein:
	also 21px = 1.3125em* ---  21px = 21:16 = 1.3125em*/
	/*margin-bottom: 0.6125em;*/
	line-height: 1.75em; /*Schriftgröße : Zeilenhöhe = 21px : 19,6px = 1.07143em*/
	font-weight: normal;
	margin-bottom: 0em;
	margin-top: 0em;
	font-style: italic;
	font-variant: normal;
}

h3 {
	font-size: 0.875em;/*h2 soll halb genau zwischen Fließtext und h1 groß sein:
	also 21px = 1.3125em* ---  21px = 21:16 = 1.3125em*/
	/*margin-bottom: 0.6125em;*/
	line-height: 1.75em; /*Schriftgröße : Zeilenhöhe = 21px : 19,6px = 1.07143em*/
	font-weight: bold;
	margin-bottom: 0em;
	margin-top: 0em;
}

p {
	font-size: 0.875em;
	line-height: 1.75em;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-top: 0em; /*die default Höhe beträgt 1 em, was das Schriftbild verfälscht*/
	margin-bottom: 0em; /*die default Höhe beträgt 1 em, was das Schriftbild verfälscht*/
}

strong {
	color: #272727;
}
a {
	color: #006;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}
}ul {
	list-style-type: none;
}