article, aside, figure, footer, header, hgroup, nav, section {

	display: block;
}

/* force a vertical scrollbar to prevent a jumpy page */
html {

	overflow-y: scroll;
}

/*
	we use a lot of ULs that aren't bulleted.
	don't forget to restore the bullets within content.
*/
ul {
	list-style: none;
}

blockquote, q {quotes: none;}

blockquote:before,
blockquote:after,
q:before,
q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}

/* Accessible focus treatment
	people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {outline: none;}

small {font-size: 85%;}

strong, th {font-weight: bold;}

td, td img {vertical-align: top;}

/* Make sure sup and sub don't screw with your line-heights
	gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label,
input[type=button],
input[type=submit],
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}

/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover */
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }



/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/

/* new Linux- and Windows-friendly sans-serif font stack: http://mky.be/fontstack */
/*body {font: 13px Helmet, Freesans, sans-serif;}*/

/* using local fonts? make sure to read up on Paul Irish's
	Bulletproof @font-face syntax: http://mky.be/font-face/bulletproof/ */

/* we like off-black for text */
body, select, input, textarea {color: #333;}

a {color: #03f;}
a:hover {color: #4b81c7;}

/* Custom text-selection colors (remove any text shadows: twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: #fcd700; color: #fff; text-shadow: none;}
::selection {background: #fcd700; color: #fff; text-shadow: none;}

/*	j.mp/webkit-tap-highlight-color */
a:link {-webkit-tap-highlight-color: #fcd700;}

ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}


hr {
    display: block;
    width: 100%;
    clear: both;
    height: 1px;
    margin: 40px 0;
}

/* !WEBSITE */






/* !FONTS */

@font-face {

	font-family: 'icons';
	src: url('fonts/pecoicons.eot');
	src: url('fonts/pecoicons.eot#iefix') format('embedded-opentype'),
		url('fonts/pecoicons.svg') format('svg'),
		url('fonts/pecoicons.woff') format('woff'),
		url('fonts/pecoicons.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

.icon {

	font-family:		'icons';
}

@font-face {

    font-family: 'Miso';

    src: url('fonts/miso.eot');
    src: url('fonts/miso.eot#iefix') format('embedded-opentype'),
         url('fonts/miso.woff') format('woff'),
         url('fonts/miso.ttf') format('truetype'),
         url('fonts/miso.svg') format('svg');

    font-weight:		normal;
    font-style:			normal;
}

@font-face {

    font-family: 'MisoLight';

    src: url('fonts/misolight.eot');
    src: url('fonts/misolight.eot#iefix') format('embedded-opentype'),
         url('fonts/misolight.woff') format('woff'),
         url('fonts/misolight.ttf') format('truetype'),
         url('fonts/misolight.svg') format('svg');

    font-weight:		normal;
    font-style:			normal;
}

@font-face {

    font-family: 'MisoBold';

    src: url('fonts/misobold.eot');
    src: url('fonts/misobold.eot#iefix') format('embedded-opentype'),
         url('fonts/misobold.woff') format('woff'),
         url('fonts/misobold.ttf') format('truetype'),
         url('fonts/misobold.svg') format('svg');

    font-weight:		normal;
    font-style:			normal;
}

/* !COMMON */

* {

	margin:				0;
	padding:			0;


	font-family: 		Helvetica, "Helvetica Neue", Arial, sans-serif;
	font-weight: 		normal;
	font-size:			100%;
	color:				#535353;

	outline:			0;
	vertical-align:		baseline;
	border:				0;
	background:			transparent;
}

body,
html {

	width:				100%;
	height:				100%;
}

a {

	color:				#000;
	text-decoration:	none;
}

a:hover,
li:hover {

	cursor:				pointer;
}

input#sendbutton,
a.more-link {

	display:			inline-block;
	padding:			0 7px;
	height:				21px;

	font-family:		'MisoBold';
	font-size:			14px;
	font-weight:		normal;
	line-height: 		22px;

	border:				1px solid #d6d6d6;
}

input#sendbutton span,
a.more-link span {

	padding-left:		4px;

	font-family: 		'icons';
	font-size:			8px;
	color:				inherit;
}

body {

	height:				100%;
}

li {

	list-style-type:	none;
}

p {

	font-size:			12px;
	line-height: 		18px;
	margin-bottom:		10px;
}

.slider-button {

	-webkit-user-select:none;
	-moz-user-select:	none;
	user-select:		none;
}



.slider-button:hover {

	color:				#0081c7 !important;
}

.slider-button.deactivated:hover {

	color:				#fff !important;
}


#website {

	position:			relative;
	width:				1020px;
	height:				100%;
	margin:				0 auto;
}



/* !FULLSIZE CONTAINER */

#fullsize-container {

	position:			relative;
	width:				100%;
	min-width:			1020px;
	height:				100%;
}

#fullsize-container #banner-slider,
#fullsize-container #mapCanvas {

	height:				100%;
}

#fullsize-container #banner-slider .page {

	height:				100%;
	width:				100%;

	background-attachment:		absolute;
	background-position:		center center;
	background-repeat:			no-repeat;

	-webkit-background-size:	cover;
	-moz-background-size:		cover;
	-o-background-size:			cover;
	background-size:			cover;
}

#fullsize-container #banner-slider .page img {

	width:				100%;
	min-height:			100%;
}

