@font-face { font-family:Impact; src:url(../../fonts/IMPACT.TTF) format(TrueType); }
@font-face { font-family:AvantGard; src:url(../../fonts/AVGARDN.TTF) format(TrueType); }

* {
	margin:0;
	padding:0;
}

html,body {
	height:100%;
}

body {
	margin: 0px 0 20px 0;
	padding: 0;
	text-align:center;
	background-color: #000000;
	font-family: AvantGard, Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 9pt;
}

img {
	border: 0;
}

dl.csc-textpic-image dd
{
	margin-top: 0pt;
	margin-right: 0pt;
	margin-bottom: 0pt;
	margin-left: 0pt;
}

div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image dd 
{
	float: none;
}

div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption {
	margin-top: 0pt;
	margin-right: 0pt;
	margin-bottom: 0pt;
	margin-left: 0pt;
	font-size:x-small;
	background-color:#ededed;
	padding-left: 5px;
}

hr {
	margin-bottom: 10px;
	border-bottom: 2px dotted #FFFFFF;
}
	
/* Überschriften */

h1 {
	color: #FFFFFF;
	font-family: Impact, Verdana, Arial;
	font-size:16pt;
	font-weight:normal;
	margin-bottom: 20px;
}

h2 {
	color: #FFFFFF;
	font-family: Impact, Verdana, Arial;
	font-size:14pt;
	font-weight:normal;
	margin: 20px 0 10px 0;
}

h3 {
	color: #FFFFFF;
	font-family: Impact, Verdana, Arial;
	font-size:14pt;
	font-weight:normal;
	margin: 20px 0 0 0;
}

h4 {
	color: #FFFFFF;
	font-family: Impact, Verdana, Arial;
	font-size:12pt;
	font-weight:normal;
}

h5 {
	color: #FFFFFF;
	font-family: Impact, Verdana, Arial;
	font-size:12pt;
	font-weight:normal;
}

h6 {
	color: #FFFFFF;
	font-family: Impact, Verdana, Arial;
	font-size:12pt;
	font-weight:normal;
}

/* Links */

a:link, a:visited, a:active {
	color: #FFFFFF;
	text-decoration:underline;
	font-weight: bold;
}

a:hover {
	color: #DF002A;
	text-decoration:underline;	
	font-weight: bold;
}

/* Formelemente */

input, textarea, select {
	background-color: #FFFFFF;
	border: 0px solid #DF002A;
	color: #000000;
}

label { /* Alle Labels UND Formularelemente auswählen */
  display: block;
  float: left;
  width: 150px; /* Breite.*/
}

form br { /* Alle Zeilenumbrüche in Formularen auswählen */
  clear: left; /* das floating der labels und inputs aufheben */
}

input#submit { /* den Submit-Button */
  float: none;
  width: auto;
}

.loginlabel {
	font-size: 10pt;
}

.loginbutton {
  background-color: #B80F22;
  border: #B80F22;
  color: #FFFFFF;
  padding: 0 2px;
  font-size: 9pt;
  font-weight: bold;
}

label {
 text-align: right; 
 padding-right: 1em; 
}

#page {
	margin:0 auto;
	text-align:left;
	min-height:100%;
	height: auto;
	width:985px;
	background-color:#000000;
}

#logo {
	float:left;
	position:relative;
	top: 0px;
	left: 0px;
	height: 85px;
	width: 985px;
}

#navi {
	float: left;
	position: relative;
	top: 0px;
	left: 0px;
	width: 985px;
	font-family: Impact, Verdana, Arial;
	color: #ffffff;
	background-color: #B80F22;
	font-size: 11pt;
	font-weight: normal;
	padding: 0px 0 0 0px;
}

* #navi {
	margin: -10px 0 0 0;
	padding: 10px 0px 10px 0px;
}

#navi ul {
	list-style-type: none;
	margin-left: 10px;
}

#navi ul li {
	display: inline;
	padding: 10px 0px 10px 0px;
}

#navi ul li a{
	text-decoration: none;
	padding: 10px 6px 10px 6px;
	color: #FFFFFF;	
	font-weight: normal;
}

#navi ul li a:hover{
	color: #FFFFFF;
	text-decoration: underline;
	font-weight: normal;
}

#navi .act a {
	padding: 10px 6px 12px 6px;
	text-decoration: underline;
	color: #FFFFFF;
	font-weight: normal;
}

#navi ul li ul {
	list-style-type: none;
}

#subnavi {
	float: left;
	position: relative;
	top: 0px;
	left: 0px;
	width: 975px;
	height: 25px;
	font-family: Impact, Verdana, Arial;
	color: #ffffff;
	background-color: #DF002A;
	text-align: right;
	font-size: 11pt;
	font-weight: normal;
	padding: 5px 10px 0 0;
}

#subnavi a{
	text-decoration: none;
	color: #FFFFFF;	
	font-weight: normal;
}

#subnavi a:hover{
	color: #000000;
	font-weight: normal;
}

#subnavi .act a {
	text-decoration: underline;
	color: #FFFFFF;
	font-weight: normal;
}

#titel {
	float:left;
	position:relative;
	top: 10px;
	left: 0px;
	height: 55px;
	width: 700px;
	color: #FFFFFF;
	margin-bottom: 10px;
	border-bottom: 2px dotted #FFFFFF;
}

#titel .topic {
	float: left;
	color: #FFFFFF;
	font-family: Impact, Verdana, Arial;
	padding-left: 10px;
	font-size: 20pt;
	font-weight: normal;
	vertical-align: top;
	border-right: 3px solid #FFFFFF;
	margin-right: 10px;
}


#titel .subtopic {
	color: #FFFFFF;
	font-size: 8pt;
	font-weight: normal;
	vertical-align: top;
}

#login {
	float:left;
	position:relative;
	top: 10px;
	left: 0px;
	height: 85px;
	width: 278px;
	padding: 0 0 0 7px;
	color: #FFFFFF;
}

#unten {
	clear:both;
	position: relative;
	top: 10px;
	left: 0px;	
	width:985px;
}

#content {
        float:left;
	position:relative;
	top: 0px;
	left: 0px;
	width: 700px;
	min-height: 550px;
	height: auto;
	overflow: no;
	margin: 0;
	padding: 0px 0px 0px 0px;
}

#content a {
	text-decoration: underline;
	color: #FFFFFF;	
}

#content a:hover {
	text-decoration: none
	color: FFFFFF;
}

#content ul{
	padding: 0 0 0 30px;
}

#right {
	float:left;
	position:relative;
	top: 0px;
	left: 0px;
	min-height: 550px;
	height: auto;
	width: 278px;
	overflow: no;
	padding: 0 0 0 7px;
	color: #FFFFFF;
}


#down {
	float: left;
	position: relative;
	top: 20px;
	left: 0px;
	width: 985px;
	height: 35px;
	color: #FFFFFF;
	text-align: center;
	font-size: 10pt;
	padding: 20px 0 0 0;
	background-image: url(../../images/bottom.jpg);
	background-repeat: no-repeat;
}

#down a {
	text-decoration: none;
	color: #FFFFFF;	
}

#down a:hover {
	text-decoration: underline;
	color: FFFFFF;
}