/* Allgemeine Definitionen für die html-Datei */
html,body {
	margin:0px;
    padding:0px;	
	height:100%;
	overflow: auto;
	border: none;
	font-size: 11px; 
	font-family: Verdana, Arial, Helvetica, Geneva;
	background-color: #ffffff;
	color:#275E8B;
}
a {text-decoration: underline;}

a:link { color:#275E8B; font-size: 11px; font-family: Verdana, Arial, Helvetica, Geneva; padding-left: 1px;}
a:visited { color:#275E8B; font-size: 11px; font-family: Verdana, Arial, Helvetica, Geneva; padding-left: 1px;}
a:active { color:#ff6600; font-size: 11px; font-family: Verdana, Arial, Helvetica, Geneva; padding-left: 1px;}
a:hover {color:#ff6600}
.img{
   	border: 0px none;
}
#logo{
   	margin: 0px 0px 0px 0px;
    padding:0px 0px 0px 0px;	
    height: 100px;
}
#logo img{
   	border: 0px none;
   	float: right;
}
.contentArea {
    background: url(../gfx/bg_top.jpg) repeat-x;
    position:absolute;
	margin: 0px 0px 0px 0px;
    padding:0px 0px 0px 0px;	
	width: 100%;
    height: 47px;
}
.contentAreaFooter {
 	clear: both;
    background: url(../gfx/bg_footer.gif) repeat-x;
    position:relative;
   	margin: 0px 0px 0px 0px;
    padding:0px 0px 0px 0px;	
	width:100%;	
    height: 47px;
    z-index:10;
}
.centerOfPage {
    position:relative;
    left:50%;
    width:918px;
    margin: 0px 0px 0px -459px;
}
.centerOfPage a {
	border: 0px;
}

.sideContentArea {
    background: url(../gfx/bg_top_side.gif) 0px 0px repeat-x;
	width: 270px;
	float: left;
}
.sideLeftArea {
	width: 315px;
	height: 567px;
	float: left;
}
#sideNaviAreaLeft {
    background: url(../gfx/bg_top_side.gif) 0px 0px repeat-x;
	width: 270px;
	height: 380px;
	margin-top:0px;
	margin-left:45px;
}

#sideFooterAreaLeft {
	width: 315px;
	float: left;
}
div.middleContentArea {
	background: url(../gfx/bg_middle_top_center.gif) 0px 0px repeat-x;
	background-color: #DDEBF2;
	padding-top: 30px;
    width: 330px;
	float: left;
}
.twoColsRightArea {
	background: url(../gfx/bg_middle_top_2cols_right.jpg) 0px 0px repeat-x;
    width: 600px;
	height: 610px;
	float: left;	
}
div.Content2colsRight {
	background-color: #DDEBF2;
	position: relative;
	top: 2px;
	width: 598px;
	height: 580px;
	padding-top: 30px;
	float: left;	
}

#middleLeftCorner {
    background: url(../gfx/bg_middle_left_corner.gif) no-repeat;
	height: 70px;
	margin-top: 0px;
}
#middleRightCorner {
    background: url(../gfx/bg_middle_right_corner.gif) no-repeat right;
	text-align: center;
	height: 70px;
}

.homeSwanMiddle {
    background: url(../gfx/swan_left.gif) no-repeat;
	background-position:bottom right;
	height: 580px;
}
.homeSwanRight {
    background: url(../gfx/swan_right_1.gif) no-repeat;
	background-position:bottom left;
	height: 610px;
}
.homeSwanBottom {
    background: url(../gfx/swan_bottom.gif) no-repeat;
	background-position:top right;
   	margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;	
    width: 344px;
	float: left;	
}
#bg_fancy {
    background: url(../gfx/bg_fancy.gif) no-repeat;
	background-position:bottom left;
	height: 573px;
}