#fullsize-container #bar-bottom {

	position:			absolute;
	bottom:				0;
}

#fullsize-container #peace-counts-banner {

	z-index:			2001;
	left:				40px;
	position:			absolute;
}

body.page-id-12 #website,
body.home #website {

	/*height:				auto !important;*/
	display:				none; /* ie7 */
}


body.page.page-id-12 div#bar-bottom.bar {
	display: none;
}


/* !NAVIGATION » TOP */

div.bar {

	z-index:			201;
	width:				100%;
	position:			absolute;
	left:				0;
	right:				0;

	text-align:			right;
	background:			url('images/opac_white_35.png');
}

#navigation-top,
#bar-top {

	height:				20px;
	top:				0;
}


#navigation-top ul {

	margin-top:			4px;
}

#navigation-top li {

	float:				right;
}

#navigation-top li a span {

	color:				#000;
}

div.bar a {

	margin-right:		20px;
}


/* !HEADER */

#header {

	z-index:			0;
	position:			absolute;
	width:				100%;
}


#header #banner {

	height:				260px;
	overflow: 			hidden;
}

#header #banner img {

	min-width: 			1020px;
	min-height: 		260px;
}

#header #banner.large {

	height:				360px;
}

#header #banner.large img {

	min-height: 		360px;
}

#bar-bottom {

	overflow:			hidden;
	height:				175px;
	bottom:				0;
}



/* !HEADER » BANNER SLIDER */

#banner-slider {

	z-index:			1;

	position:			relative;
	height:				720px;
	width:				100%;
	overflow:			hidden;
}

#banner-slider * {

	color:				#fff;
}

#banner-slider .page {

	display:			none;

	z-index:			1;

	position:			absolute;
	width:				1020px;
	height:				720px;
	overflow: 			hidden;
}

#banner-slider .page:first-child {

	display:			block;
}

#banner-slider .page .content {

	z-index:			501;

	position:			absolute;
	width:				430px;
	top:				110px;
	left:				320px;
}


#banner-slider .page img {

	min-height: 		720px;
	min-width: 			1020px;
}


#banner-slider .page .content h1 {

	float:				left;
	 /* p fix */

	margin:		0 0px 16px 0;
	text-transform: 	uppercase;
	font-family: 		'MisoBold';
	/*line-height:		49px;*/
	font-size:			42px;

	padding:		0 10px;
	background:			url("images/opac_white_35.png") repeat-y scroll 0 0 transparent
}


#banner-slider .page .content h1 strong,
#banner-slider .page .content h1 i {
        font-weight: normal;
        font-style: normal;
	font-family: 		'MisoBold';
	/*line-height:		49px;*/
	font-size:			42px;
}


/*

selector {
prop: value; /* real browsers *
_prop: value; /* ie6 *
*prop: value; /* ie6 ie7 *
prop: value\9; /* ie8 *
}

*/


/* ie 6,7,8 */
#banner-slider .page .content h1 span {

	display:			block\9;
	width:				430px\9;
	padding-bottom:		10px\9;
}

*+html #banner-slider .page .content h1 span,
* html #banner-slider .page .content h1 span {

	display:			block;
	width:				430px;
	padding-bottom:		10px;
}

*+html #banner-slider .page .content h1 span p,
* html #banner-slider .page .content h1 span p {

	line-height:		42px;
	font-size:			42px;
	font-family: 		'MisoBold';
}

/* ie done */

#banner-slider .page .content h1 span {

	float:				left; /* p fix */

	font-family: 		inherit;
	/*text-decoration:	underline;*/

	background:			url('images/opac_white_35.png');
}

#banner-slider .page .content h1 span p {

	display:			inline-block;
	margin:				0;
	padding:			0;

	font-family: 		inherit;
	font-size: 			inherit;
	line-height: 		inherit;
	color:				inherit;
	text-decoration: 	inherit;
}

#banner-slider .page .content a {
        clear: both !important;
        display: block;
        overflow: hidden;

}

#banner-slider .page .content.dark a,
#banner-slider .page .content.dark a span,
#banner-slider .page .content a:hover,
#banner-slider .page .content a:hover span  {
    color: #4b81c7 !important;
}

#banner-slider .page .content.dark  a:hover,
#banner-slider .page .content.dark  a:hover span  {
    color: #233f76 !important;
}

#banner-slider .page .content a.more-link {

	border:				none;
	background:			url('images/opac_white_35.png');
    display: inline-block;
}

#banner-prev-article {

	z-index:			100;

	position:			absolute;
	left:				230px;
	top:				240px;
	height:				70px;
	width:				70px;

	color:				#fff;
	font-size:			50px;
}

#banner-next-article {

	z-index:			100;

	position:			absolute;
	right:				0px;
	top:				240px;
	height:				70px;
	width:				70px;

	color:				#fff;
	font-size:			50px;
}

#banner-next-article.deactivated {

	opacity:			0.5;
	filter:				alpha(opacity = 50);
}


/* !* » THUMBNAILS */

div.thumbnail,
.thumbnails li {

	z-index:			50;

	position:			relative;
	overflow:			hidden;
	float:				left;
	width:				140px;
	height:				135px;
	margin-left:		20px;

	list-style-type:	none !important;
}

div.single.thumbnail {

	margin:				0 0 10px 0;
}

