@charset "UTF-8";

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section
{
	display: block;
}

audio, canvas, video
{
	display: inline-block;
	display: inline;
	zoom: 1;
}

audio:not([controls])
{
	display: none;
}
[hidden] {
display: none;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video
{
	vertical-align: baseline;
	padding: 12px 0;
	color: #333333;
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
	margin: 0;
	font-size: 1em;
	line-height: 1.4;
	font-family: Verdana, Geneva, sans-serif;
	border: none;
	font: inherit;
	list-style-type: none;
	list-style: inside;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	vertical-align: baseline;
}

html, button, input, select, textarea
{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #222;/* 1 */
	font-size: 90%;
	min-height: 100%;
	-ms-text-size-adjust: 100%; /* 2 */
	-webkit-text-size-adjust: 90%;
	-webkit-tap-highlight-color: rgba( 255, 255, 255, 0.5);
	-ms-text-size-adjust: 100%;/* -webkit-touch-callout: none; */
}

/* Correct `block` display not defined in IE 8/9. */



article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary
{
	display: block;
}

/* Correct `inline-block` display not defined in IE 8/9. */



audio, canvas, video
{
	display: inline-block;
}

/* Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */



audio:not([controls])
{
	display: none;
	height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */

[hidden], template {
 display: none;
}

/**
 * Remove the gray background color from active links in IE 10.
 */



a
{
	background: transparent;
	color: #006699;
	text-decoration: none;
}

a:link
{
	color: #006699;
	text-decoration: none;
}

a:visited
{
	color: #006699;
	text-decoration: none;
}

a:hover
{
	color: #006699;
	text-decoration: none;
	outline: 0;
}

/* Address `outline` inconsistency between Chrome and other browsers. */



a:focus
{
	outline: thin dotted;
}

/* Improve readability when focused and also mouse hovered in all browsers. */

a:active, {
 text-decoration: none;
 outline: 0;
}

/* Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */




	/*--eingesetzt--*/
	
	/* Address styling not present in IE 8/9, Safari 5, and Chrome. */



abbr[title]
{
	border-bottom: 1px dotted;
}

/* Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. */



b, strong
{
	font-weight: bold;
}

/* Address styling not present in Safari 5 and Chrome. */



dfn
{
	font-style: italic;
}

/* Address differences between Firefox and other browsers. */



hr
{
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	border-width: 1px 0 0 0;
	height: 0;
}

/* Address styling not present in IE 8/9. */



mark
{
	background: #ff0;
	color: #000;
}

/* Correct font family set oddly in Safari 5 and Chrome. */



code, kbd, pre, samp
{
	font-family: monospace, serif;
	font-size: 1em;
}

/* Improve readability of pre-formatted text in all browsers. */



pre
{
	white-space: pre-wrap;
}

/* Set consistent quote types. */



blockquote, q
{
	quotes: "\201C" "\201D" "\2018" "\2019";
	quotes: none;
}

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

/* Address inconsistent and variable font size in all browsers. */



small
{
	font-size: 80%;
}

/* Prevent `sub` and `sup` affecting `line-height` in all browsers. */



sub, sup
{
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup
{
	top: -0.5em;
}

sub
{
	bottom: -0.25em;
}

/* 1. Remove border when inside `a` element in IE 8/9.
 * 2. Make images responsive.
 */



img
{
	border: 0; /* 1 */
	max-width: 100%; /* 2 */
	vertical-align: middle;
	-ms-interpolation-mode: bicubic;
}

html.gt-ie8 img
{
	height: auto; /* 2 */
}

/* Correct overflow displayed oddly in IE 9. */



svg:not(:root)
{
	overflow: hidden;
}

/* Address margin not present in IE 8/9 and Safari 5. */



figure
{
	margin: 0;
}

/* Define consistent border, margin, and padding. */



fieldset
{
	border: none;
	margin: 0;
	padding: 0;
}

/* 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */



legend
{
	border: 0; /* 1 */
	padding: 0; /* 2 */
}

/* 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */



button, input, select, textarea
{
	font-family: inherit; /* 1 */
	font-size: 100%; /* 2 */
	margin: 0; /* 3 */
}

/* Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */



button, input
{
	line-height: normal;
}

/* Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */



button, select
{
	text-transform: none;
}

/* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */



button, html input[type="button"], /* 1 */ input[type="reset"], input[type="submit"]
{
	-webkit-appearance: button; /* 2 */
	cursor: pointer; /* 3 */
}

/* Re-set default cursor for disabled elements. */



button[disabled], html input[disabled]
{
	cursor: default;
}

/* 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 */



input[type="checkbox"], input[type="radio"]
{
	box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
}

/* 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */



input[type="search"]
{
	-webkit-appearance: textfield; /* 1 */
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box; /* 2 */
	box-sizing: content-box;
}

/* Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
 -webkit-appearance: none;
}

/**
 * Remove blue highlight in Safari.
 */



input:focus, textarea:focus
{
	outline: 0 none;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner, input::-moz-focus-inner {
 border: 0;
 padding: 0;
}

/* 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */



textarea
{
	overflow: auto; /* 1 */
	vertical-align: top; /* 2 */
}

/* Remove most spacing between table cells. */



table
{
	border-collapse: collapse;
	border-spacing: 0;
}

/*--eingesetzt ende--*/




label
{
	font-size: 100%;
	font-weight: bold;
	color: #334d55;
}

.Stil2
{
	color: #FF0000
}

.story_orange
{
	font-family: Verdana, Geneva, sans-serif;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/



#masthead
{
	padding: 10px 0px 0px 0px;
	border-bottom: 1px solid #cccccc;
	width: 100%;
}

#nolink
{
	color: #666;
	font-size: 90%;
}

#navBar
{
	float: left;
	width: 20%;
	margin: 0px;
	padding: 0px;
	background-color: #eeeeee;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #cccccc;
	border-right-color: #cccccc;
	border-bottom-color: #cccccc;
	border-left-color: #cccccc;
}

#headlines
{
	float: right;
	width: 22%;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding-right: 15px;
	background-color: #EEEEEE;
}

#headlinesl
{
	float: left;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding-right: 15px;
	background-color: #EEEEEE;
}

#headlines h4
{
	font-size: 80%;
	font-weight: bold;
	color: #334D55;
	margin: 0px;
	padding: 10px;
	font-variant: normal;
	font-family: Verdana, Geneva, sans-serif;
	text-align: left;
}

#content
{
	float: left;
	width: 45%;
	padding: 0 3% 0 0;
	margin: 0;
}

#contentLr
{
	float: left;
	width: 45%;
	border-right-width: 1pt;
	border-right-style: solid;
	border-right-color: #CCC;
	padding-top: 0;
	padding-right: 0%;
	padding-bottom: 0;
	padding-left: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 3;
	border-left-width: 1pt;
	border-left-style: solid;
	border-left-color: #CCC;
}

#contentCenter
{
	float: none;
	margin: 0;
	padding-top: 0;
	padding-right: 3%;
	padding-bottom: 0;
	padding-left: 0;
	width: 100%;
}

#contentCenterL20
{
	float: none;
	padding-top: 0;
	padding-right: 3%;
	padding-bottom: 0;
	padding-left: 3%;
	width: 100%;
	margin: 0;
}

#content2col
{
	float: right;
	width: 75%;
	padding-top: 0;
	padding-right: 3%;
	padding-bottom: 0;
	padding-left: 0;
	margin-top: 0;
	margin-right: 25px;
	margin-bottom: 0;
	margin-left: 0;
}

#contentR
{
	float: left;
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 0px;
	padding-left: 0px;
	width: 45%;
	margin-right: 2%;
	margin-bottom: 25px;
}

#content_frei
{
	float: left;
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 0px;
	padding-left: 0px;
	width: 60%;
}

#content_freiL3
{
	padding-top: 0px;
	padding-right: 3%;
	padding-bottom: 0px;
	padding-left: 3%;
	width: auto;
}

#content_auto
{
	float: left;
	width: auto;
	padding: 0px;
}

/***********************************************/
/* Components                                  */
/***********************************************/



#siteName
{
	margin: 0px;
	padding: 0 0 0 10px;
}

/*************.Link Stil Arial fuer Headlines rechts**********/


.Arial_80
{
	font-size: 80%;
}

/************* #globalNav styles **************/



#globalNav
{
	padding: 0px 0px 5px 10px;
	border-bottom: 1px solid #CCC;
	color: #cccccc;
}

#globalNav img
{
	display: block;
}

#globalNav a
{
	font-size: 90%;
	padding: 0 4px 0 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

/*************** #pageName styles **************/



#pageName
{
	margin: 0px;
	padding: 0px 0px 0px 10px;
}

#pageName h2
{
	padding-top: 25px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 10px;
}

/************* #breadCrumb styles *************/



#breadCrumb
{
	font-size: 80%;
	padding: 2px 0px 0 10px;
}

/************** .feature styles ***************/



.feature
{
	padding: 0px 0px 10px 10px;
	font-size: 80%;
}

.feature h3
{
	padding: 30px 0px 5px 0px;
	text-align: left;
}

.feature img
{
	float: left;
	padding: 10px 10px 0px 0px;
}

/************** .story styles *****************/



.story
{
	clear: both;
	font-size: 80%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 10px;
	border-bottom-color: #999;
}

.story2
{
	clear: both;
	font-size: 80%;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 10px;
}

.story3
{
	clear: both;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 10px;
	text-align: left;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 80%;
}

.story4
{
	clear: both;
	font-size: 80%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 20px;
	border-bottom-color: #999;
}

.story p
{
	padding: 0px 0px 10px 0px;
	font-size: 80%;
}

.ek_recht
{
	font-family: Verdana, Geneva, sans-serif;
	text-align: right;
	vertical-align: middle;
	display: compact;
	float: right;
	width: 200px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 0px;
	font-size: x-small;
}

/************* #siteInfo styles ***************/



#siteInfo
{
	clear: both;
	border: 1px solid #cccccc;
	font-size: 75%;
	color: #808080;
	padding: 10px;
}

#siteInfo img
{
	padding: 4px 4px 4px 10px;
	vertical-align: middle;
}

/************* #search styles ***************/



#search
{
	font-size: 60%;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #CCC;
}

#search form
{
	margin: 0px;
	padding: 0px;
	font-size: xx-small;
}

#search label
{
	display: block;
	margin: 0px;
	padding: 0px;
	font-size: xx-small;
}

/*********** #navBar link styles ***********/



#navBar ul a:link, #navBar ul a:visited
{
	display: block;
	font-size: small;
}

#navBar ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */


#navBar li
{
	border-bottom: 1px solid #EEE;
}

/* fix for browsers that don't need the hack */


html>body #navBar li
{
	border-bottom: none;
}

/*********** #sectionLinks styles ***********/



#sectionLinks
{
	margin: 0px;
	padding: 4px;
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
	width: auto;
	font-family: Verdana, Geneva, sans-serif;
	font-size: small;
	text-decoration: none;
	list-style-type: none;
	display: inline-block;
	background-color: #FFF;
}

#sectionLinks h3
{
	padding: 10px 0px 2px 10px;
}

#sectionLinks h2
{
	padding: 0px 0px 0px 10px;
}

#sectionLinks h4
{
	font-size: 80%;
	font-weight: bold;
	color: #334D55;
	margin: 0px;
	padding: 10px;
	font-variant: normal;
	font-family: Verdana, Geneva, sans-serif;
	text-align: left;
}

#sectionLinks h6
{
	font-size: small;
	color: #666666;
	padding: 10px;
	font-weight: lighter;
	padding: 10px;
	font-variant: normal;
	font-family: Verdana, Geneva, sans-serif;
	text-align: left;
}

#sectionLinks a
{
	display: block;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	
	border-top-width: 1px;
	border-top-style: none;
	border-top-color: #cccccc;
}

#sectionLinks a:hover
{
	background-color: #eee;
	font-weight: normal;
	text-transform: none
}

#sectionLinksM
{
	margin: 0px;
	padding: 4px;
	float: left;
	text-align: left;
	font-size: small;
	border: thin solid #cccccc;
}

#sectionLinksM h3
{
	padding: 10px 0px 2px 10px;
}

#sectionLinksM h2
{
	padding: 0px 0px 0px 10px;
	font-size: 114%;
}

#sectionLinksM h4
{
	font-size: 80%;
	font-weight: bold;
	color: #334D55;
	margin: 0px;
	padding: 10px;
	font-variant: normal;
	font-family: Verdana, Geneva, sans-serif;
	text-align: left;
}

#sectionLinksM a
{
	display: block;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 5px;
	border-top-width: 1px;
	border-top-style: none;
	border-top-color: #cccccc;
}

#sectionLinksM a:hover
{
	background-color: #eee;
}

#sectionLinksR
{
	margin: 0px;
	font-size: small;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 5px;
	float: right;
	padding-right: 5px;
	background-color: #FFFFFF;
	width: 20%;
	text-decoration: none;
}

#sectionLinksR h3
{
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 1px;
}

#sectionLinksR h4
{
	font-size: 80%;
	font-weight: bold;
	color: #334D55;
	margin: 0px;
	padding: 10px;
	font-variant: normal;
	font-family: Verdana, Geneva, sans-serif;
	text-align: left;
}

#sectionLinksR h6
{
	font-size: small;
	color: #666666;
	padding: 10px;
	font-weight: lighter;
	padding: 10px;
	font-variant: normal;
	font-family: Verdana, Geneva, sans-serif;
	text-align: left;
}

#sectionLinksR a
{
	display: block;
	padding: 2px 0px 2px 1px;
}

#sectionLinksR a:hover
{
	background-color: #eee;
	padding: 2px 0px 2px 1px;
}

/*********** .relatedLinks styles ***********/



.relatedLinks
{
	position: relative;
	margin: 0px;
	padding: 0px 0px 10px 10px;
	font-size: 90%;
}

.relatedLinks h3
{
	padding: 10px 0px 2px 0px;
}

.relatedLinks a:link, .relatedLinks a:visited
{
	display: block;
}

/************** #advert styles **************/



#advert
{
	padding: 10px 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}

#advert2
{
	padding: 0px 0px 10px;
	background-color: #EEEEEE;
}

#advertx
{
	padding: 30px 0px 10px;
}

#advert img
{
	display: block;
}

/************** #headlines styles **************/



#headlines
{
	margin: 0px;
	float: left;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 10px;
	width: 25%;
	font-size: small;
}

#headlines p
{
	padding: 5px 0px 5px 0px;
}

#breadCrumb2
{
	font-size: 80%;
	padding: 2px 0px 0 10px;
	text-align: right;
}

#contentliste
{
	float: left;
	width: auto;
	font-size: small;
	list-style-image: none;
	list-style-type: none;
	left: 25px;
	border: 0px none #CCCCCC;
	padding-top: 10px;
	top: 25px;
	right: 10px;
	bottom: 25px;
}

#contentlisterechts
{
	float: left;
	font-size: small;
	list-style-image: none;
	list-style-type: none;
	padding-top: 10px;
	right: 25px;
	border: 0px none;
	left: 25px;
	top: 25px;
	bottom: 25px;
	text-align: center;
	padding-left: 30px;
}

#contentlisterechts h6
{
	font-size: 90%;
	color: #666666;
	padding: 10px;
	font-weight: lighter;
	padding: 10px;
	font-variant: normal;
	font-family: Verdana, Geneva, sans-serif;
	text-align: left;
}

#contentliste2
{
	float: right;
	width: auto;
	font-size: small;
	list-style-image: none;
	list-style-type: none;
	left: 10px;
	border: 0px none #CCCCCC;
	padding-top: 10px;
	top: 25px;
	right: 10px;
	bottom: 25px;
	padding-right: 50px;
}

#headlinesneu
{
	float: right;
	width: 22%;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding-right: 15px;
	background-color: #EEEEEE;
}

.Text_fett
{
	font-weight: bold;
}

.Text_kursiv
{
	font-style: italic;
}

#Frameformat
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: x-small;
	font-weight: lighter;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
	display: block;
	margin: 0px;
	left: 15%;	
}

.Jesuis
{
	color: #000000;
	text-align: left;
	display: block;
	font-family: Verdana, Geneva, sans-serif;
	font-size: large;
	font-weight: bold;
	text-transform: uppercase;
	vertical-align: middle;
	word-spacing: normal;
	letter-spacing: normal;
	top: 30%;
	left: 15%;
	position: fixed;
}

#Li_Mitte
{
	float: left;
	padding-right: 20px;
	padding-top: 10px;
}

#Li_links
{
	float: left;
	padding-right: 20px;
	list-style-type: none;
	padding-top: 10px;
}

.img150
{
	float: left;
	font-size: small;
	font-family: Verdana, Geneva, sans-serif;
	margin: 10px;
	width: 150px;
	overflow: hidden;
	text-decoration: none;
	padding: 10;
}

.img198
{
	float: left;
	font-size: small;
	font-family: Verdana, Geneva, sans-serif;
	margin: 10px;
	width: 198px;
	overflow: hidden;
	text-decoration: none;
	padding: 10;
}

.img364
{
	float: left;
	font-size: small;
	font-family: Verdana, Geneva, sans-serif;
	margin: 10px;
	width: 364px;
	overflow: hidden;
	text-decoration: none;
	padding: 10;
}

.img25
{
	float: left;
	font-size: small;
	font-family: Verdana, Geneva, sans-serif;
	margin: 10px;
	overflow: hidden;
	text-decoration: none;
	padding: 10;
	height: 40%;
	width: 90%;
}

/***********************************************/
/* style.css                             */
/* for all sreens          */
/***********************************************/



/* micro clearfix
======================================== */


.clearfix:before, .clearfix:after
{
	content: "";
	display: table;
}

.clearfix:after
{
	clear: both;
}

/* For IE 6/7 (trigger hasLayout) */


.clearfix
{
	zoom: 1;
}

/* Typography
======================================== */

/* Normalize font-size for device-pixel-ratio */


html
{
	background-color: #FFFFFF;
	font-size: 14px;
	min-height: 100%;
}
/* Using a new pixel ratio of 6/5 *//* Standard 7" 1024x600 tablet (KINDLE FIRE) */
@media screen and (-webkit-device-pixel-ratio: 1) and (device-width: 1024px) and (max-device-height: 600px) and (orientation: landscape), screen and (-webkit-device-pixel-ratio: 1) and (device-width: 600px) and (max-device-height: 1024px) and (orientation: portrait), screen and (-o-device-pixel-ratio: "1") and (device-width: 1024px) and (max-device-height: 600px) and (orientation: landscape), screen and (-o-device-pixel-ratio: "1") and (device-width: 600px) and (max-device-height: 1024px) and (orientation: portrait), screen and (device-pixel-ratio: 1) and (device-width: 1024px) and (max-device-height: 600px) and (orientation: landscape), screen and (device-pixel-ratio: 1) and (device-width: 600px) and (max-device-height: 1024px) and (orientation: portrait) {

html
{
	font-size: 16.8px;
}
/* @basefontsize x (6/5) */
}
/* 1024x600 tablet with pixel ratio of 3/2 (GALAXY TAB) */
/* Because we have a solid device-pixel-ratio we can avoid the device height */
@media screen and (-webkit-device-pixel-ratio: 1.5) and (device-width: 683px) and (orientation: landscape), screen and (-webkit-device-pixel-ratio: 1.5) and (device-width: 400px) and (orientation: portrait), screen and (-o-device-pixel-ratio: 3/2) and (device-width: 683px) and (orientation: landscape), screen and (-o-device-pixel-ratio: 3/2) and (device-width: 400px) and (orientation: portrait), screen and (device-pixel-ratio: 1.5) and (device-width: 683px) and (orientation: landscape), screen and (device-pixel-ratio: 1.5) and (device-width: 400px) and (orientation: portrait) {
 html {
 font-size: 11.2px;
}
/* @basefontsize x (2/3) x (6/5) */
}

body
{
	color: #FFFFFF;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.5em;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6
{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin: 21px 0;
	margin: 1.5rem 0;
	text-rendering: optimizelegibility;
}

h1 small, h2 small
{
	font-weight: normal;
	color: #334d55;
}

h1, .h1
{
	font-size: 2.2857142857143em; /* 2em */
	line-height: 1.2em;
	color: #334d55;
	font: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 0.67em 0;
	padding: 0px;
}

h2, .h2
{
	font-size: 1.7142857142857em; /* 1.5em */
	line-height: 1.2;
	color: #334d55;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
}

h3, .h3
{
	font-size: 1.5em; /* 1.3125em */
	line-height: 1.3;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #334d55;
	margin: 0px;
	padding: 0px;
}

h4, .h4
{
	font-size: 1.2857142857143em; /* 1.125em */
	line-height: 1.25;
	color: #334d55;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin: 0px;
	padding: 10px;
}

h5, .h5
{
	font-size: 1.1428571428571em;
	color: #334d55; /* 1em */
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
}

h6, .h6
{
	font-weight: normal;
	letter-spacing: 1px;
	text-transform: none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #666666;
	margin: 0px;
	padding: 10px;
}

p, ol, ul, dl, address, ins, mark
{
	font-size: 1em;
	line-height: 1.5em;
	margin: 1.5em 0;
}

small
{
	font-size: 0.875em;
}

ol
{
	list-style: none
}

li ul, li ol
{
	font-size: 1em;
	margin: 0;
}

ul, ol
{
	padding-left: 0em;
	list-style-type: none;
	list-style-image: none;
}

ol li
{
	list-style: none;
}

ul li
{
	text-align: left;
	list-style-type: none;
}

.list-bordered
{
	padding-left: 0;
}

.list-bordered li
{
	border-bottom: 1px solid #A5A5A5;
	line-height: 2em;
	list-style-type: none;
	padding: 0 0 0 4px;
}

.list-bordered li:first-child
{
	border-top: 1px solid #A5A5A5;
}

blockquote
{
	font-family: Verdana, Geneva, sans-serif;
	font-style: normal;
	margin-left: 1.5em;
	margin-right: 1.5em;
}

q
{
	quotes: none;
}

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

cite, em
{
	font-style: normal;
}

dl, dd
{
	margin-bottom: 1.5em;
}

dt
{
	font-weight: bold;
}

abbr[title]
{
	border-bottom: 1px solid #A5A5A5;
	cursor: help;
}

b, strong
{
	font-weight: bold;
}

dfn
{
	font-style: italic;
}

ins
{
	text-decoration: none;
	padding: 0 3px;
}

mark
{
	font-style: italic;
	font-weight: bold;
	padding: 0 3px;
}

ins, mark
{
	background-color: transparent;
}

pre, code, kbd, samp
{
	font-family: Consolas, 'Lucida Console', Monaco, monospace;
	font-size: 0.875em;
	line-height: 1.5em;
}

pre
{
	white-space: pre-wrap;
	word-wrap: break-word;
}

code
{
	text-align: left;
}

sub, sup
{
	font-size: 0.75em;
	line-height: 0;
	position: relative;
	vertical-align: 1.5em;
}

sup
{
	top: -0.5em;
}

sub
{
	bottom: -0.25em;
}

hr
{
	border-top: 1px solid #A5A5A5;
	clear: both;
	font-size: 1em;
	height: 0;
	margin: 21px 0;
	margin: 1.5rem 0;
}

table, thead, tbody, tfoot, tr, th, td
{
	border-color: #A5A5A5;
}

thead, tfoot
{
	background-color: #F1F1F1;
	color: #333333;
}

tbody tr:nth-child(odd)
{
	background-color: transparent;
}

tbody tr:nth-child(even)
{
	background-color: #F1F1F1;
}

/* 	Hyperlinks 
=================================================== */


a
{
	font-weight: normal;
	text-decoration: none;
	-webkit-tap-highlight-color: rgba( 255, 255, 255, 0.5);/* -webkit-touch-callout: none; */
}

a:hover, a:focus
{
	text-decoration: underline;
}

a:focus
{
	outline: thin dotted;
}

/* 	Structure 
=================================================== */


.body-mantle
{
	margin: 0 auto; /* fixed; do not change */
	padding: 0 0px 3em 0px;
	overflow: hidden; /* fixes jittery preview when applying box-shadow in LR4 preview */
}

.body-core
{
	margin: 0 auto;
	position: relative;
	width: auto;
}

.page-body
{
	background-color: transparent;
	margin: 0 auto;
	padding: 0;
}

.page-grid .body-core, .page-single .body-core
{
	max-width: 950px;
}
 @media only screen and (max-width: 1140px) {

.page-body
{
	border-left-width: 0;
	border-right-width: 0;
	margin: 0 auto;
}
} /* max-width: 1140px */
 @media only screen and (max-width: 784px) {

.body-mantle
{
	padding-left: 0px;
	padding-right: 0px;
}
} /* max-width: 784px */
@media only screen and (max-width: 600px) {

.body-mantle
{
	padding-left: 0px;
	padding-right: 0px;
}
} /* max-width: 600px */

.block-id
{
	text-align: left;
}

.block-id, .mantle, .core
{
	margin: 0 auto;
	padding: 0;
}

.mantle
{
	position: relative;
	width: auto;
}

/* 	Page Body 
=================================================== */


.page-body .mantle
{
}

.page-body .core
{
	padding-left: 24px;
	padding-right: 24px;
}
 @media only screen and (max-width: 784px) {

.page-body .core
{
	padding-left: 23px;
	padding-right: 23px;
}
} /* max-width: 784px */
 @media only screen and (max-width: 600px) {

.page-body .core
{
	padding-left: 8px;
	padding-right: 8px;
}
} /* max-width: 600px */

/* 	Masthead & Page Info 
=================================================== */


h1.identityplate, h1.identity
{
}

h1.identityplate
{
	margin: 24px 0;
	margin: 1.5rem 0;
}

h1.identity
{
}

/* 	Grid 
=================================================== */


.grid, .grid .mantle, .grid .core
{
	margin: 0 auto;
	padding: 0;
	width: auto;
}

.grid
{
	padding: 1px;
}

.grid img
{
	margin-left: auto;
	margin-right: auto;
}

.grid p
{
	margin: 0;
}

.gridcell
{
	background-color: #ffffff;
	float: left;
	margin: 1px;
	position: relative;
	text-align: center;
	width: 178px;
	height: 178px;
}

.griditem
{
	background-position: center center;
	background-repeat: no-repeat;
}

.gridicon
{
	position: absolute;
}

.cellnumber
{
	font-size: 40px;
	font-weight: bold;
	letter-spacing: -1px;
	line-height: 1em;
	position: absolute;
	top: 2px;
	left: 2px;
	z-index: 0;
}

.drop-shadow img
{
	-moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.25);
	-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.25);
	box-shadow: 2px 2px 2px rgba(0,0,0,0.25);
}
 @media only screen and (max-width: 950px) {

#grid.grid
{
}

.gridcell.cell-empty
{
	display: none;
}
} /* max-width: 950px */
 @media only screen and (max-width: 700px) {

#grid.grid
{
	background-color: transparent !important;
	padding: 0;
	width: 100% !important;
}

.gridcell
{
	background-color: transparent;
	height: auto;
	margin: 0.25%;
	margin: calc(1px + 1px - 1px);
	padding: 0;
	width: 12%;
	width: calc(12.5% - 2px);
}

.griditem
{
	height: 0;
	padding-bottom: 100%;
	width: 100%;
}

.griditem.landscape
{
	-webkit-background-size: auto 100%;
	background-size: cover;
}

.griditem.portrait
{
	-webkit-background-size: 100% auto;
	background-size: cover;
}

.gridicon
{
	height: 0 !important;
	opacity: 0;
	filter: alpha(opacity=0); /* For IE8 and earlier */
	position: static;
	width: auto !important;
}

.gridicon img
{
	display: none;
}

.gridicon a
{
	display: block;
	padding-bottom: 100%;
}

.griditem .cellnumber
{
	color: #fff !important;
	font-size: 16px;
	text-shadow: 1px 1px 0px rgba(0,0,0,0.5);
}
} /* max-width: 784px */
 @media only screen and (max-width: 640px) {

.gridcell
{
	width: 19.5%;
	width: calc(20% - 2px);
}
} /* max-width: 640px */
 @media only screen and (max-width: 496px) {

.gridcell
{
	margin: 0.5%;
	margin: calc(1px + 1px - 1px);
	width: 24%;
	width: calc(25% - 2px);
}
} /* max-width: 480px */
 @media only screen and (max-width: 336px) {

.gridcell
{
	width: 32.333333%;
	width: calc(33.333333% - 2px);
}
} /* max-width: 320px */

/* 	Pagination 
=================================================== */


.pagination
{
	background-color: transparent;
	border-style: solid;
	border-width: 2px;
}

.pagination-bottom
{
	margin-top: 8px;
}

.pagination-top
{
	margin-bottom: 8px;
}

.pagination a
{
	font-weight: bold;
}

.pagination ul.contact
{
	float: left;
	margin: 0;
	padding: 0;
}

.pagination ul.contact li
{
	background: transparent;
	margin: 0 2px 0 0;
	padding: 0 8px;
	line-height: 2em;
	text-align: center;
}

.pagination ul.page-navigation
{
	float: right;
	margin: 0;
	padding: 0;
}

.pagination li
{
	float: left;
	line-height: 2em;
	list-style: none;
	margin: 0;
	padding: 0;
}

.pagination li.pagenumber
{
	line-height: 2em;
	margin: 0 1px;
	text-align: center;
	width: 2em;
	width: calc(2em + 2px);
}

.pagination li.pagenumber.current
{
	background: transparent !important;
}

.pagination li.index, .pagination li.next, .pagination li.previous
{
	margin: 0 1px;
	padding: 0 8px;
	line-height: 2em;
	text-align: center;
}

.pagination li.next
{
	margin-right: 0;
	padding-right: 6px;
}

.pagination li.next.disabled span, .pagination li.previous.disabled span
{
	opacity: 0.15;
	filter: alpha(opacity=15); /* For IE8 and earlier */
}

.pagination a
{
	display: block;
	height: 2em;
}

.pagination-bottom.clean, .pagination-top.clean
{
	border-width: 0;
}

.pagination.clean li.pagenumber
{
	width: 2em;
}

.pagination.clean li.next
{
	padding-right: 8px;
}

.pagination.clean ul.contact li:first-child
{
	padding-left: 2px;
}

.pagination-bottom.clean
{
	margin-top: 6px;
}

.pagination-top.clean
{
	margin-bottom: 6px;
}
 @media only screen and (max-width: 600px) {

.pagination ul.contact, .pagination ul.page-navigation
{
	clear: both;
	float: right;
}

.pagination ul.contact li:last-child
{
	margin: 0;
	padding-right: 6px
}

.pagination-bottom ul.contact
{
	margin-top: 4px;
}

.pagination-bottom ul.page-navigation
{
	margin-bottom: 4px;
}

.pagination-top ul.contact
{
	margin-bottom: 4px;
}

.pagination-top ul.page-navigation
{
	margin-top: 4px;
}
} /* max-width: 600px */
 @media only screen and (max-width: 480px) {

/*  Limit quanity of page numbers appearing on the page, 
	to eliminate line-wrap on small displays. */


.page-3 li.pagenumber:nth-child(8), .page-4 li.pagenumber:nth-child(8), .page-4 li.pagenumber:nth-child(9), .page-5 li.pagenumber:nth-child(1), .page-5 li.pagenumber:nth-child(9), .page-5 li.pagenumber:nth-child(10), .page-6-or-greater li.pagenumber:nth-child(1), .page-6-or-greater li.pagenumber:nth-child(2), .page-6-or-greater li.pagenumber:nth-child(10), .page-6-or-greater li.pagenumber:nth-child(11)
{
	display: none;
}
} /* max-width: 480px */
 @media only screen and (max-width: 336px) {

.page-1 li.pagenumber:nth-child(6), .page-2 li.pagenumber:nth-child(6), .page-2 li.pagenumber:nth-child(7), .page-3 li.pagenumber:nth-child(6), .page-3 li.pagenumber:nth-child(7), .page-4 li.pagenumber:nth-child(1), .page-4 li.pagenumber:nth-child(7), .page-5 li.pagenumber:nth-child(2), .page-5 li.pagenumber:nth-child(8), .page-6-or-greater li.pagenumber:nth-child(3), .page-6-or-greater li.pagenumber:nth-child(9)
{
	display: none;
}
} /* max-width: 336px */

/* 	Single Image Pages 
=================================================== */


.single-image, .single-image .mantle, .single-image .core, .image-info
{
	margin: 0 auto;
	padding: 0;
}

.single-image
{
	max-width: 100%;
	text-align: center;
}

.single-image img
{
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
	width: auto;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.single-image .drop-shadow
{
	-moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.25);
	-webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.25);
	box-shadow: 2px 2px 4px rgba(0,0,0,0.25);
}

.image-info
{
	font-size: smaller;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}

.button up
{
	background-color: #efefef;
	border-style: solid #000000 1px;
}

#buttonposit
{
	position: fixed;
	top: 90%;
	width: 85px;
	height: 85px;
	float: left;
	right: 4px;
	display: block;
}

#top-link
{
	display: none;
	position: fixed;
	right: 5px;
	bottom: 5px;
}

#textsui
{
	margin-left: 15px;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: 15px;
	width: auto;
}

.homepage #content .story_orange
{
	padding-left: 6pt;
}

iframe:focus
{
	outline: none;
	position: absolute;
	left: 50%;
	width: auto;
	margin-left: -300px;
}

iframe[seamless]
{
	display: block;
}

iframe
{	
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: x-small;
	font-weight: lighter;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
	display: block;
	margin: 0px;	
}
	
.Petersburger
{
	color: #009933;
}

#exhibition
{
	margin: 0px;
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
	width: auto;
	font-family: Verdana, Geneva, sans-serif;
	font-size: small;
	text-decoration: none;
	list-style-type: none;
	display: block;
	background-color: #FFF;
	padding: 10px;
}
#exhibition h3
{
	padding: 10px 0px 2px 10px;
}

#exhibition h2
{
	padding: 0px 0px 0px 10px;
}

#exhibition h4
{
	font-size: 80%;
	font-weight: bold;
	color: #334D55;
	margin: 0px;
	padding: 10px;
	font-variant: normal;
	font-family: Verdana, Geneva, sans-serif;
	text-align: left;
}

#exhibition h6
{
	font-size: small;
	color: #666666;
	padding: 10px;
	font-weight: lighter;
	padding: 10px;
	font-variant: normal;
	font-family: Verdana, Geneva, sans-serif;
	text-align: left;
}

#exhibition a
{
	display: block;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 10px;
	border-top-width: 1px;
	border-top-style: none;
	border-top-color: #cccccc;
}

#exhibition a:hover
{
	background-color: #eee;
	font-weight: normal;
	text-transform: none
}

.Entrypage
{
	text-align: center;
}

.Entrypage
{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}