﻿html
{
    min-height:100%;
    margin-bottom:1px;
}

body 
{
	margin: 0;
	padding: 0; 
	background: #E7E7E7;
	font: normal .75em Tahoma, Verdana, Arial, Helvetica, Sans-Serif; 
	line-height: 1.6em; 
	color: #333; 
}

/* LINKS AND HEADINGS STYLING */

a { color: #546F92; background-color: Transparent; }
a:hover { color: #808080; background: inherit; }
h1  { font: bold 2em "Trebuchet MS", Helvetica, Sans-Serif; margin: 0; color: #fff; background-color:transparent; }
h2  { font: bold 1.4em "Trebuchet MS", Helvetica, Sans-Serif; border-bottom: 1px dashed #aaaaaa;}
h3 { font-size: 1.2em; }
h4 { font-size: 1.1em; }
h5 { font-size: 1.0em; }
.blue { color: #546F92; background: inherit; }
.image { float: left; border: 2px solid #e2e2e2; padding: 3px; margin: 0 15px 0px 0; }
.imageright { float: right; border: 2px solid #e2e2e2; padding: 3px; margin: 0 15px 0px 15px; }
.logo2
{
    position: absolute;
    border: 2px solid #e2e2e2; 
    margin: -10px 5px 10px 480px;
}
.h7
{
	font: bold 1.4em "Trebuchet MS", Helvetica, Sans-Serif; 
	border-bottom: 1px solid #aaaaaa;
}
#logintext
{
	font-weight: bold;
	float: right;
	margin-bottom: 8px;
}

/* CONTENT WRAPPER */

#main { 
	width: 900px; 
	margin: 0px auto 0 auto; 
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
	background: url(/images/bg3.gif) repeat-y;
}

#bottom
{
    width: 910px; 
	margin: 0px auto 0px auto; 
	padding-left: 18px;
    height: 5px;
    background: url(/images/bottomshadow.gif) no-repeat;
}

/* TOP LEFT LOGO */

#logo { 
	float: left; 
	padding: 10px 0 10px 10px; 
}

#logo h1 
{
    height: 0px;
    text-indent: -10000px;
    float: left;
}

/* TOP HORIZONTAL MENU */

#menu 
{
	float: right; 
	/*background: #fff url(/images/bar.gif) repeat-x bottom right;*/
	color: #808080; 
	padding: 10px 0px 11px 0; 
	margin: 0; 
	margin-top: 30px;
	width: 644px;
	font-weight: bold;
}
	#menu li 
	{
		padding-bottom: 4px;
		padding-top: 4px;
		padding-left:14px;
		padding-right:14px;
		color: #444; 
		/*background: #fff url(/images/bar.gif) repeat-x bottom left;*/
		display: inline;
		/*border-right: 1px solid #ccc;*/
	}
	#menu li.active { 
		background: #fff url(/images/baractive.gif) repeat-x bottom left; 
		color: #333; 
		padding-bottom: 2px;
		padding-top: 2px;
		padding-left:14px;
		padding-right:14px;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
	}
	#menu li a { 
		background-color: Transparent;
		color: #333;
		text-decoration: none; 
	} 	
	#menu li a:hover { 
		color: #3F5B7F;
		background: #D2DEEE;
		padding-bottom: 2px;
		padding-top: 2px;
		padding-left:14px;
		padding-right:14px;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
    } 	
	.key { text-decoration: underline; } /* ACCESKEY UNDERLINED LETTER */


	
/* LEFT INTRO SIDE */	

#intro_left {
	clear: left;
	float: left;
	width: 248px;
	color: #3F5B7F;
	margin: 0 0 5px 0;
	padding-bottom: 0px;
}

/* RIGHT INTRO SIDE */
	
#intro_right {
	float: right;
	width: 340px;
	padding: 25px 280px 0 20px;
	/*background: #BCCEDA url(images/pressebild_color.jpg) no-repeat;*/
	background: #BCCEDA url(/images/glass.jpg) no-repeat;
	color: #547592;
	margin: 0 0 6px 0;
	/*height: 150px;*/
	height: 121px;
	/*border: 2px solid #e2e2e2;*/
	border: 2px solid #ccc;
}
	#intro_right h1 { margin: 0 0 20px 0; }
	#intro_right .white { color: #FFF; background-color:transparent; }
	