.thumbnails li:first-child {

	margin-left:		0px;
}


div.thumbnail img,
.thumbnails li img {

	min-width: 			140px;
	min-height: 		135px;
}

div.thumbnail .content,
.thumbnails li .content {


	overflow:			hidden;
	position:			absolute;
	bottom:				0;
	height:				40px;
	width:				120px;
	padding:			5px 10px;

	color:				#000;
	font-size:			14px !important;
	line-height: 		14px !important;

	background:			url('images/opac_white_60.png');
}

div.thumbnail .content h2,
.thumbnails li .content h1 {

	color:				#000;
	font-size:			14px !important;
	line-height: 		14px !important;
	font-weight:		normal !important;
	text-align:			left;

    background:			none;
}

div.thumbnail .content * {

	margin:				0 !important;
}

a:hover div.thumbnail .content {

	color:				#0081c7 !important;
	background:			url('images/opac_white_80.png');
}

/* ie: *
*+html .thumbnails li .content,
* html .thumbnails li .content {

	font-size:			14px !important;
	line-height: 		14px !important;
}

/* :ie */


/* !HEADER » SLIDER

	margins of a li
		- left: 20
		- except first child

		adoption for border hightlight
		- margin: border-size
		- left margin: left margin + border size
		- first child left margin: border size
		- active child: original margin + border
*/



#slider {

	overflow:			hidden;
	position:			relative;
	display:			block;
	height:				135px;
	margin:				20px 40px;
}

#bar-bottom .slider-button {

	z-index:			100;
	position:			absolute;
	top:				0;
	width:				40px;
	height:				175px;
	margin:				0 !important;
	color:				#fff;
	text-align: 		center;
	font-size: 			20px;
	line-height: 		180px;
}

#bar-bottom .slider-button.deactivated {

	opacity:			0.1;
	filter:				alpha(opacity = 10);
	cursor:				default !important;
}

#bar-bottom .previous {

	left:				0;
}

#bar-bottom .next {

	right:				0;
}

#bar-bottom li:hover .content,
#bar-bottom li.active .content {

	color:				#0081c7;
	background:			url('images/opac_white_80.png');
}

/* !GOOGLE MAP *//*

	# INFOWINDOW

	sits ontop of marker


	## Anatomy of an InfoWindow (InfoBubble)

	div.windowWrapper - contains complete infoWindow (popup)
		div.window - visible popup container (rounded borders)
			div.windowContent - holdes user defined markup
*/
body.page-id-12 #header,
body.home #header {

	position:		relative;
	height:			720px;
}

body.page-id-12 #content div.center.column,
body.home #content div.center.column {

	display:		none;
}

#mapCanvas {

	z-index:		1;
	width:			100%;
	/*height:			720px !important;*/
}

#mapCanvas div.windowWrapper {

	/* windowWrapper < window => moves container down */
	/*height:			135px !important;*/
	height:			auto !important;
	border:			1px solid red \9/* IE */
}

#mapCanvas div.windowWrapper div.window {

	width:			300px !important;
	/*height:			130px !important;*/
	height:			auto !important;
}

#mapCanvas div.windowWrapper a.close.icon {

	/* character: x */
	font-family: 	'icons';

	font-size:		14px;
	margin-right:	8px;
	line-height:	30px;
	text-align:		right;
	width:			25px !important;
	height:			25px !important;
}

#mapCanvas div.windowWrapper a.close:hover {

	color:			red;
}

#mapCanvas div.windowContent h1 {

	margin-bottom: 		10px;

	color:				#0081c7;
	font-family: 		'MisoBold';
	font-size:			20px;
	text-transform: 	uppercase;
	/*text-decoration:	underline;*/
}



/* !COLUMNS */


div.columns-wrapper {

	width:				100%;
	float:				left;
}

div.column {}

div.columns div.left {

	float:				left;

	width:				230px;
	margin-right:		10px;
	margin-left:		30px;
}

div.columns div.center {

    z-index:			100;
	float:				left;
	width:				620px;

	padding:			0 10px;
}

div.columns div.right {

	float:				right;
}

div.columns {

	clear:				both;
	overflow: 			hidden;
}



/* !CONTENT */


#content {

	z-index:			101;
	position:			relative;
	margin-bottom:		30px;
	/*margin-left:		30px;*/
}

ul.images {

	clear:				both;
}

ul.images li {

	float:				left;
	background:			#ccc;
	width:				140px;
	height:				135px;
	overflow: 			hidden;
	margin-right:		20px;
	margin-bottom:		20px;
}

div.center.column ul.images li:nth-child(4n) {

	margin-right:		0 !important;
}



/* !CONTENT » FULL PAGE */

div.full-row {

	width:				940px;
	padding:			0 10px;
	margin-top:			50px;
	overflow:			hidden;
}

div.full-row ul.images li:nth-child(6n) {

	margin-right:		0 !important;
}


/* !CONTENT » GOOGLE MAP *//*

	adjust content container for relative header
*/
body.page-id-12 #content,
body.home #content {

	position:			absolute;
	top:				0;
}

/* !CONTENT » MAIN COLUMNS */