/* ---------- Navigation ---------------------------------------- */ 
#mainNavi {
	background: url(../gfx/dot_line_navi.gif) repeat-x;
	margin-top: 10px;
	width: 180px;
}
.mainNaviPoint {
	background: url(../gfx/dot_line_navi.gif) repeat-x;
	background-position:bottom left;
	margin:0px 0px 0px 0px;
    padding:5px 0px 6px 0px;
	height: 13px;
}
.mainNaviLink {
	font-size: 11px; 
	font-family: Verdana, Arial, Helvetica, Geneva; 
	color:#6B8897;
	font-weight: bold;
	white-space: nowrap;
	font-variant:normal;
	text-transform:uppercase;
	padding-left:1px; 
	text-decoration: none;
}
a.mainNaviLinkOn {color:#ff6600;}
a.mainNaviLinkOff {color:#6B8897;}
a.mainNaviLinkOff:hover {color:#6B8897;}
a.mainNaviLinkOn:hover {color:#ff6600;}
a.mainNaviLink:hover {color:#ff6600;}

.subNaviLink {
	font-size: 11px; 
	font-family: Verdana, Arial, Helvetica, Geneva; 
	color:#6B8897;
	font-weight: bold;
	white-space: nowrap;
	font-variant:normal;
	text-decoration: none;
}

a.subNaviLinkOff, a.subNaviLinkOff:visited {color:#6B8897;}
a.subNaviLinkOn,
a.subNaviLinkOn:active, 
a.subNaviLinkOn:visited,
a.subNaviLinkOn:hover, 
a.subNaviLinkOff:hover, 
a.subNaviLinkOff:active
{color:#ff6600;}



.archiveLink, a.archiveLinkOn, a.archiveLinkOff {
	font-size: 10px; 
	font-family: Verdana, Arial, Helvetica, Geneva; 
	color:#A8CCDD;
	font-weight: bold;
	white-space: nowrap;
	font-variant:normal;
	text-decoration: none;
	line-height:18px;
}

a.archiveLinkOn {color:#ff6600;}
a.archiveLinkOff {color:#A8CCDD;}
a.archiveLinkOff:active {color:#ff6600;}
a.archiveLinkOff:visited {color:#A8CCDD;}
a.archiveLinkOff:hover {color:#ff6600;}

/* ---------- Login Area -------------------------------------- */ 
#loginArea {
	position: absolute;
	top: 540px;
	width: 300px;
	z-index: 11;
	overflow:visible;
}

.txtLogin{
	background: url("../gfx/arrow_right.gif") 0px 0px no-repeat;
	background-position:top right;
	background-color: transparent;
	margin-right:10px;
	padding-right:10px;
	font-weight: normal;
	text-align: right;
 	font-family: Verdana, Arial, Helvetica, Geneva;
	font-size:11px;
	width: 60px;
	height: 20px;
	float: left;	
	z-index: 12;
}
.txtLogout{
	background: url("../gfx/arrow_left.gif") 0px 0px no-repeat;
	background-position:top left;
	background-color: transparent;
	margin-left:80px;
	padding-left:10px;
	font-weight: normal;
	text-align: right;
 	font-family: Verdana, Arial, Helvetica, Geneva;
	font-size:11px;
	float: left;	
	z-index: 12;
}
.loginInputField{
	margin-right:2px;
	width: 140px;
	float: left;	
}

/* ---------- Content ---------------------------------------- */ 
.txtContent {
	background-color: transparent;
	font-weight: normal;
	text-align: left;
 	font-family: Verdana, Arial, Helvetica, Geneva;
	font-size:11px;
}
.txtFooter, a.txtFooter {
	background-color: transparent;
	color: #7293A4;
    padding: 5px 10px 0px 0px;	
	font-weight: normal;
 	font-family: Verdana, Arial, Helvetica, Geneva;
	font-size:10px;
	text-decoration:none;
	line-height: 24px;
}
a.txtFooter{color:#7293A4;}
a.txtFooter:active {color:#7293A4;}
a.txtFooter:visited {color:#7293A4;}
a.txtFooter:hover {color:#7293A4;}

.headlineTimes{
	font-family: Times, Verdana, Arial, Helvetica, Geneva;
	color: #275E8B;
}
.fontSize14 {
	font-size:14px;
}
.fontSize18 {
	font-size:18px;
}
.fontSize24 {
	font-size:24px;
}

.centerContent{
	text-align: center;
}
.sideContent{
    margin:0px 0px 0px 0px;
    padding:10px 10px 0px 35px;
}

.sideContent .headline {
 	margin: 4px 0px 10px 0px;
	background-color: transparent;
	font-weight: bold;
	text-align: left;
 	font-family: Verdana, Arial, Helvetica, Geneva;
	font-size:14px;
}

.textBlueBox {
   	margin:0px 0px 10px 0px;
	background-color: #275E8B;
	color: #FFFFFF;
 	font-family: Verdana, Arial, Helvetica, Geneva;
	font-size:12px;
	line-height: 24px;
	text-align: center;
}
.textBlueLayer {
   	margin:45px 0px 0px 0px;
	padding-left:10px;
	padding-top:10px;
	background: url("../gfx/bg_blue_layer.jpg") 0px 0px no-repeat;
	width: 174px;
	height: 89px;
	color: #FFFFFF;
 	font-family: Verdana, Arial, Helvetica, Geneva;
	font-size:12px;
	line-height: 18px;
	float: left;
}
.textAlignRight{
	text-align:right;
}
ul {
   margin:0px 0px 0px 0px;
   padding:0px 0px 0px 0px;
}
ul li.teaserLink {
	background: url("../gfx/arrow_right_dual.gif") 0px 0px no-repeat;
	list-style-type:none;
	list-style-position:outside; 
	margin: 4px 0px 0px 0px;
    padding: 0px 0px 0px 15px;
	font-family: Verdana, Arial, Helvetica, Geneva;
	text-align: left;
	line-height:17px;
	height: 17px;
	font-size:11px;
} 
ul li.teaserLink a {
	text-decoration:none;
	border: none;
}
ul li.point {
	background: url("../gfx/arrow_dual_listPoint.gif") 0px 0px no-repeat;
	list-style-type:none;
	list-style-position:outside; 
	margin: 4px 0px 0px 0px;
    padding: 0px 0px 0px 15px;
	font-family: Verdana, Arial, Helvetica, Geneva;
	text-align: left;
	line-height:14px;
	font-size:11px;
} 
.lineHeight17{
	background-color: #B9CFDD;
	color: #275E8B;
	line-height:17px;
}
.refDescriptionPoints {
	background: url("../gfx/dot_line_navi.gif") 0px 5px repeat-x;
	height: 11px;
}

div.arrowPointLinkBlue {
	background: url("../gfx/arrow_right_blue.gif") 0px 2px no-repeat;
	padding-left: 11px;
	height: 15px;
	z-index:1;
}
div.arrowPointLinkOrange, a:hover div.arrowPointLinkBlue {
	background: url("../gfx/arrow_right_orange.gif") 0px 2px no-repeat;
	padding-left: 11px;
	height: 15px;
}

div.middleBigImage {
	margin: 20px 0px 10px 0px;
	width:330px;
	text-align: center;	
}
/*
div.middleBigImage img{
	border:1px solid #275E8B;
}*/
div.contentPadding {
 padding: 0px 10px 0px 10px;
}

form {
   margin:10px 0px 0px 0px;
   padding:0px 0px 10px 0px;
}

/* gallery */
#gallery .galleryBox { 
	position: relative;
	width: 590px; 
	height: 480px;
	margin-right: 0px; 
	float: left; 
}
#gallery ul {
	margin-left: 38px; 
	clear: both; 
	list-style-type: none; 
}
#gallery ul li { 
	float: left; 
	text-align: center;  
	margin: 0 8px 8px 0;  
}
#gallery img { 
	border: 0; 
	float: left; 
	border: 2px solid #ffffff; 
	width: 120px; 
	height: 80px;
}
#gallery a { 
	text-decoration: none; 
	border: 0; 
}
#imgNav {
	white-space: nowrap; 
	text-align: center;
}

.PopBoxImageSmall {
	width: 300px;
}
/* ---- contact ----*/
.contact-headline {
	background-color: transparent;
	color: #275E8B;
	font-weight: bold;
	text-align: left;
 	font-family: Verdana, Arial, Helvetica, Geneva;
	font-size:16px;
}

.contact-text {
	padding: 0px 20px 0px 0px;
 	background-color: transparent;
	color: #275E8B;
	font-weight: normal;
 	text-align: left;
  	font-family: Verdana, Arial, Helvetica, Geneva;
	font-size:11px;
}

.contactLink {
	margin-right:10px;
	padding-right:10px;
	font-size: 11px; 
	font-family: Verdana, Arial, Helvetica, Geneva; 
	color:#275E8B;
	font-weight: bold;
	white-space: nowrap;
	font-variant:normal;
	text-transform:uppercase;
	padding-left:1px; 
	text-decoration: none;
}
a.contactLink:hover {color:#ff6600;}

/* ---------- Formular---------------------------------------- */
.contactFormTable { 
	padding: 0px 0px 0px 0px;
	margin: 20px 5px 0px 20px;
	border: none;
}

input.field, textarea.field
{
	font-family: Verdana,Arial,Helvetica;
	font-size: 9pt;
	color: #275E8B;
	border: #A0A0A0 1px solid;
}
input.field {
	margin: 5px 10px 20px 0px;
	height: 16px;
	width: 139px;
}
textarea.field {
	margin:  5px 0px 20px 0px;
	height: 80px;
	width: 290px;
}
input.checkbox {
	margin: 0px 10px 0px 0px;
	border: #A0A0A0 1px solid;
}

#errormessage {
	position: absolute;
	margin: 30px 10px 0px 35px;
	padding: 4px 0px 2px 4px;
	text-decoration:none;
	height: 18px;
	width: 221px;
	display: none;
}

/* ---------- Formulare---------------------------------------- */ 


/* article */
/* article start */
.article-headline {
 	margin: 12px 0px 10px 0px;
	background-color: transparent;
	font-weight: bold;
	text-align: left;
 	font-family: Verdana, Arial, Helvetica, Geneva;
	font-size:14px;
}
.article-headline-small {
 	background-color: transparent;
	color: #275E8B;
	font-weight: normal;
 	text-align: left;
  	font-family: Verdana, Arial, Helvetica, Geneva;
	font-size:11px;
}
.article-headline-down {
	font-size:14px;
}
.article-headline-up {
 	background-color: transparent;
	color: #275E8B;
	font-weight: normal;
 	text-align: left;
  	font-family: Verdana, Arial, Helvetica, Geneva;
	font-size:11px;
}
div.article-text {
 padding-left: 1px; 
 font-size:11px;
 color: #275E8B;
 background-color: transparent;
 text-align: left;
 font-family: Verdana, Arial, Helvetica, Geneva; 
}

img.article-image {
 margin: 0px 13px 2px 0px;
}
div.article {
 clear:both;
 padding: 8px 15px 10px 15px;
}
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: 5px;
 }
div.article-picture-right-text-bottom {
 text-align: right;
}
div.article-picture-center-text-bottom {
 text-align: center;
}


/* ---------- Colors ---------------------------------------- */ 
.orange {
	background-color: #ff6600;
}
.lightBlueGrey {
	background-color: #DDEBF2;
}
.textBlueGreyBox {
	background-color: #B9CFDD;
	color: #275E8B;
}
.textBlueGrey {
	color: #7C95A2;
}
.textBlue {
	color: #275E8B;
}
.textWhite {
	color: #FFFFFF;
}
.textLightBlueGrey {
	color: #A8CCDD;
}
/* Spacer */
div.mtop5 {
	margin-top: 5px;
}
div.minHeightMiddle {
 min-height: 580px; 
}	
div.minHeightSide {
	height: 567px;
}
div.spacer5 {
 clear:left;
 height: 5px;
}
div.spacer10 {
 clear:left;
 height: 10px;
}
div.spacer20 {
 clear:left;
 height: 20px;
}
div.spacer45 {
 clear:left;
 height: 45px;
}
div.spacer60 {
 clear:left;
 height: 60px;
}
.spacerLeft80 {
padding-left: 80px;
}
.spacerLeft10 {
padding-left: 10px;
}
.spacerLeft35 {
padding-left: 35px;
}