/* LEFT SIDE */
	
#left {
	float: left;
	/*clear: left;*/
	
	margin-top: 0px;
}
	.box 
	{
	    color: #333;
		padding: 4px 15px;
		/*border: 1px solid #aaaaaa;*/
		margin: 0 0 5px 0;
		/*background: #FFFFAD url(images/yellow.gif) repeat-x;*/
		float: left;
		clear: left;
		width: 218px;
	}
	.container {
		padding: 4px 15px;
		/*border: 1px solid #aaaaaa;*/
		/*border-right: 1px dashed #aaaaaa;*/
		margin: 0 0 5px 0;
		/*background: #d0d5e0 url(images/fade_blue_soft.gif) repeat-x;*/
	}

/* RIGHT SIDE */

#right {
	/*float: right;*/
	clear: right;
	margin-left: 255px;
	/*width: 620px;*/
	/*border: 0px solid red;*/
}

/* FOOTER */

#footer { text-align: center; clear: both; padding: 5px; border-top: 1px solid #bbbbbb; }

#tabcontainer{padding: 0em 0 0 0.0em; border-bottom: 1px solid #000000;}
#tabcontainer ul{padding: 0.0em 0; margin: 0;  font-family: Verdana, Helvetica, sans-serif;}
#tabcontainer li{margin: 0; padding: 0; display: inline; list-style: none;}
#tabcontainer li a{text-decoration: none; padding: 0.3em 2em; margin-left: 1em; border: 1px solid #60777d; border-bottom: none; background: #c9d3d6; font-size: 10px;}
#tabcontainer a:link{color: #000000;}
#tab a:visited{color: #000000;}
#tab a:hover{background: #a7b8bc;}
#tab a#current{background: #ffffff; border: 1px solid #000000; border-bottom: 1px solid #ffffff; color: #000000;}
#tabcontents{background: #ffffff; border: 1px solid #000000; border-top: 0px;padding: 10px 5px 5px 5px;}

.red
{
    color: Red;    
}

.big
{
    font-size: 1.5em;    
}

/* LEFT VERTICAL MENU */

#sidelist
{
    list-style-type: none;
    float: left;
    margin: 0 10px 6px 10px; 
	padding: 0 0 1px 0; 
}

#sidelist li
{
    padding: 0.5em 0 0.5em;
    border-bottom: 1px solid #ccc;
}

#sidelist img
{
    vertical-align: middle;
    padding-right: 0.5em;
    border: none;
}

#sidelist li.active { 
	background: #D2DEEE;
	display: block; 
	color: #3F5B7F; 
	width: 172px;
	padding: 0px 23px 1px 13px;
	margin: 0 0 1px 0;
	font-weight: bold;
	text-decoration: none; 
}

#sidelist li a
{ 
    background: url(/images/square_margin.png) top left no-repeat;
    display: block; 
	color: #3F5B7F; 
	width: 172px;
	padding: 0px 23px 1px 13px;
	margin: 0 0 1px 0;
	/*font-weight: bold; */
	text-decoration: none; 
}

#sidelist a:visited{text-decoration: none;}
#sidelist a:hover{text-decoration: none; background: #D2DEEE;}
#sidelist a:current{text-decoration: none;}
#sidelist a{text-decoration: none;}

#intro_left h2
{
    margin-left: 10px;
    border: none;    
}

#orderedlist
{
    
}
#orderedlist li
{
    padding-bottom: 1em;    
}

#orderedlist img
{
    float: right;
    border: 2px solid #e2e2e2; padding: 3px; margin: 0 15px 10px 0;
}

#popupheader
{
}

#popupheader h2
{
    padding-left: 5px;
    float: left;
}

#popupheader button
{   
    margin: 5px 5px;
}

#popupbody
{
    background: #b2bccf url(/images/fade_blue.gif) repeat-x;
}

#popupcontent
{
	float: left;
	clear: left;
	margin-left: 5px;
	width: 800px;
}

#popupcontent img
{
    float: left;   
    padding: 1px 1px 1px 1px;
    margin: 0 10px 20px 5px;
    border: solid 2px #ddd;
}

#popupcontent ul
{
    padding-left: 520px;
    /*padding-left: 460px;*/
}