#content div.left.column {

	width:				230px;
}

	/* !CONTENT » LEFT COLUMN » PEACE COUNTS BANNER */

	#peace-counts-banner {

		z-index:			100;
		position:			relative;

		width:				136px;
		min-height:			398px;
		margin-bottom:		47px;
		padding:			50px 12px 12px 12px;

		background:			#fff;

		-webkit-box-shadow:	0px 0px 4px #999;
		-moz-box-shadow:	0px 0px 4px #999;
		box-shadow:			0px 0px 4px #999;

		border:				1px solid #ddd !important \9/* IE */
	}

	#peace-counts {

		position:			relative;
		margin:				0 auto;
		margin-bottom:		40px;
	}


	/* !CONTENT » LEFT COLUMN » SIDEBAR */

	div#sidebar div.widget {

		position:			relative;
		overflow:			hidden;
		padding:			10px;
		margin:				10px 0 0 0;
		color:				#b0b0b0;

		background:			#f0f0f0;
		background:			-moz-linear-gradient(top,  #f0f0f0 0%, #ffffff 100%);
		background:			-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f0f0), color-stop(100%,#ffffff));
		background:			-webkit-linear-gradient(top,  #f0f0f0 0%,#ffffff 100%);
		background:			-o-linear-gradient(top,  #f0f0f0 0%,#ffffff 100%);
		background:			-ms-linear-gradient(top,  #f0f0f0 0%,#ffffff 100%);
		background:			linear-gradient(to bottom,  #f0f0f0 0%,#ffffff 100%);
		filter:				progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#ffffff',GradientType=0 );


		-webkit-box-shadow:	0px 1px 2px #ccc;
		-moz-box-shadow:	0px 1px 2px #ccc;
		-ms-box-shadow:		0px 1px 2px #ccc;
		-o-box-shadow:		0px 1px 2px #ccc;
		box-shadow:			0px 1px 2px #ccc;

		border:				1px solid #ddd !important \9/* IE */
	}

	div#sidebar div.widget h2 {

		margin-bottom:		10px;
	}



	/* !CONTENT » NAVIGATION */


	nav#navigation-main {}

	nav#navigation-main * {

		font-family: 		"MisoBold" !important;
		font-weight: 		normal !important;
	}

	nav#navigation-main ul li {

		padding-left:		10px;
		padding-bottom:		10px;
	}

	nav#navigation-main ul li a {

		display:			block;
		text-transform: 	uppercase;
		font-size:			22px;
		letter-spacing: 	1px;
	}

	nav#navigation-main ul ul {

		display:			none;

		margin-top:			8px;
		margin-left:		4px;
		padding-left:		8px;
		border-left:		1px solid #999;
	}

	nav#navigation-main ul ul li {

		padding:			0;
	}

	nav#navigation-main ul ul a {

		font-size:			14px;
	}

	nav#navigation-main ul ul a,
	nav#navigation-main ul li.current_page_parent a {

		color:				#999;
	}

	nav#navigation-main ul li.current_page_item li a {

		color:				#999;
	}

	nav#navigation-main ul a:hover,
	nav#navigation-main ul li.current_page_item > a {

		color:				#0980bf !important;
	}

	nav#navigation-main.hover ul li:hover ul,
	nav#navigation-main ul li.current_page_parent ul,
	nav#navigation-main ul li.current_page_item ul {

		display:			block;
	}

	nav#navigation-main ul li:last-child {

		padding-bottom:		0;
	}


	nav#navigation-main li#menu-item-118 {
		/*padding-top: 15px;*/
	}


/* !CONTENT » CENTER COLUMN */

#content div.center.column {

	margin-top:			290px;
}

#content hgroup h1 {

	margin-bottom:		30px;

	color:				#0081c7;
	font-size:			42px;
	font-family: 		'MisoBold';
	text-transform: 	uppercase;
	/*text-decoration:	underline;*/
	letter-spacing: 	1px;
}


#content h1.entry-title a {

	display:			block;
	margin-top:			40px;
	margin-bottom:		10px;

	font-family: 		"Miso";
	font-size:			30px;
	line-height: 		38px;
	text-transform: 	uppercase;
}

div.row h1.widgettitle {

	display:			block;
	margin-top:			40px;
	margin-bottom:		10px;

	font-family: 		"Miso";
	font-size:			30px;
	line-height: 		38px;
	text-transform: 	uppercase;
	color: #00000;
}

#content h2 a {

	display:			block;
	margin-bottom:		5px;

	color:				#0081c7;
	font-size:			16px;
	line-height: 		24px;
	font-weight: 		bold;
}

#content h2 a:hover {

	color:				#999;
}

#content.page hgroup {

	margin-bottom:		70px;
}



/* !CONTENT » CENTER COLUMN » OVERVIEW ROWS » LAYOUT */

div.row {

	overflow:		hidden;
	position:		relative;
	left:			-10px;
	width:			660px;
	margin:	20px 0 20px 0;
}

div.row div.widgetwrapper {

	margin-left:	10px;
}

div.row div.widgetwrapper.infobox {

	margin-left:		0;
}

div.row div.widgetwrapper.infobox.sp2 {

	margin-right:		10px;
}

div.row .sp1, .sp2, .sp3, .sp4 {

	overflow:			hidden;
	float:				left;
	margin-left: 		0px;
	margin-right:		20px;
}

div.row .sp1 {

	width:				620px;
}

div.row .sp2 {

	width:				305px; /* war 310 */
}

