/* Body Bereich, Formatierungen werden aufs ganze Dokument angewendet */
body
{
	background-color:#FFFFFF;
	margin:0px 0px 50px 0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:1.6;
	color:#333333;
}

/* Hier wird das Layout strukturiert */
#outside
{
	width:900px;
	text-align:center;
	margin:auto;
}

#header
{
	width:900px;
	height:60px;
	padding-top: 210px;
	background-image:url(../../images/layout/bg-header-start.jpg);
	background-repeat:no-repeat;
	text-align:left;
}

#navi
{
	margin-left:360px;
}

#content
{
	width:900px;
	border-top:1px solid #ABABAD;
	border-bottom:1px solid #ABABAD;
	padding:20px 0px 20px 0px;
	text-align:left;
}

#content-left
{
	float:left;
	width:440px;
	text-align:justify;
}

#content-right
{
	float:right;
	width:440px;
	text-align:right;
}

#subtext
{
	width:900px;
	padding:20px 0px 20px 0px;
	text-align:justify;
	line-height:1.2;
}

#footer
{
	width:900px;
	height:20px;
	padding:2px 0px 0px 0px;
	background-image:url(../../images/layout/bg-footer.jpg);
	background-repeat:no-repeat;
	color:#FFFFFF;
	font-size:12px;
	text-align:left;
}


/* Hier werden normale Links formatiert */
a{color:#51ACBE;text-decoration:none;}
a:link{color:#51ACBE;text-decoration:none;}
a:visited{color:#51ACBE;text-decoration:none;}
a:hover{color:#51ACBE;text-decoration:underline;}
a:active{color:#51ACBE;text-decoration:none;}


/* Hier wird der Impressum Link formatiert */
a.imprint-footer{color:#FFFFFF;text-decoration:none;font-size:12px;}
a.imprint-footer:link{color:#FFFFFF;text-decoration:none;}
a.imprint-footer:visited{color:#FFFFFF;text-decoration:none;}
a.imprint-footer:hover{color:#D6F7FF;text-decoration:none;}
a.imprint-footer:active{color:#FFFFFF;text-decoration:none;}


/* Hier wird das Menü formatiert */
a.mainNav
{
	font-size:17px;
	color:#ABABAD;
	text-decoration:none;
}

a.mainNav:link{color:#ABABAD;text-decoration:none;}
a.mainNav:visited{color:#ABABAD;text-decoration:none;}
a.mainNav:hover{color:#4EAEBC;text-decoration:none;}
a.mainNav:active{color:#ABABAD;text-decoration:none;}

a.mainNavActive
{
	font-size:17px;
	font-weight:normal;
	color:#4EAEBC;
	text-decoration:none;
}

a.mainNavActive:link{color:#4EAEBC;text-decoration:none;}
a.mainNavActive:visited{color:#4EAEBC;text-decoration:none;}
a.mainNavActive:hover{color:#ABABAD;text-decoration:none;}
a.mainNavActive:active{color:#4EAEBC;text-decoration:none;}

/* Hier wird das Menü formatiert */
a.subNav
{
	font-size:13px;
	color:#ABABAD;
	text-decoration:none;
}

a.subNav:link{color:#ABABAD;text-decoration:none;}
a.subNav:visited{color:#ABABAD;text-decoration:none;}
a.subNav:hover{color:#4EAEBC;text-decoration:none;}
a.subNav:active{color:#ABABAD;text-decoration:none;}

a.subNavActive
{
	font-size:13px;
	font-weight:bold;
	color:#4EAEBC;
	text-decoration:none;
}

a.subNavActive:link{color:#4EAEBC;text-decoration:none;}
a.subNavActive:visited{color:#4EAEBC;text-decoration:none;}
a.subNavActive:hover{color:#ABABAD;text-decoration:none;}
a.subNavActive:active{color:#4EAEBC;text-decoration:none;}




/* Hier werden die Überschriften und sonstige Styles definiert */
h1{font-size:18px;color:#4EAEBC;font-weight:normal;margin:0px;}

.subtext-color{font-size:24px; color:#4EAEBC;}
.subtext-normal{font-size:24px; color:#ABABAD;}

/* Aktuelle Meldung – Popup */
#notice-overlay
{
	display:none;
	position:fixed;
	z-index:9999;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(81,172,191,0.55);
}

#notice-overlay.is-visible
{
	display:block;
}

#notice-popup
{
	position:relative;
	width:420px;
	max-width:90%;
	margin:120px auto 0 auto;
	padding:28px 32px 24px 32px;
	background:#FFFFFF;
	border:1px solid #4EAEBC;
	box-shadow:0 8px 24px rgba(78,174,188,0.35);
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
}

#notice-popup h2
{
	margin:0 32px 16px 0;
	font-size:20px;
	font-weight:normal;
	color:#4EAEBC;
}

#notice-popup p
{
	margin:0 0 12px 0;
	font-size:15px;
	line-height:1.6;
	color:#333333;
}

#notice-popup p.notice-sub
{
	margin-bottom:22px;
	color:#ABABAD;
}

#notice-close
{
	position:absolute;
	top:10px;
	right:12px;
	width:28px;
	height:28px;
	padding:0;
	border:0;
	background:transparent;
	color:#4EAEBC;
	font-size:22px;
	line-height:28px;
	cursor:pointer;
}

#notice-close:hover
{
	color:#ABABAD;
}

#notice-ok
{
	display:inline-block;
	padding:8px 22px;
	border:0;
	background:#4EAEBC;
	color:#FFFFFF;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	cursor:pointer;
}

#notice-ok:hover
{
	background:#51ACBE;
}