#popupcontent li
{
    margin: 10px 0 0 30px;
    padding: 0 10px 0 10px;
}

#popupcontent h2
{
    clear: none;
}

.roundtop {background: transparent; width: 800px; margin-top: 15px;}
.roundbottom {background: transparent;}
.r1{margin: 0 5px; height: 1px; overflow: hidden; background: #909090; 
border-left: 1px solid #909090; border-right: 1px solid #909090;}
.r2{margin: 0 3px; height: 1px; overflow: hidden; background: #fff; 
border-left: 1px solid #909090; border-right: 1px solid #909090; border-width:0 2px;}
.r3{margin: 0 2px; height: 1px; overflow: hidden; background: #fff; 
border-left: 1px solid #909090; border-right: 1px solid #909090;}
.r4{margin: 0 1px; height: 2px; overflow: hidden; background: #fff; 
border-left: 1px solid #909090; border-right: 1px solid #909090;}

.imgcontainer
{ 
		float: left; 
		padding: 5px 0px;
		width: 798px;
		border:#909090 1px solid;
		background: #ffffd4 url(/images/yellow_light.gif) repeat-x;
		border-top: none;
		text-align: justify;
		margin: 0 0 0 0;
		
		height: 600px;
}

.popupingress
{
    width: 500px;
    padding: 0 0 10px 10px;
    font-weight: bold;
}

.offeringlist
{
    padding-left: 90px;
}

.imagelist
{
}
.imagelist p
{
    padding-left: 50px;
}
.imagelist img
{
    float: left;
}

.imagelist img a
{
    text-decoration: none;
    border: none;
}

.loginbg
{
    padding: 4px 15px;
	border: 1px solid #aaaaaa;
	margin: 0 0 5px 0;
	background: #f3f3f3 url(/images/fade_big_smooth.gif) repeat-x;
}

#languagebar
{
}

#languagebar img
{
    margin: 2px;
    float: right;
    background-color: Transparent;
    border: none;
}
.pageHeader
{
	color: #ff7922;
}
a.pdfdoc
{
	padding-top: 1px;
	padding-left: 18px;
	background: url(/images/pdf.gif) center left no-repeat;
}

.simpleLabel, .simpleLabelWide
{
    width: 150px;
    float: left;
    margin: 0;
    padding: 0;
}
.simpleLabelWide
{
    width: 180px;
}

.simpleLabelWide2
{
    float: left;
    margin: 0;
    padding: 0;
}

.middlelabel 
{
	vertical-align: middle;
	font-size: 11px;
	font-family: verdana,geneva,arial,helvetica;
}


/* Make text flow next to the images - eg authorities.aspx */
html>body #brandContainer {
overflow: hidden;
}

* html #brandContainer {
height: 1%;
}
.imageWithText
{
    float: left; 
    /*border: 2px solid #e2e2e2; */
    padding: 3px; 
    margin: 0 15px 0px 0;
}

.imageWithText img
{
}

.imageWithText p
{
    margin-top: 10px;
    font-style: italic;
}

.listWithSpace ul
{
    margin: 10px 10px 10px 30px;
}

.shopitem
{
    margin: 20px 0 20px 0;
}

.shopitem img
{  
    float: left;
    padding: 3px; 
    margin: 0 15px 0px 0;
}

.shopitem div
{
    margin-left: 180px;    
}

.aftershopitem
{
    clear:both;
}

.sigflow
{
    font-size: 5em;
}
.sigflow li
{
    margin-top: 20px;
    padding-left: 20px;
}

.sigflow span
{
    display: block;
    font-size: 0.2em;
}

.clear
{
    clear: both;    
}

.loginwithcardbox
{
    border: 1px solid #ccc;
    padding-bottom: 0px;
    padding-top: 0px;
    padding-left: 10px;
    background: #e3e4d2;
}
.loginbox
{
    border: 1px solid #ccc;
    padding-bottom: 0px;
    padding-top: 0px;
    padding-left: 10px;
    background: #fff url(images/fade_blue_white.png) repeat-x;
}
.loginbox2
{
    border: 1px solid #ccc;
    padding-bottom: 0px;
    padding-top: 0px;
    padding-left: 10px;
    background: #fff;
}
.calendarday {
  padding-bottom: 2px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 2px;
  font-family: verdana,geneva,arial,helvetica;
  font-size: 11px;
  background-color: #FFF0E5;
  font-weight: normal;
  background: #FFF0E5 url(/images/baractive.gif) repeat-x bottom left;
  vertical-align: middle;
}

.calendartitle {
    background-color: #8AD08A;
    padding-top:2px;
    padding-bottom:2px;
    font-size: 11px;
	font-family: verdana,geneva,arial,helvetica;
	text-align: left;
	vertical-align:middle;
	color: White;
	background: #8AD08A url(/images/menu6.jpg) repeat-x bottom left;
	height: 24px;
}

.calendar {
  background-color: #FFB77C;
  background: #FFB77C url(/images/menu5.jpg);
}
.sectionfirst {
  border-top: 1px;
  border-left: 1px;
  border-right: 1px;
  border-bottom: 1px;
  border-style: solid;
  border-color: #cccccc;
}
.sectionfirst2 {
  border-top: 0px;
  border-left: 0px;
  border-right: 1px;
  border-bottom: 1px;
  border-style: solid;
  border-color: white;
  background-color:Silver;
}
.sectionnext {
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  border-bottom: 1px;
  border-style: solid;
  border-color: #cccccc;
}
.sectionnext2 {
  border-top: 0px;
  border-left: 1px;
  border-right: 1px;
  border-bottom: 1px;
  border-style: solid;
  border-color: #cccccc;
}
.sectionnext3 {
  border-top: 1px;
  border-left: 0px;
  border-right: 0px;
  border-bottom: 0px;
  border-style: solid;
  border-color: #cccccc;
}
.sectionfirst100 {
  border-top: 1px;
  border-left: 1px;
  border-right: 1px;
  border-bottom: 1px;
  border-style: solid;
  border-color: #cccccc;
  width:100%;
}

a.homebuttonlinktop
{
    background-color: #FFE0CB;
    padding-top:3px;
    padding-bottom:1px;
    padding-left:2px;
    padding-right:2px;
    font-size: 11px;
	font-family: verdana,geneva,arial,helvetica;
	text-align: left;
	vertical-align:middle;
	color: #0062c3;
	background: #FFE0CB url(/images/baractive.gif) repeat-x top left;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid black;
	border-left: 1px solid #ccc;
	border-right: 1px solid black;
}
a.homebuttonlinktop:hover
{
    background-color: #FF9147;
    padding-top:3px;
    padding-bottom:1px;
    padding-left:2px;
    padding-right:2px;
    font-size: 11px;
	font-family: verdana,geneva,arial,helvetica;
	text-align: left;
	vertical-align:middle;
	color: white;
	background: #FF9147 url(/images/baractive.gif) repeat-x bottom left;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid black;
	border-left: 1px solid #ccc;
	border-right: 1px solid black;
}
.calendarDate
{
	font: normal 12px verdana, sans-serif;
	padding: 0px;
	margin: 0px;
	font-weight:bold;
	text-align:center;
	height:18px;
	color:Black;
	background-color:White;
}

/*=========== Begin Calendar ===========*/
#CalendarControlIFrame 
{
  display: none;
  left: 100px;
  position:absolute;
  top: 0px;
  height: 250px;
  width: 250px;
  z-index: 100;
}

#CalendarControl 
{
  position:absolute;
  background-color:white;
  margin:0;
  padding:0;
  display:none;
  z-index: 100;
}

#CalendarControl .table1 
{
  font-family: arial, Verdana, helvetica, sans-serif;
  font-size: 8pt;
  border-left: 1px solid #336;
  border-right: 1px solid #336;
  border-top: 1px solid #336;
  border-bottom: 1px solid #336;
}

#CalendarControl th 
{
  font-weight: bold;
  font-family: verdana,geneva,arial,helvetica;
  font-size:11px;
  text-align:center;
  width: 2.5em;
}

#CalendarControl th a 
{
  font-weight:bold;
  text-decoration: none;
  color:#286F9B;
  padding: 1px;
  font-family: verdana,geneva,arial,helvetica;
  font-size:11px;
}

#CalendarControl .day 
{
  text-align: center;
  font-family: verdana,geneva,arial,helvetica;
  font-size:11px;
}

#CalendarControl .weekday 
{
  background-color: white;
  color: #000;
  font-family: verdana,geneva,arial,helvetica;
  font-size:11px;
  text-decoration:none;
}

#CalendarControl .weekend 
{
  background-color: #FFF8E7;
  color: #000;
}

#CalendarControl .current 
{
  /*border: 1px solid #339;*/
  /*background-color: Teal;*/
  background-color: #286F9B;
  color: #FFF;
  font-weight:bold;
  /*text-decoration:none;*/
}

#CalendarControl .weekday, #CalendarControl .weekend
{
	color: #0066CC;
}

#CalendarControl .weekday,
#CalendarControl .weekend,
#CalendarControl .othermonthday,
#CalendarControl .othermonthdayweekend,
#CalendarControl .current 
{
  display: block;
  /*text-decoration: none;*/
  /*border: 1px solid #FFF;*/
  width: 2.5em;
  text-decoration:none;
}

#CalendarControl .weekday:hover,
#CalendarControl .weekend:hover,
#CalendarControl .othermonthday:hover,
#CalendarControl .othermonthdayweekend:hover,
#CalendarControl .current:hover 
{
  color: #FFF;
  background-color: #286F9B;
  /*border: 1px solid #999;*/
  font-weight:bold;
}

#CalendarControl .previous 
{
  text-align: left;
  /*border-bottom: 1px solid #336;*/
}

#CalendarControl .next 
{
  text-align: right;
  /*border-bottom: 1px solid #336;*/
}

#CalendarControl .previous,
#CalendarControl .next 
{
  padding: 1px 3px 1px 3px;
  font-family: verdana,geneva,arial,helvetica;
  font-size:11px;
}

#CalendarControl .previous a,
#CalendarControl .next a 
{
  color: #286F9B;
  text-decoration: none;
  font-weight: bold;
}

#CalendarControl .previous a:hover,
#CalendarControl .next a:hover 
{
  color: Maroon;
  text-decoration: none;
  font-weight: bold;
}

#CalendarControl .title 
{
  text-align: center;
  font-weight: bold;
  color: #286F9B;
  /*border-bottom: 1px solid #336;*/
  font-family: verdana,geneva,arial,helvetica;
  font-size:11px;
}

#CalendarControl .footer 
{
  background-color: #F2F2F2;
  text-align: center;
  font-weight: bold;
  color: #286F9B;
  /*border-top: 1px solid black;*/
  font-family: verdana,geneva,arial,helvetica;
  font-size:11px;
  /*padding-bottom:1px;*/
  height:3px;
}

#CalendarControl .footer a
{
  background-color: #F2F2F2;
  text-align: center;
  font-weight: bold;
  color: #286F9B;
  font-family: verdana,geneva,arial,helvetica;
  font-size:11px;
  vertical-align:middle;
}

#CalendarControl .empty 
{
  background-color: #CCC;
  border: 1px solid #FFF;
  width: 2.4em;
}

#CalendarControl .othermonthday 
{
  color: gray;
}

#CalendarControl .othermonthdayweekend 
{
	color: gray;
}

#CalendarControl .header 
{
  text-align: right;
  background: url(/images/calendar_header.png) repeat-x left;
  /*height:20px;*/
  vertical-align: middle;
}

#CalendarControl .header2 
{
  text-align: right;
  background: url(/images/calendar_header2.png) repeat-x top;
  /*height:20px;*/
  vertical-align: middle;
}

#CalendarControl .closeleft 
{
  text-align: left;
  vertical-align: middle;
}

#CalendarControl .closeright 
{
  text-align: right;
  vertical-align: middle;
}

#CalendarControl .closecenter
{
  text-align: center;
  vertical-align: middle;
}

#CalendarControl .today 
{
  text-align: center;
  font-weight: bold;
  color: #286F9B;
  font-family: verdana,geneva,arial,helvetica;
  font-size:11px;
  vertical-align:middle;
  text-decoration:none;
}

#CalendarControl .today:hover 
{
  text-align: center;
  font-weight: bold;
  color: Maroon;
  font-family: verdana,geneva,arial,helvetica;
  font-size:11px;
  vertical-align:middle;
  text-decoration:none;
}

/*
#CalendarControl .header 
{
  background-color: #F2F2F2;
}
*/

/*=========== End Calendar ===========*/