div.row .sp2 p {
    margin: 0 0 10px 0;
}

div.row .sp1 h1,
div.row .sp2 h1 {
        font-size: 12px;
        line-height: 18px !important;
        margin: 0 0 10px 0;
}

div.row div.sp2.widgetwrapper,
div.row div.sp2.widgetwrapper .sp2 {

	width:				300px;
}

div.row div.sp2.widgetwrapper {

	margin-left:		10px;
	margin-right:		10px;
}


div.row .sp3 {

	width:				140px;
}

div.row .sp4 {

	width:				140px;
}

div.row h1 a {

	margin-top:			0px !important;
}

div.row div.entry-content p:last-child {

	margin-bottom:		0;
}

#zeile04 #gallery {

	margin-left:		-10px\9; /* ie < 9 */
}

div.noformat strong {
	font-weight: normal;
}


/* !CONTENT » CENTER COLUMN » OVERVIEW ROWS » STYLES */

div.infobox {

	padding:			10px;

	background:			#f0f0f0;
	background:			-moz-linear-gradient(top,  #f0f0f0 0%, #ffffff 100%);
	background:			-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f0f0), color-stop(100%,#ffffff));
	background:			-webkit-linear-gradient(top,  #f0f0f0 0%,#ffffff 100%);
	background:			-o-linear-gradient(top,  #f0f0f0 0%,#ffffff 100%);
	background:			-ms-linear-gradient(top,  #f0f0f0 0%,#ffffff 100%);	background:			linear-gradient(to bottom,  #f0f0f0 0%,#ffffff 100%);
	filter:				progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#ffffff',GradientType=0 );


	-webkit-box-shadow:	0px 1px 2px #ccc;
	-moz-box-shadow:	0px 1px 2px #ccc;
	-ms-box-shadow:		0px 1px 2px #ccc;
	-o-box-shadow:		0px 1px 2px #ccc;
	box-shadow:			0px 1px 2px #ccc;

	border:				1px solid #ddd !important \9/* IE */
}

* + html div.row div.infobox {

	width:				270px !important;/* IE */
}

div.row div.infobox div.page,
div.row div.infobox div.post {

	float:				none;
	margin:				0;
}

div.row div.infobox.sp2 {

	width:				286px;
	margin:				2px;
	margin-top:			none;
	min-height:			130px;

	float:				left;
	color:				#b0b0b0;
}

div.row div.infobox.sp2 a {

	display:			block;
	font-size: 			12px;
	color:				#0081c7;
	line-height:		20px;
}

div.row div.infobox.sp2 li {
    padding: 0 0 5px 0;
}

div.row div.infobox.sp2 h1 a {
    margin: 0  0 10px 0 !important;
    color: #000000;
}

div.row div.infobox.sp2 a:hover {

	color:				#999;
}


/* like h2 without color */
div.row div.entry-content h1 {

	display:			block;
	margin-bottom:		5px;

	font-size:			16px;
	line-height: 		24px;
	font-weight: 		bold;
}

div.row div.entry-content h2 {

	display:			block;
	margin:				10px 0 5px 0;

	font-size:			12px;
	line-height: 		20px;
	font-weight: 		bold;
}

div.row a + h2 {

	margin-top:			10px;
}


span.thedate {
	font-size:			12px;
	line-height: 		20px;
	font-weight: 		bold;
}

/*
div.row div.page,
div.row div.post {
	overflow:			hidden;
	float:				left;				/* flow around content => has a height *
	margin-bottom:		20px;
}
/* additional margin for first h1 headlines (sum=40) *
#content div.row h1 a {
	margin-top:			20px;
}
div.entry-content p:last-child {
	margin-bottom:		0;
}
div.entry-content {
	position:			relative;
}
/* columns *
div.row .sp1, .sp2, .sp3, .sp4 {
	overflow:			hidden;
	float:				left;
}
div.row .sp1 {
	width:				100%;
}
div.row .sp2 {
	width:				310px;
}
div.row div.widgetwrapper.sp2:first-child {
	margin-right:		20px;
}
div.row div.widgetwrapper.sp2,
div.row div.widgetwrapper.sp2 .sp2 {
	width:				300px;
}
div.row .sp2:first-child {
	/*margin-right:		20px;*
}
div.row .sp3 {
	margin-left:		20px;
	width:				140px;
}
div.row .sp3:first-child {
	margin-left:		0;
}
div.row .sp4 {
	margin-left:		20px;
	width:				140px;
}
div.row .sp4:first-child {
	margin-left:		0;
}
div.row a img {
	width:				100%;
	margin-bottom:		10px;
}
div.row a.more-link {
	margin-top:			0;
	position:			relative;
	/*top:				-10px;
	margin-bottom:		-10px;*
}
div.infobox {
	padding:			10px;
	background:			#f0f0f0;
	background:			-moz-linear-gradient(top,  #f0f0f0 0%, #ffffff 100%);
	background:			-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f0f0), color-stop(100%,#ffffff));
	background:			-webkit-linear-gradient(top,  #f0f0f0 0%,#ffffff 100%);
	background:			-o-linear-gradient(top,  #f0f0f0 0%,#ffffff 100%);
	background:			-ms-linear-gradient(top,  #f0f0f0 0%,#ffffff 100%);	background:			linear-gradient(to bottom,  #f0f0f0 0%,#ffffff 100%);
	filter:				progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#ffffff',GradientType=0 );
	-webkit-box-shadow:	0px 1px 2px #ccc;
	-moz-box-shadow:	0px 1px 2px #ccc;
	-ms-box-shadow:		0px 1px 2px #ccc;
	-o-box-shadow:		0px 1px 2px #ccc;
	box-shadow:			0px 1px 2px #ccc;
	border:				1px solid #ddd !important \9/* IE *
}
div.row div.infobox {
	position:			relative;
	float:				left;
	overflow:			hidden;
	width:				290px;
	margin-right:		10px !important;
	left:				-10px;
	color:				#b0b0b0;
}
* + html div.row div.infobox {
	width:				270px !important;/* IE *
}
div.row div.infobox div.page,
div.row div.infobox div.post {
	float:				none;
	margin:				0;
}
div.row div.infobox.sp2 {
	width:				290px;
	min-height:			130px;
}
div.row div.infobox.sp2 a {
	display:			block;
	color:				#0081c7;
	line-height:		24px;
	text-decoration:	underline;
}
div.row div.infobox.sp2 a:hover {
	color:				#999;
}
*/


/* like h2 without color */
div.row div.entry-content h1 {

	display:			block;
	margin-bottom:		5px;

	font-size:			16px;
	line-height: 		24px;
	font-weight: 		bold;
}

div.row div.entry-content h2 {

	display:			block;
	margin:				10px 0 5px 0;

	font-size:			12px;
	line-height: 		20px;
	font-weight: 		bold;
}


/* !CONTENT » ARTICLE » TEXTLAYOUT */

#content article div.content div.randdaten {

	float:				right;
	width:				245px;
	margin-left:		5px;
}

#content article div.content div.randdaten * {

	font-size:			12px
}

#content article div.content div.randdaten h3 {

	margin-top:			20px;
}

#content article div.content div.randdaten h3:first-child {

	margin-top:			0px;
}

