/* Allgemeine Definitionen für die html-Datei */
html,body {
	margin:0px;
    padding:0px;	
	marginwidth: 0px;
	marginheight: 0px;
	height:100%;
	overflow: auto;
	border: none;
}

a  {color:#999;text-decoration: underline;}

a:link { color:#999; font-family: Arial, Verdana, Helvetica, Geneva; font-size: 12px; padding-left:1px;}
a:visited { color:#999; font-family: Arial, Verdana, Helvetica, Geneva; font-size: 12px; padding-left:1px; }
a:active { color:#999; font-family: Arial, Verdana, Helvetica, Geneva; font-size: 12px; padding-left:1px;}
a:hover {color:#999}

#logo{
    background: url(../gfx/blockLeftLogo.gif) no-repeat;
	background-position: center top;
    height: 210px;
	overflow:hidden;
}

.contentArea {
    position:absolute;
	width:100%;
}
.centerOfPage {
    position:relative;
    left:50%;
    width:930px;
    margin: 30px 0px 0px -450px;
}
.sideContentAreaRight {
    background: url(../gfx/bg_blockRight.gif) right 0px no-repeat;
	margin: 20px 0px 20px 0px;	
	padding-left: 10px;
	width: 165px;
	height:662px;
	float: left;
}
.sideContentAreaLeft {
    background: url(../gfx/bg_blockLeft.gif) 0px 210px no-repeat;
	margin: 20px 0px 20px 0px;
	width: 165px;
	height:662px;
	float: left;
}
div.middleContentArea {
	background: url(../gfx/bg_blockMiddle.gif) 0px 0px no-repeat;
    width: 588px;
	height:700px;
	float: left;	
}

div.headerImageArea {
	margin-left: 25px;
    width: 495px;
	height:130px;
}

/* ---------- Navigation ---------------------------------------- */ 
#mainNavi {
	margin: 30px 25px 20px 25px;
    padding:0px 0px 0px 0px;
}
.mainNaviItem {
    padding:0px 0px 5px 0px;
}
div.metaNavi {
	margin: 22px 0px 0px 0px;
	font-size: 12px; 
	font-family: Arial, Verdana, Helvetica, Geneva; 
	color: #999999;
	font-weight: bold;
	white-space: nowrap;
	font-variant:normal;
	text-decoration: none;
}

a.mainNaviLink {
	font-size: 12px; 
	font-family: Arial, Verdana, Helvetica, Geneva; 
	color: #ffffff;
	font-weight: bold;
	white-space: nowrap;
	font-variant:normal;
	text-decoration: none;
}
a.mainNaviLinkOn{color:#BF0043;}
a.mainNaviLinkOn:link{color:#BF0043;}
a.mainNaviLinkOn:visited{color:#BF0043;}
a.mainNaviLinkOn:active{color:#BF0043;}
a.mainNaviLinkOn:hover {color:#BF0043;}
a.mainNaviLinkOff{color:#ffffff;}
a.mainNaviLinkOff:link{color:#ffffff;}
a.mainNaviLinkOff:visited {color:#ffffff;}
a.mainNaviLinkOff:active{color:#ffffff;}
a.mainNaviLinkOff:hover {color:#BF0043;}

.subNavi {
	margin: 2px 0px 2px 10px;
}
a.subNaviLink {
	padding: 0px 0px 0px 8px;
	font-size: 12px; 
	font-family: Arial, Verdana, Helvetica, Geneva; 
	color:#ffffff;
	font-weight: bold;
	white-space: nowrap;
	font-variant:normal;	
	text-decoration: none;
}

a.subNaviLinkOn {background: url(../gfx/point_red.gif) 0px 0px no-repeat;padding: 0px 0px 0px 8px;color:#BF0043;}
a.subNaviLinkOn:link{padding: 0px 0px 0px 8px;color:#BF0043;}
a.subNaviLinkOn:visited {padding: 0px 0px 0px 8px;color:#BF0043;}
a.subNaviLinkOn:active{padding: 0px 0px 0px 8px;color:#BF0043;}
a.subNaviLinkOn:hover {padding: 0px 0px 0px 8px;color:#BF0043;}
a.subNaviLinkOff {background: url(../gfx/point_white.gif) 0px 0px no-repeat;padding: 0px 0px 0px 8px;color:#ffffff;}
a.subNaviLinkOff:link {padding: 0px 0px 0px 8px;color:#ffffff;}
a.subNaviLinkOff:visited {padding: 0px 0px 0px 8px;color:#ffffff;}
a.subNaviLinkOff:active {padding: 0px 0px 0px 8px;color:#ffffff;}
a.subNaviLinkOff:hover {background: url(../gfx/point_red.gif) 0px 0px no-repeat;padding: 0px 0px 0px 8px;color:#BF0043;}

/* ---------- Content ---------------------------------------- */ 
.txtContent {
	background-color: transparent;
	font-weight: normal;
	color:#999999;
	text-align: left;
 	font-family: Arial, Verdana, Helvetica, Geneva;
	font-size:12px;
}
.txtContentRight {
	background-color: transparent;
	font-weight: normal;
	color:#999999;
	text-align: left;
 	font-family: Arial, Verdana, Helvetica, Geneva;
	font-size:11px;
	padding-left:1px;	
}
.bigHeadline {
	background-color: transparent;
	font-weight: bold;
	text-align: left;
	color: #BF0043;
 	font-family: Arial, Verdana, Helvetica, Geneva;
	font-size:16px;
}

div.headerImageLeft {
	background: url("../gfx/barRed.gif") right bottom no-repeat;
    width: 99px;
	height:130px;
    float: left;
	overflow: hidden;
}
div.headerImageRight {
	background: url("../gfx/bg_headerImage.gif") right bottom no-repeat;
	margin-right: 25px;
    width: 99px;
	height:130px;
    float: right;
	overflow: hidden;
}

div.content {
	margin: 50px 80px 10px 50px;	
    width: 458px;
	height:460px;
	overflow: hidden;
}
div.contentBottom {
	margin: 0px 80px 0px 50px;	
    width: 458px;
	height:20px;
	overflow: hidden;
}
div.contentRight {
	margin: 40px 40px 30px 0px;	
    width: 125px;
	height:410px;
	overflow: hidden;
}
div.contentBottomRight {
	margin: 0px 40px 50px 0px;	
    width: 125px;
	height:60px;
	overflow: hidden;
}
div.contentBottomImpressum {
	padding-top: 4px;
    width: 125px;
	height:25px;
	overflow: hidden;
}

.txtContentBottom {
 	background-color: transparent;
	color: #999999;
	font-weight: bold;
 	text-align: left;
  	font-family: Arial, Verdana, Helvetica, Geneva;
	font-size:12px;
	text-decoration: none;
}
a.txtContentBottom:hover {color:#BF0043;}

div.middleContentBottomLeft {
	/*background: url("../gfx/arrow_double_left.gif") left top no-repeat;
	padding-left: 25px;*/
 	float: left;	
}
div.middleContentBottomRight {
	/*background: url("../gfx/arrow_double_right.gif") right top no-repeat;*/
	/*padding-right: 25px;*/
 	float: right;	
}

div ul {
   margin:0px 0px 0px 0px;
   padding:0px 0px 0px 20px;		
}

div ul li {
	/*background: url("../gfx/pointRed.gif") 0px 0px no-repeat;*/
	list-style-image: url("../gfx/pointGray.gif");
	list-style-type:none;
	list-style-position:outside;
    margin-bottom: 6px;
    /*_margin: 0px 0px 6px 150px;*/
    padding:0px 0px 0px 0px;

}
div ul li.pointRed {
	list-style-image: url("../gfx/pointRed.gif");
}
form {
   margin:10px 0px 0px 0px;
   padding:0px 0px 10px 0px;
}


/* article */
/* article start */
.article-headline {
	background-color: transparent;
	font-weight: bold;
	text-align: left;
 	font-family: Arial, Verdana, Helvetica, Geneva;
	font-size:12px;
	/*line-height: 18px;*/
	color: #BF0043;
	padding: 0px 0px 10px 0px;
}
.article-headline-small {
 	background-color: transparent;
	color: #999999;
	font-weight: bold;
 	text-align: left;
  	font-family: Arial, Verdana, Helvetica, Geneva;
	font-size:12px;
	text-decoration: none;
}
div.article-text {
 padding-left: 1px; 
 font-size:12px;
 color: #999999;
 background-color: transparent;
 /*text-align: left;*/
 font-family: Arial, Verdana, Helvetica, Geneva; 
}

img.article-image {
 margin: 3px 20px 10px 0px;
}
div.article {
 clear:both;
 padding: 0px 0px 0px 0px;
}
div.article-picture-left-text-float,
div.article-picture-right-text-float,
div.article-picture-left-text-bottom,
div.article-picture-right-text-bottom,
div.article-picture-center-text-top,
div.article-picture-center-text-bottom {
 margin-top: 0px; 
}
div.article-picture-left-text-float {
 text-align: left;
}
div.article-picture-left-text-float
 img.article-image {
  /*margin-right: 5px;*/
  float: left;
 }
div.article-picture-right-text-float {
 text-align: right;
}
article-picture-center-text-top {
 text-align: left;
}
div.article-picture-right-text-float
 img.article-image {
  float: right;
  margin-left: 10px;
 }
div.article-picture-right-text-bottom {
 text-align: right;
}
div.article-picture-center-text-bottom {
 text-align: center;
}

/* email form*/
.contactBlock{
	background: url("../gfx/contactBlock.gif") 0px 0px no-repeat;
	margin-top: 5px;
	padding-top: 12px;
	height: 300px;
	overflow: auto;
}
.emailFormLeft {
	margin: 0px 0px 0px 0px;
	padding: 4px 0px 4px 0px;
	width: 90px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: right;
}	
.emailFormRight {
	margin: 0px 0px 0px 0px;

	width: 320px;
}	
textarea, input {
	width: 300px;
}

.emailSendButton {
	margin-top: 5px;
	width: 437px;
	height: 30px;
	text-align:right;
}
.infoField {
	padding: 2px 5px 2px 5px;
	width: 427px;
	height: 20px;
	z-index:99;
}
.txtInfoField {
	padding: 0px 10px 0px 10px;
	display: none;
	background-color: #BF0043;
	text-align:left;
	font-weight: bold;
	color: #FFFFFF;
 	font-family: Arial, Verdana, Helvetica, Geneva;
	font-size:12px;
	text-decoration:none;
}
.overFlowAuto{
	overflow: auto;
}
/* ---------- Colors ---------------------------------------- */ 
.lightGrey {
	background-color: #DDD;
}
.txtRed {
	color: #BF0043;
}
a.txtRed {color:#BF0043;}
a.txtRed:link{color:#BF0043;}
a.txtRed:visited {color:#BF0043;}
a.txtRed:active{color:#BF0043;}
a.txtRed:hover {color:#BF0043;}

/* Spacer */
div.unclearSpacer10 {
 height: 10px;
}
div.unclearSpacer110 {
 height: 110px;
}
div.spacer5 {
 clear:both;
 height: 5px;
}
div.spacer10 {
 clear:both;
 height: 10px;
}
div.spacer15 {
 clear:both;
 height: 15px;
}
div.spacer20 {
 clear:both;
 height: 20px;
}
div.spacer40 {
 clear:both;
 height: 40px;
}
div.floatLeft {
 float: left;	
}
div.floatRight {
 float: right;	
}
div.txtAlignRight {
 text-align: right;	
}
div.contentHide {
	visibility:hidden;
}