@media screen, projection {
	html {
		height:100%;
		margin-bottom:1px;
	}

	body {
		margin:0;
		font-family:Arial;
		font-size:12px;
		height:100%;
		background:url(../images/background.png) top left repeat-x white;
	}

        img	 {border: 0;}

	div#wrapper {
		width:956px;
		margin:0 auto;
		
		min-height:100%;
		height:auto !important;
		height:100%;
		
		background:url(../images/body/background.png) top left repeat-y white;
	}

	div.clear {
		clear:both;
	}
	
	.align-left {text-align: left;}
	.align-right {text-align: right;}
	.align-center {text-align: center;}
	.align-justify {text-align: justify;}
	
	.box-multi {border-bottom: 1px dotted #32a1d6;}

	/* ------ HEADER --------------------------------------------------------------------- */


	a#homelink {
		position:absolute;

		top:50px;
		left:20px;

		width:200px;
		height:120px;

		display:block;
	}

	a#homelink span {
		display:none;
	}

	div#service {
		padding-top:10px;
		margin-bottom:2px;
	}

	div#fontsize {
		color:white;
		font-size:0.9em;
		float:left;
	}

	div#fontsize a {
		color:white;
	}

	div#fontsize .tiny {		font-size:0.8em	}
	div#fontsize .normal {	font-size:1em	}
	div#fontsize .large {	font-size:1.4em	}

	div#headermenu {
		float:right;
	}

	div#headermenu ul {
		margin:0;
		padding:0;
	}

	div#headermenu ul li {
		list-style-type:none;
		float:left;
		background:url(../images/header/separator.png) left 3px no-repeat;
		padding:0 10px;
	}

	div#headermenu ul li.first {
		background:none;
	}

	div#headermenu ul li a, div#headermenu ul li span {
		color:white;
		text-decoration:none;
		font-size:0.9em;
		font-weight:bold;
	}

	div#headermenu ul li span {
		text-decoration:underline;
		color:#014769;
	}

	div#header {
		background:url(../images/header/background.png) top left no-repeat;
		height:192px;
		position:relative;
	}

	/* ------ BODY ----------------------------------------------------------------------- */

	div#body {
		border-bottom:0;
		padding:0px 20px 143px;
	}

	/* ------ MENU ----------------------------------------------------------------------- */

	div#menu {
		width:206px;
		float:left;
		
		font-size:1.1em;
		font-weight:bold;
		
		border:1px solid #b1c800;
		border-width:8px 0;
	}

	div#menu ul {
		margin:0;
		padding:0;
	}

	div#menu ul li {
		background-color:#dbeff9;
		list-style-type:none;
	}

	div#menu ul li div {
		background:url(../images/menu/border-dotted.png) bottom left repeat-x;
		padding-bottom:1px;
	}

	div#menu ul li.last div {
		background-image:none;
	}

	div#menu ul li.active {
		background:url(../images/menu/active-background.png) top left no-repeat #32a1d6;
	}

	div#menu ul li div a {
		text-decoration:none;
		color:black;
		display:block;
		padding:10px 10px 10px 20px;
	}

	div#menu ul li.active div a{
		color:white;
		background:url(../images/menu/active-arrow.png) 6px 14px no-repeat;
	}

	div#menu ul li div a.sub {
		background:url(../images/menu/sub-arrow.png) right bottom no-repeat;
	}

	div#menu ul li div a:focus,
	div#menu ul li div a:hover,
	div#menu ul li div a:active {
		color: white;
		background:url(../images/menu/active-arrow.png) 6px 14px no-repeat #32a1d6;
	}

	div#menu ul li div a.sub:focus,
	div#menu ul li div a.sub:hover,
	div#menu ul li div a.sub:active {
		color: white;
		background:url(../images/menu/active-arrow.png) 6px 14px no-repeat #32a1d6;
	}

	div#menu ul.sub li {
		background-color:#32a1d6;
	}

	div#menu ul.sub li div {
		background:url(../images/menu/sub-border-dotted.png) bottom left repeat-x;
	}

	div#menu ul.sub li div a {
		padding:5px 10px 5px 35px;
		color:black;
		background:none;
	}

	div#menu ul.sub li.active {
		background:none;
	}

	div#menu ul.sub li.active div a {
		color:white;
		background:url(../images/menu/active-arrow.png) 21px 9px no-repeat #32a1d6;
	}

	div#menu ul.sub li div a:focus,
	div#menu ul.sub li div a:hover,
	div#menu ul.sub li div a:active {
		color: white;
		background:url(../images/menu/active-arrow.png) 21px 9px no-repeat #32a1d6;
	}
	
	div#menu ul li div a.sub2 {
		background:url(../images/menu/sub2-arrow.png) right bottom no-repeat;
	}

    div#menu ul.sub ul.sub2 li div a {
		padding:5px 10px 5px 50px;
		color:black;
		background:none;
	}

    div#menu ul.sub ul.sub2 li.active div a {
		color:white;
		background:url(../images/menu/active-arrow.png) 36px 9px no-repeat #32a1d6;
	}

    div#menu ul.sub ul.sub2 li div a:focus,
	div#menu ul.sub ul.sub2 li div a:hover,
	div#menu ul.sub ul.sub2 li div a:active {
		color: white;
		background:url(../images/menu/active-arrow.png) 36px 9px no-repeat #32a1d6;
	}

	/* ------ MAIN ----------------------------------------------------------------------- */
	div#main {
		margin:5px 0 0 30px;
		width:444px;
		float:left;
		
	}
	/* ------ BREADCRUMBS ---------------------------------------------------------------- */

	div#breadcrumbs {
		font-size:0.9em;
		overflow: hidden;
	}

	div#breadcrumbs span {
		color:#666666;
		float:left;
		font-style:italic;
	}

	div#breadcrumbs ul {
		margin:0;
		padding:0;
	}

	div#breadcrumbs ul li {
		float:left;
		list-style-type:none;
	}

	div#breadcrumbs ul li * {
		font-style:normal;
		text-decoration:underline;
		color:black;
		padding:0 10px 0 5px;
	}

	div#breadcrumbs ul li a {
		background:url(../images/body/breadcrumbs-arrow.png) right 3px no-repeat;
	}

	div#breadcrumbs ul li span {
		font-weight:bold;
	}

	/* ------ CONTENT -------------------------------------------------------------------- */

	div#content {
		margin-top:25px; clear: left; line-height: 150%;
	}

	div#content h1,
	div#content h2 {color: #B1C800;}

	div#content h1 {font-size: 167%;}
	div#content h2 {font-size: 150%;}
	div#content h3 {font-size: 133%;}
	div#content h4 {font-size: 117%;}

	div#content a {color: #1D97D0;}
	div#content a:focus,
	div#content a:hover,
	div#content a:active {text-decoration: none;}

	div#content p + h1,
	div#content p + h2,
	div#content p + h3,
	div#content p + h4,
	div#content ul + h1,
	div#content ul + h2,
	div#content ul + h3,
	div#content ul + h4,
	div#content ol + h1,
	div#content ol + h2,
	div#content ol + h3,
	div#content ol + h4 {margin-top:2em;}

	/* ------ INFO ----------------------------------------------------------------------- */

	div#info {
		width:206px;
		float:right;
		
		font-size:1.1em;
		
		border-top:8px solid #b1c800;
	}
	
	div#info .infobox .content {overflow: hidden;}
	
	/*div#info .infobox .content p {clear: both;}*/
	
	div#info .infobox .content div.csc-textpic {clear: both;}

	/* ------ FOOTER --------------------------------------------------------------------- */

	div#footer {
		margin-top:-143px;
		height:113px;
		background:url(../images/footer/background.png) top left repeat-x;
		padding-bottom:30px;
	}

	div#footerContent {
		width:916px;
		margin:5px auto 0;
		padding:0 20px;
	}

	/* ------ SEARCH --------------------------------------------------------------------- */

	div#search {
		height:26px;
		margin:6px 0;
		background:url(../images/search/input.png) top left no-repeat;
	}

	div#search input.text {
		color:#828181;
		font-size:0.9em;
		border:0;
		height:20px;
		width:165px;
		outline:none;
		padding:6px 0 0 10px;
		margin:0;
		float:left;
		background:transparent;
	}

	* html div#search input.text { /* IE6 hack */
		width:162px;
	}

	div#search input.button {
		border:0;
		height:26px;
		width:31px;
		background:url(../images/search/button.png) top left no-repeat;
		cursor:pointer;
		padding:0;
		margin:0;
	}

	/* ------ Calendar --------------------------------------------------------------------- */
	#info #month-header-prevnext {float:none;text-align:center;}
	#month-header-prevnext img {vertical-align: middle;}
	.month-small td.eventDay { background-color: #1D97D0; }
	.default_catbody,
	.default_categoryheader_allday, .default_catheader_allday {background-color: #DBEFF9;}
	.default_catheader_allday {padding:10px;}
	#allday .default_catheader_allday a {font-size:12px;}
	#sc1 #category_tree {float:none; width:auto; margin:7px;}
	#sc1 #categoryEntries {margin-left: 0px; clear: none; height: auto;}
	#sc1 #categoryEntries table.treelevel0 {margin:0;}
	#sc1 label {width: 80px;}
	#sc1 p,
	#sc1 div {clear: both;}
	#tx_cal_controller_create_element {width:440px;}
	#cal_event_description {width:300px;}
	.basictab li a, .basictab li a:visited {background-color: #DBEFF9;}
	div#content .basictab li a:hover, div#content .basictab li a.current {background-color: #1D97D0; color: #fff;}
	#calendar-event-backlink {clear:both;}
	.tx-cal-controller fieldset div.csc-textpic, .tx-cal-controller fieldset div.csc-textpic-imagewrap {clear: none;}
	
	/* Mailformplus */
	div.csc-mailform-field {clear:left;margin:2px 0;}
	div.csc-mailform-field label {clear:left;display:block;float:left;margin:2px 5px;width:80px;}
	fieldset.csc-mailform input, fieldset.csc-mailform textarea {border-style:solid;border-width:1px;}
	/*input, textarea {border-color:#CCCCCC;}*/
	input#mailformfirstname {position:absolute;top:-15000px;}
	input#mailformcontact {left:-10000px;position:absolute;}
	.formerror input, .formerror textarea {border:1px solid red;}
	.formerror label {font-weight:bold;}
}

@media print {
	#header, #service, #menu, #info, #breadcrumbs, #footer {display: none;}
	* {color: #000; background-color: #fff;}
}