#content article div.content img {

	max-width:			620px;
	height:				auto;
}

/* Teaser */

#content article div.content h1 {

	display:			block;
	margin-bottom:		30px;

	color:				#999;
	font-family: 		'MisoLight';
    font-size:			20px;
    line-height:		28px;
    /*text-decoration:	underline;*/
}

#content article div.content h1 strong {
    font-weight: normal;
    color:				#999;
    font-family: 		'Miso';
    font-size:			20px;
    line-height:		28px;
    /*text-decoration:	underline;*/
}

#content article div.content h1 a {

	display:			inline;
	margin-bottom:		30px;

	color:				#4d81c7;
	font-family: 		'MisoLight';
    font-size:			20px;
    line-height:		28px;
    /*text-decoration:	underline;*/
}

#content article div.content a {

	color:				#4d81c7;
}


#content article div.content h2 {

	display:			block;
	margin-top:			40px;
	margin-bottom:		10px;

	font-family: 		"Miso";
	font-size:			30px;
	line-height: 		38px;
	text-transform: 	uppercase;

	margin:				40px 0 20px 0;
}

#content article div.content h3 {

	font-size:			14px;
	line-height: 		24px;
	margin:				10px 0px;
	font-weight: bold;
}

#content article div.content ul,
#content article div.content ol {

	margin: 0 0 20px 0px;
	padding: 0px !important;
	overflow: hidden;
}

#content article div.content ul li {

	list-style-type: 		disc;
	font-family: 		Helvetica, "Helvetica Neue", Arial, sans-serif;
	font-weight: 		normal;
	font-size:			12px;
	color:				#535353;
    padding: 0 0px !important;
}

#content article div.content ol li {

	list-style-position:	inside;
	list-style-type: 		decimal;
}

#content article div.content ul li {

	margin:				0.5em 1em;
    padding: 0;
}


#content article blockquote p {

	margin-left:		20px;
	padding-left:		16px;

	font-size:			22px;
	line-height:		26px;
	font-family:		"MisoLight";
	text-transform: 	uppercase;

	border-left:		2px solid #999;
}

img.alignleft {
	float:left;
	margin: 0px 10px 10px 0;
}

img.alignright {
	float:right;
	margin: 0px 0px 10px 10px;
}

/* !PHOTO ALBUM OVERVIEW */

#content ul.thumbnails {

	position:			relative;
	overflow:			hidden;
	width:				765px;
	margin:				0;
	padding:			0;
}

#content ul.thumbnails li {

	margin:				0 0 20px 10px !important;
	padding:			0;
}

#content ul.thumbnails li:nth-child(5n + 1) {

	margin-left: 		0 !important;
}

#content ul.thumbnails div.content {

	overflow: 			hidden;
	width:				120px;

	color:				#000;
	text-decoration: 	none;
}

#content ul.thumbnails a {

	display:			inline;
}

#content ul.thumbnails li:hover div.content,
#content ul.thumbnails a:hover div.content {

	color:				#0081c7;
	background:			url('images/opac_white_80.png');
}


#content ul#gallery.thumbnails.nodesc li div.content,
#content ul#gallery.thumbnails.nodesc a div.content,
#content ul#gallery.thumbnails.nodesc li:hover div.content,
#content ul#gallery.thumbnails.nodesc a:hover div.content {
	background:			none;
}

img[align=left] {
    margin: 0px 15px 10px 0;
}

img[align=right] {
    margin: 0px 0px 10px 15px;
}

ul#qtranslate-chooser.qtrans_language_chooser {
	font-size: 12px;
    line-height: 20px;
    margin: 0;
}

ul#qtranslate-chooser.qtrans_language_chooser li a:hover span {
	color: #0081c7;
}

#rsslink {
    font-size: 12px;
    line-height: 20px;
    float: right;
}

a#rsslink:hover {
	color: #0081c7;
}

#content article div.content ul.team {
	list-style-type: none !important;
	margin: 0px !important;
	padding: 0px !important;
}

#content article div.content ul.team li {
	list-style-type: none !important;
	width: 200px;
	height: 330px;
	float: left;
	margin: 0 5px 0 0 !important;
	padding: 0 !important;
}

#content ul.team li img {
	width: 200px;
	margin: 0 0 10px 0;
	padding: 0;
}

/* !FOOTER */

footer {

	overflow:		hidden;
	position:		relative;
	height:			300px;
	min-width:		1020px;
	padding-left:	30px;

	background: 	#003569 url('images/bg_footer.png') 0px 20px;
}

footer * {

	color:			#fff;
}

footer #about {

	width:			100%;
	margin-left:	10px;

	font-size:		12px;
	line-height: 	18px;
}

footer h2,
footer h2 a {

	margin-bottom:	-4px;
	 	color:			white;
	font-family: 	'MisoBold';
	font-size: 		20px;
	text-transform: uppercase;

	padding-top:	2px \9/* IE */
}

footer #about div.page,
footer #about div.post {

	width: 			298px;
	height:			200px;
	margin:			30px 20px 20px 0px;
	padding:		0 0 0 10px;
	overflow:		visible;

	border-left:	2px solid #fff;
}

input#sendbutton,
footer #about a.more-link {

	padding:		0 5px;
	height:			21px;
	display:		inline-block;
	color:			white;
	font-size:		12px;
	font-weight:	normal;
	line-height: 	22px;
	border:			none;
	background:		#59a6d3;
}

footer #about form input.single {

	width:			258px;
}

footer #about form textarea {

	display:		block;
	width:			258px;
	height:			76px;
	resize:			none;
	background:		white;
}

footer #about form fieldset,
footer #about div.post-451 div.entry-content > p {

	display:		none;
}

footer #about form input.single,
footer #about form textarea,
footer #about form input.secinput {

	border:			none;
	padding:		5px;
	margin-bottom:	8px;
	color:			#535353;
	font-family:	Arial;
	font-size:		12px;
	background:		white;
}

footer #about form input.secinput {
	width: 30px;
	float: left;
	margin-left: 10px;
}

label.secq {
	float: left;
}

input.sendbutton {
	float: right;
	margin-right: 30px;
	font-size: 1.4em !important;
	cursor: pointer !important;
	padding: 2px 10px !important;
	height: auto !important;
}

footer #navigation-footer {

	position:		absolute;
	bottom:			5px;
	height:			20px;
	left:			40px;
	right:			0;
}

footer #navigation-footer li {

	float:			left;
	margin-right:	10px;
}

footer #navigation-footer a {

	color:			white;
}

footer #navigation-footer span {

	margin-left:	10px;
}

footer #navigation-footer li:last-child span {

	display:		none;
}

footer a.more-link {
	display: none !important;
}

div.pagination * {
    font-size: 12px;
    color: #0081c7;
}

div.pagination a:hover,
div.pagination a:hover span {
    color: #000000;
}

div.pagination .icon {
    font-size: 10px;
}

div.pagination span.prevlink {
    padding: 0 12px 0 0;
    margin: 0 10px 0 0;
    border-right: 1px solid #000000;
}



/* !------------------------------------------------ */
/* !Lightbox */

#LB {

	z-index:			520;
	position:			absolute;
	left:				51%;
	top:				50%;
	padding:			35px 10px;
	background: 		white;

	border:				1px solid #999\9; /* ie < 9 */
	box-shadow: 		0 0 3px 1px #c0c0c0;
}

#LB * {

	-moz-user-select:	none;
	-webkit-user-select:none;
	-ms-user-select: 	none;
	user-select:		none;
}

#LB a {

	z-index: 			600;
	position: 			absolute;
	width:				100px;
	top:				0;
	bottom:				0;
	font-size: 			40px;
	color:				#a5a5a5;
}

#LB a.arrow {

	top:				25%;
	bottom:				25%;
}

/* center arrows */
#LB a span {

	color:				inherit;
	font-family:		inherit;
	position:			absolute;
	top:				50%;
	height:				30px;
}

#LB a:hover {

	color:				#6c8cac;
}

#LB a.icon span,
#LB a.icon {

	font-family: 		'icons';	/* ie */
	color:				#fff;
	font-size:			24px;
}

#LB a.icon:hover span, /*ie */
#LB a.icon:hover {

	color:				#0081c7 !important;
}

#LB a.left.arrow {

	left:				-5px;
	text-align:			left;
}

#LB a.left.arrow span {

	left:				25px;
}

#LB a.right.arrow {

	/* without description container right: 55px; */
	right: 				25px;
	text-align:			right;
}

#LB .page,
#LB img {

	width:				100%;
	height:				100%;
}

#LB .page {

	overflow:			hidden;
}

#LB.with-description a.right.arrow {

	right: 			270px;
}

#LB a.right.arrow span {

	right:			0;
}

#LB a.close.icon {

    z-index:		610;
	position:		absolute;
	color:			#535353;
    top:			-25px;
    right:			-23px;
    width:			31px;
	height:			30px;

	padding-left:	30px;
	padding-bottom: 30px;

	font-size:		30px;
	line-height:	40px;
}

#LBPages {

	position:		relative;
	overflow:		hidden;
}

#LB .description-wrapper {

	z-index:			1100;
	position:			absolute;
	right:				0;
	height:				100%;
}

#LB .description {

	padding:			25px 15px;
}

#LB .description h1 {

	display:			block;
	margin-bottom:		5px;

	color:				#0081c7;
	font-size:			16px;
	line-height: 		24px;
	font-weight: 		bold;
}

#lb-close {

		font-family: 		'icons';	/* ie */
}



/* Gallery */

div.ngg-albumtitle a {
	font-family: 		"Miso";
	font-size:			30px;
	line-height: 		38px;
	text-transform: 	uppercase;
    color:	 			#000000 !important;
}

div.ngg-albumtitle a:hover {
    color: #4b81c7 !important;
}

div.ngg-thumbnail {
    border: 0px !important;
    margin: 0 20px 0px 0 !important;
    padding: 0 !important;
}

div.ngg-thumbnail a {
    border: 0px !important;
    margin: 0 !important;
    padding: 0 !important;
}

div.ngg-thumbnail img {
    border: 0px !important;
    margin: 0 !important;
    padding: 0 !important;
}

div.ngg-album {
    border: 0px !important;
    margin: 0 0 40px 0 !important;
}

div.ngg-albumcontent {
    border: 0px;
}



/* !Lighbox:Loadanimation */

#LBOverlay {

	display: 		none;

	z-index:		510;
	position:		fixed;
	top:			0;
	left:			0;
	right:			0;
	bottom:			0;

	background: 	url('images/opac_white_60.png');
}

#LBOverlay #load-animation {

	display:		block;
	position:		absolute;
	z-index:		511;
    width:			100%;
    text-align:		center;
	margin:			0 auto;
	top:			50%;


	color:			white;
	font-size:		50px;
	line-height:	50px;
	text-shadow:	0 0 5px white;

	-moz-animation-duration:				1s;
	-moz-animation-iteration-count:			infinite;
	-moz-animation-timing-function:			linear;/*cubic-bezier(0.0, 0.0, 1.0, 1.0)*/
	-moz-animation-name:					loading;

	-webkit-animation-duration:				1s;
	-webkit-animation-iteration-count:		infinite;
	-webkit-animation-timing-function:		linear;
	-webkit-animation-name:					loading;

	-ms-animation-duration:					1s;
	-ms-animation-iteration-count:			infinite;
	-ms-animation-timing-function:			linear;
	-ms-animation-name:						loading;

	animation-duration:						1s;
	animation-iteration-count:				infinite;
	animation-timing-function:				linear;
	animation-name:							loading;
}

@-moz-keyframes loading {

	from {-moz-transform:rotate(0deg);}
	to {-moz-transform:rotate(359deg);}
}

@-webkit-keyframes loading {

	from {-webkit-transform:rotate(0deg);}
	to {-webkit-transform:rotate(359deg);}
}

@-ms-keyframes loading {

	from {-ms-transform:rotate(0deg);}
	to {-ms-transform:rotate(359deg);}
}

@keyframes loading {

	from {transform:rotate(0deg);}
	to {transform:rotate(359deg);}
}



/* !PRINT */

@media print {}


/* !MEDIA QUERIES */

/* Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {}
@media all and (orientation: portrait) {}
@media all and (orientation: landscape) {}






.page-id-3041 .content ul,
.page-id-3041 .content ul li {
	list-style-type: none !important;
	margin: 0 !important;
	padding 0 !important;
}

.page-id-3041 .content ul li {
	width: 300px;
	height: 370px;
	float: left;
	margin:0 10px 30px 0!important;
	cursor: auto;
}

.page-id-3041 ul li h1,
.page-id-3041 ul li h1 a {

	display:			block;
	margin-top:			0px;
	margin-bottom:		0px !important;
	font-size:			30px !important;
	line-height: 		38px !important;
	text-transform: 	uppercase;
	text-decoration: none !important;
	color: #000 !important;
	font-weight: bold !important;
}

.page-id-3041 ul li h1 img {

	width: 				300px !important;
	display:			block;
	margin-top:			0px;
	margin-bottom:		10px;
}


.page-id-3041 .more-link {
	color: #000 !important;
	clear: both !important;
	float: none !important;
	display: block;
	width: 4.5em !important;
	margin: 10px 0 0 0;
	cursor: pointer;
}

.page-id-3041 .more-link:after {
	content: '>';
	padding-left:		4px;

	font-family: 		'icons';
	font-size:			8px;
}

#menu-item-3418 {
	position: relative;
}

#menu-item-3418:after {
	content: '';
	background: url('images/jack.png');
	background-size: 17px 12px;
	background-repeat: no-repeat;
	height: 12px;
	width: 17px;
	position: absolute;
	left: -13px;
	top: 6px;
}