/*
Veit Schiele Communication GmbH

Designed by Stefania Trabucchi info@trabucchi.de

Thanks to HTML5 ✰ Boilerplate and ROBOT…OR NOT? © 2011 Ethan Marcotte
*/

/* vs-colors */

/* 
#f59c00 orange vs
#00305d blau vs
#9eb0c1 38% blau
#FDFDFD BG all/body
#c9c9c9 dotted lines und input rand, lines navigation
#878787 sub navi grau
#575756 icons rand grau und zitate, <a> navigation portlet,
#777777 copyright grau, <a> navigation portlet selected
#f3f3f3 bg portlet navigation
*/

/* =============================================================================
   RESET
   ========================================================================== */
/* html5doctor.com/html-5-reset-stylesheet/ */
html,body,div,span,object,iframe,
h1,h2,h3,h4,h5,h6,
p,blockquote,pre,abbr,address,cite,code,del,dfn,em,
img,ins,kbd,q,samp,small,strong,
sub,sup,var,b,i,dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,
time,mark,audio,video { 
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent; 
	} 
body { line-height:1; }
ol,ul { list-style:none; }
ins { text-decoration:none; }
del { text-decoration:line-through; }
table { border-collapse:collapse;border-spacing:0; }


/* =============================================================================
   SELF-CLEARING FLOATS
   ========================================================================== */
.mod:after,
.section:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.mod,
.section {
	zoom: 1;
}

/* =============================================================================
   BASE
   ========================================================================== */
body {
	line-height: 1;
	background-color: #FDFDFD;
	color: #000;
	font: normal 100% Georgia,Palatino,"Palatino Linotype",Times,"Times New Roman",serif;
}
.ie7 body {
	background: #f6f5f5; /* Stupid IE7 bug is stupid. */
}

/* 
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design)
 */

::-moz-selection { background: #f59c00; color: #fff; text-shadow: none; }
::selection { background: #f59c00; color: #fff; text-shadow: none; }
/* =============================================================================
   LINKS
   ========================================================================== */
a { 
	-moz-transition: color 0.3s linear;
	-o-transition: color 0.3s linear;
	-webkit-transition: color 0.3s linear;
	transition: color 0.3s linear;
	text-decoration: none;
	color: #00305d; }
a:visited { color: #777; }
a:hover, a:selectionactive { color: #777; }
a:focus { outline: thin dotted; }

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active { outline: 0; }
   
/* =============================================================================
   TYPO
   ========================================================================== */
abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

dfn { font-style: italic; }

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

ins { background: #ff9; color: #000; text-decoration: none; }

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp { 
	font-family: Consolas, Menlo, 'DejaVu Sans Mono', Monaco, monospace; 
	_font-family: 'courier new', monospace; 
	line-height: 1.2em; 
	margin-bottom: 1.5em;
	font-size:0.86em;
    }

/* Improve readability of pre-formatted text in all browsers */
pre {  
    white-space: pre;
    white-space: -moz-pre;
    white-space: -o-pre;
    overflow-x: scroll; 
}

blockquote, q { 
	quotes:"»" "«" "›" "‹";
	 }
blockquote:before,
q:before { content:open-quote;}

blockquote:after,
q:after {content:close-quote;}

blockquote:before,
blockquote:after {
    color: #f59c00;
    font-style: normal;
    font-weight: bold;
    padding: 0 0.1em;
}

blockquote {
	color:#575756 !important;
    font-family: "Myriad Pro",Verdana,sans-serif;
	font-style: italic;
}

.article-container .main blockquote p {
    display: inline;
    margin-left: 0;
}

small { font-size: 85%; }

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }  
   
/* =============================================================================
   LISTS
   ========================================================================== */
ol {
	list-style-type: decimal;
    padding:0 0 0 1.5em;
}
ul {
	list-style: none;
}
ol.arabic {
    list-style-type: decimal;
    padding:0 0 0 1.4em;
    line-height:1.5em;
}
dd { }
nav ul, nav ol { 
list-style: none; 
list-style-image: none; 
margin: 0; 
padding: 0; }

.navTreeItem img {
    display: none;
}
 
/* =============================================================================
   CONTENT TYPO
   ========================================================================== */
p {
	margin: 0.5em 0 1.0em;
}
   
/* =============================================================================
   EMBEDDED CONTENT
   ========================================================================== */

/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/e 
 */

img { -ms-interpolation-mode: bicubic; vertical-align: middle; }
/* resize proportionally */
img,
embed,
object,
video { max-width: 100%; }
/*
 * Correct overflow not hidden in IE9 
 */
.ie6 img {
	width: 100%;
}
svg:not(:root) { overflow: hidden; }
.image-left {
    margin-bottom: 1em;
    margin-right: 1em;
    margin-top: 0.5em;
}


/* =============================================================================
   FORMS
   ========================================================================== */

/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }

/* 
 * 1. Correct color not inheriting in IE6/7/8/9 
 * 2. Correct alignment displayed oddly in IE6/7 
 */

legend { *margin-left: -7px; }

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */

button, input, select, textarea { font: 99% sans-serif; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input, select, textarea { color: #222; }

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 * 2. Correct inner spacing displayed oddly in IE6/7
 */

button, input { line-height: normal; *overflow: visible; }

/*
 * Reintroduce inner spacing in 'table' to avoid overlap and whitespace issues in IE6/7
 */

table button, table input { *overflow: auto; }

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 */

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }

/*
 * Consistent box sizing and appearance
 */

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="text"],
input[type="search"] { 
-webkit-appearance: textfield; 
-moz-box-sizing: content-box; 
-webkit-box-sizing: content-box; 
box-sizing: content-box; 
}
input[type="text"]::-webkit-text-decoration,
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
.LSBox input[type="button"], 
.LSBox input[type="submit"]{
	border:0;
}
#portal-searchbox input[value="Suche"] {display:none;}
#searchGadget {
	background: white url(../images/lupe.png) right no-repeat;
}
.LSBox input {
	border-width:1px;
	border-style:solid;
	border-color: #c9c9c9;
	-webkit-box-shadow: 1px 0 -1px #c9c9c9;
	-moz-box-shadow: 1px 0 -1px #c9c9c9;	
}

/* 
 * Remove inner padding and border in FF3/4: h5bp.com/l 
 */

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

/* 
 * 1. Remove default vertical scrollbar in IE6/7/8/9 
 * 2. Allow only vertical resizing
 */

textarea { overflow: auto; vertical-align: top; resize: vertical; }

/* Colors for form validity */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

/* =============================================================================
   PRIMARY STYLES// Author: Stefania Trabucchi
   ========================================================================== */

/* umrechnen von Pixel in EMs. 
Schriftgroesse in Pixel : Schriftgroesse des Brwsers = EM
24px : 16px = 1.5 */
dl#relatedItemBox dt,
h1, h2, h3 {
    margin-bottom:10px;
    line-height:1.5em;
}

h1 {
    font-size:1.75em; /* 28 / 16 */
}
h2 a:focus,
h2 a:link,
h2 {
    color:#000;
    }
h2 {
    font-size:1.3em; /* 24 / 16 */
    margin:0 0 0.5em 0;
}
dl#relatedItemBox dt,
h3 {
    color:#f59c00;
    font-size:1.25em; /* 20 / 16 */
    font-weight:normal;
}
h4 {
    color:#575756;
    font-size:1em; /* 16 / 16 */
}

#page {
	margin: 0 auto;
	width: 90%;
	/*background:url("../images/bg-line.gif") repeat-x top left;*/
	max-width: 1160px;
}
#topline {
	position: fixed;
	z-index: 10;
	background-color: #00305d;
	display: block;
}
#topline {
	height: 6px;
	left: 0;
	right: 0;
	top: 0;
}

#topline b {
	display: block;
	height: 6px;
	position: absolute;
	background: url("../images/inner-line.gif") no-repeat;
	}
.logo,
.slide {
	position: relative;
	z-index: 0;
}
.logo:after,
.slide:after {
}
.logo {
	float: left;
	width: 21.458%;	/* 206 / 960 =206px Breite des logos */
}
.logo a {
	display: block;
}
.logo img {
	display: block;
}
header .slide {
	padding:0;
}
header .slide img{
	padding:6px 0 1px 0;
}
dl#relatedItemBox dt,
#parent-fieldname-description,
.main-description,
#portal-breadcrumbs,
.bordered {
    background:url("../images/dotted.png") repeat-x bottom left;
}
#portal-breadcrumbs {
	padding:0.2em 0;
	}
#portal-breadcrumbs span {
    font-family:Calibri, Optima, Arial, "Century Gothic", AppleGothic, sans-serif;
	font-weight:200;
	font-style:normal;
	color:#000;
	font-size: 0.9em;
    line-height: 1.5em;
    	padding:1em 16px 1em 10px;
    background: url("../images/arrow-nav.png") no-repeat center right;
}
#portal-breadcrumbs span:last-child {
background:none;
}
#portal-breadcrumbs span:first-child {
padding-left:0;
}
#portal-breadcrumbs a {
    color:#000;
	font-size: 0.9em;
}
#portal-breadcrumbs a:hover {
    text-decoration:underline;
    color:#f59c00;
}
/* aside */
.article-share {
	margin:0;
	padding-top:12px;
	background:url("../images/dotted.png") repeat-x top left;
}
.article-share a {
	color:#777 !important;
}

.article-share ul{
	display:block;
    padding:0 !important;
    margin:0 0 10px 0 !important;
}
.article-share ul li{
	display:inline;
	padding:0 0.28em;
}
.article-share ul li a{
	-moz-transition:opacity 0.2s;
	-webkit-transition:opacity 0.2s;
	-o-transition:opacity 0.2s;
	transition:opacity 0.2s;
	opacity:0.5;
}
.article-share ul li a:hover{opacity:1.0;}
.documentActions ul li:before {
    content:"" !important;
    margin-right:0 !important;
}
.documentActions ul li {
    padding-left:0 !important;
}
li#document-action-print a{
    background: url(../images/print.png) left 50% no-repeat;
    border:0 !important;
    padding:1em 0 1em 2.5em;
}
li#document-action-generate-pdf a{
    background: url(../images/pdf.png) left 50% no-repeat;
    border:0 !important;
    padding:1em 0 1em 2.5em;
}
li#document-action-googleplus a{
    background: url(../images/plus.png) left 50% no-repeat;
    border:0 !important;
    padding:1em 0 1em 2.5em;
}

li#document-action-e-mail a{
    background: url(../images/email.png) left 50% no-repeat;
    border:0 !important;
    padding:1em 0 1em 2.5em;
}
li#document-action-rss a{
    background: url(../images/rss.png) left 50% no-repeat;
    border:0 !important;
    padding:1em 0 1em 2.5em;
}

.main pre {margin:1em 0;overflow-x:auto;background:#f3f3f3;padding:5px 2px 5px 1.2em;}
.main blockquote {border-top:1px dotted #c9c9c9;border-bottom:1px dotted #c9c9c9;}
.main blockquote {
	margin: 1.38em 0 1.24em 27.3209%;
    padding-left:30px;
    text-indent:-21px;
	}
.article-marginal cite {
	line-height: 1.5em;
}
/* main content */
section[role="main"] section.featured p {   

}
.vcard td, .vcard th {
    color:#000 !important;
    padding:0.5em;
}
.vcard th {
    text-align:right;
}
.vcard tr.even,
.vcard tr.odd {
    background:#9eb0c1;
}
.vcard tr {
    border-bottom:1px dotted #f3f3f3;
}
.vcard tr.even td,
.vcard tr.odd td {
    background:#f3f3f3;
}
.float-left {
    float: left;
    margin-right: 1.0em;
}

.template-default_error_message dl,
table .docutils,
dl.docutils,
.line-block,
.article-container ul,
.article-container p {
	color:#191919;
	font-size:1em;
	line-height: 1.5em;
}

table.listing {
    font-family: Calibri,Optima,Arial,"Century Gothic",AppleGothic,sans-serif;
    font-weight: 400;
    color:#666;
}
ol.arabic,
table.docutils,
table.listing {
    margin-bottom:1em;
}
table.listing th {
padding:0.3em;
}
table th {
text-align:left;
}
table td {
padding:0.2em 1em 0.2em 0;
}
table.docutils tr {
    border-bottom:1px dotted #575757;
}
dl dd,
.template-default_error_message dt,
table.docutils tbody{ font-weight:normal;}
.docutils dt {font-weight:bold;}
dd.portletItem {margin:0 !important;}
dd,
.template-default_error_message dd,
.docutils dd {margin: 0 0 1em 1.3em !important;}
.footnote a {padding:0 0.5em 0 1em;}
p.first {margin-left:0 !important;}

#login-forgotten-password p {padding: 0 !important;}
body.template-search .discreet {
    padding: 0.5em 0;
}

div.newsImageContainer .discreet span,
.discreet {
color: #666666;
font-size: 81%;
font-weight: normal;
padding: 0 0 1.0em;
}

div.newsImageContainer .discreet span {
padding-left: 0 !important;
}
body.template-author img.portraitPhoto {float:none !important;}
tt.literal {margin-left:0 !important;}
.article-container ul {
list-style:none;
margin-bottom: 1em;
}
.article-container ul li:before {
    content:"-";
    font-size:120%;
    margin-right:0.5em;
}
.article-container ul li p,
.article-container ul li div {
    display:inline;
    }
.article-container ul li {
    padding-left:1em;
    text-indent:-1em;
    }
.article-container h1,
.article-container h2{
	font-family:Calibri, Optima, Arial, "Century Gothic", AppleGothic, sans-serif;
	font-weight:400;
	font-style:bold;
}
#parent-fieldname-description,
.main-description {
	float:left;
    hyphens:auto;
    -moz-hyphens:auto;
}
#parent-fieldname-description,
.main-description {
    color:#f59c00 !important;
    font-weight:normal;
}
.main-author span,
.main-author p {
    padding-top:12px;
    line-height: 1.62em;
    color:#777 !important;
	}
.main-author p {
    background:url("../images/dotted.png") repeat-x top left;
}

p.tileFooter {
line-height:1em;
padding-bottom:1em;
}
img.tileImage {
    float: right;
    margin-bottom: 0.5em;
    margin-left: 1em;
    margin-right: 1em;
    margin-top: 0;
}
/* content link */
.tileFooter a,
.internal-link {
	background: url("../images/internal-link.png") no-repeat left 0;
	padding-left:18px;
	}
.external,
.external-link {
	background: url("../images/external-link.png") no-repeat left 1px;
	padding-left: 18px;
}
.figure .external {
	background: none;
	padding-left: 0;
}
/* ListingBar */
div.listingBar {
    font-size: 80%;
    margin: 1em 0;
}

div.listingBar .next {
    display: inline-block;
    float: right;
}

div.listingBar .previous {
    display: inline-block;
}

div.listingBar a {
    display: inline-block;
    padding: 0.25em 0.5em;
    margin:0 0.5em;
    border: 0.1em solid #ccc;
}

div.listingBar a:hover {
    color: White;
    background-color: #00305d;
    border-color: #00305d;
}

/* search */
.contenttype-document,
.contenttype-event,
.contenttype-folder,
.contenttype-link,
.contenttype-news-item,
.contenttype-plone-site,
.contenttype-topic,
#plone-contentmenu-factories .contenttype-file,
#plone-contentmenu-factories .contenttype-image {
display: inline-block;
*display: block;
}
.documentByLine {
display:block;
}
.collapsible .collapser.collapsed {
    background:url("../images/arrowR.png") center right no-repeat;
    padding-right: 14px;
}
.collapsible .collapser.expanded {
    background:url("../images/arrowD.png") center right no-repeat;
    padding-right: 14px;
}

/* @group Search results page */
fieldset#search-field {
    border: none !important;
    text-align: center;
}
input.searchPage {
    font-size:200% !important;
}
#rss-subscription {
    float: left;
    line-height: 3em;
}
#search-results-bar .actionMenuContent {
    margin-top: 1em;
    padding: 0;
}
#search-filter {
    background: #ddd;
    margin: 0;
    padding: 0;
}
#content #search-filter fieldset {
    border: none !important;
    position: relative;
    padding: 0;
    margin: 0;
}
#content #search-filter legend {
    background: transparent;
    font-size: 1.1em;
    padding: 0.5em 0.9em;
    font-weight: bold;
}
#search-filter .field {
    background: #eee;
    padding: 1em 1.5em;
    margin: 0;
}
#search-filter .field label {
    font-weight: normal;
}
#search-filter .formControls {
    text-align:center
}
#search-results-wrapper {
    margin-top: 1em;
}
form.searchPage h1.documentFirstHeading {
    font-weight:normal; 
    letter-spacing:0;
    float: left;
    margin-right: 0.8em;
}
form.searchPage h1.documentFirstHeading .highlightedSearchTerm {
    background: transparent !important;
}
#search-results-bar > * {
    float: left;
}
#searchResultsSort{ 
    float:right;
}
#search-results-bar {
    position: relative;
    z-index: 1;
    float: left;
    width: 100%;
    border-top: 1px solid #DDD;
    border-bottom: 1px solid #DDD;    
    padding: 1em 0;
}
#search-results-bar dl.actionMenu {
    margin-bottom: 0;
}
#search-results-bar dd.actionMenuContent {
    margin-left: 0;
    padding-left: 0;
}
#search-results-bar dt.actionMenuHeader a {
    border-bottom: none;
}
#search-results-bar dt.actionMenuHeader a::after {
    content: " ▼";
}
#search-results {
    padding: 1em;
}
.searchResults {
    margin-top: 0;
}
#ajax-search-res {
    display: none;
}
/* @end */

/* @group Content pulldowns */
#contentActionMenus dl.actionMenu a,
#contentActionMenus dl.actionMenu.activated dd {
    background-color: #75ad0a;
    color: White;
    z-index: 5;
}
#contentActionMenus dl.actionMenu.activated dd {
    border-bottom: 0.5em solid #75ad0a;
        right: -3px;
}
#contentActionMenus dl.actionMenu.activated dd a:hover,
#contentActionMenus dl.actionMenu.activated dd .actionMenuSelected {
    background-color: White !important;
    color: #666;
}
#contentActionMenus dl.actionMenu {
    line-height: 2em;
}

#folderHeader, #contextHeader {
        border-bottom: 2px solid white;
}

#contextHeader { margin-top: 5px; }

#contentActionMenus {
    float: right;
    background: #75ad0a;
    margin: 0;
    position: relative;
    top: -0.23em;
    right:-0.24em;
    padding: 0.1em 0.24em 0 0;
    border-radius: 0.5em;
    border-top-left-radius: 0;
    -webkit-border-radius: 0.5em;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius: 0.5em;
    -moz-border-radius-topleft: 0;
}

.actionMenuContent {
    padding: 0 0.25em;
}

dl.actionMenu {
    float: right;
    white-space: nowrap;
    position: relative;
    margin-left: 0.5em !important;
}
dl.actionMenu a,
dl.actionMenu div {
    display: block !important;
    white-space: nowrap;
}
dl.actionMenu dt {
    font-weight: normal;
}
span.arrowDownAlternative {
    font-size: 80%;
}
dl.actionMenu.deactivated dt {
    margin: 0 0.25em;
}
dl.actionMenu.deactivated dd {
    display: none;
}
dl.actionMenu.activated dd {
    position: absolute;
    width: auto;
    min-width: 100%;
    border-bottom-right-radius: 0.5em;
    border-bottom-left-radius: 0.5em;
    -webkit-border-bottom-right-radius: 0.5em;
    -webkit-border-bottom-left-radius: 0.5em;
    -moz-border-radius-bottomleft: 0.5em;
    -moz-border-radius-bottomright: 0.5em;
}
dl.actionMenu.activated dt a,
dl.actionMenu.activated dd a,
dl.actionMenu.activated dd div {
    margin: 0 0.25em;
}
/* @end */

/* nav */
ul.main-listing,
ul.nav-listing  {
	font-family:Calibri, Optima, Arial, "Century Gothic", AppleGothic, sans-serif;
	font-weight:300;
}
ul.main-listing li,
ul.nav-listing li {
    letter-spacing: 1px;
    line-height: 1.2;
    padding:4px 0 4px 4px;
}
ul.nav-listing {
	margin:0 0 1em 0;
}
ul.main-listing a,
ul.nav-listing a{
    font-size:90%;
}
ul.nav-listing a{
	color:#000;
}
ul.main-listing li a:hover,
ul.nav-listing a:hover {
	color:#f59c00;
	text-decoration:underline;
}
ul.nav-listing li {
	background: url("../images/arrow-nav.png") no-repeat 0 10px;
	padding-left:12px;
}
ul.nav-listing li.navTreeCurrentNode {
    background: url("../images/arrow-nav-current.png") no-repeat 0 10px;
}
ul.nav-listing li a.navTreeCurrentItem {
    color:#f59c00 !important;
}
ul.nav-listing li:first-child {
    border:none;
}
ul.main-listing  {
margin-top:1em;
}
ul.main-listing li {
background:url("../images/dotted.png") repeat-x bottom left;
}
ul.main-listing li a{
	background: url("../images/arrow-ddd.png") no-repeat center left;
	color:#878787;
	padding-left:10px;
}
ul.main-listing li a:hover {
	background: url("../images/arrow-nav-current.png") no-repeat center left;
	padding-left:10px;
}
#portal-searchbox {
    padding-left:10px;
    font-size:90%;
    }
/* footer */
#footer {
	color:#8E8E8E;
	font-size:0.75em; /* 12 / 16 */
}
/* forms */
#content .field input[type="text"][name$=".title"],
#archetypes-fieldname-title input {
font-family: "Helvetica Neue", Arial, FreeSans, sans-serif;
line-height: 125%;
color: Black;
letter-spacing: -0.05em;
margin: inherit -0.05em;
font-size: 2em; /* */
font-weight: bold;
}
/* */
#content .field textarea[name$=".description"],
#archetypes-fieldname-description textarea#description {
font-family: Arial,FreeSans,sans-serif;
color:#666666;
font-size:1.24em;
font-weight: bold;
}
div.formControls {
margin: 1em 1em 1em 0;
}
div.formControls input{
margin:0 !important;
padding:0 !important;
}
input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus {
outline:none;
-moz-outline-radius: 0 !important;
-moz-outline-offset: 0 !important; 
background-color: #fff;
}
#content textarea {
font: 100% Monaco, "Courier New", Courier, monospace;
width: 425px;
}
#content select {
vertical-align: top;
}
#content fieldset {
border-style: solid none none none;
}
#content legend {
padding: 0.5em 0;
color:#f59c00;
}
label {
font-weight:bold;
}
#content optgroup {
font-style: normal;
font-weight: bold;
color: #999;
padding-left: 0.25em;
}
#content option {
color: black;
}
#content optgroup > option {
padding: 0 0.25em 0 1em;
}
dl.enableFormTabbing dd {
margin-left: 0;
padding-top: 2em;
}
.searchSection {
color: #76797c;
margin-top: 0.25em;
}
.searchSection label:hover {
color: Black;
}
form.searchPage input{
}
input.searchPage {
font-size:120% !important;
}

.field {
clear: both;
margin-bottom: 1em;
}
#pfg-fieldwrapper .field {
    clear: none;
}
.field input[type="text"] {
width: 20em;
}
.field input[type="text"][size] {
width: auto;
}
.field input[type="text"][name$=".title"],
input#title {
width: 100%;
}
.field.error input[type="text"][name$=".title"],
.error input#title {
width: 99%;
}
.fieldRequired {
background: url(required.png) center left no-repeat;
padding: 0 0 0 1em;
color: White;
}
.formHelp {
    display: block;
}
.fieldUploadFile {
text-align: right;
margin-right: 0.75em;
display: none;
}
.fieldTextFormat {
text-align: right;
margin-right: 0.75em
}
.formHelp {
color: #555;
margin: 0 0 0.2em 0;
}
div.field.error {
background-color: #fdc;
border:  1px solid red;
padding: 0.5em;
margin:  1em 0;
}
.error .fieldRequired {
color: #d00;
}
div.error.warning {
background-color: transparent;
border: none;
margin-top: 0;
padding: 0;
}
div.error.warning input {
border: 2px solid red;
}
input.inputLabelActive {
color: #76797c;
}
textarea#form\.description {
height: 6em;
width: 99%;
}
table.listing tbody tr.odd.selected td,
table.listing tbody tr.odd.dragging td,
tr.dragging,
tr.selected {
background-color: #ffa;
}
table.listing tbody tr.odd.error td,
tr.error {
background-color: #fdc;
}
.multi-widget-field {
padding-left: 0.5em;
border-left: 1.5em solid #DDD;
}
.multi-widget-checkbox {
margin-left: -2em;
margin-right: 0.5em;
width: 1.5em;
display: inline-block;
}
/* */
#fieldset-openid-login input, #login-form input {
}
body.template-register #content input,
body.template-new-user #content input {
width: inherit;
}
#mail_password label, #fieldset-openid-login label, #login-form label {
margin-right:0.5em;
padding-top:0.2em;
text-align:left;
width: 11em;
display: inline-block;
}
.below-content-body .documentActions {display:none;}

/*
 * FullCalendar v1.5.1 Stylesheet
 *
 * Copyright (c) 2011 Adam Shaw
 * Dual licensed under the MIT and GPL licenses, located in
 * MIT-LICENSE.txt and GPL-LICENSE.txt respectively.
 *
 * Date: Sat Apr 9 14:09:51 2011 -0700
 *
 */


.fc {
    direction: ltr;
    text-align: left;
    }
    
.fc table {
    border-collapse: collapse;
    width:100% !important;
     border-spacing: 0;
    }
    
html .fc,
.fc table {
    font-size: 1em;
    }
    
.fc td,
.fc th {
    padding: 0;
    vertical-align: top;
    }



/* Header
------------------------------------------------------------------------*/

.fc-header td {
    white-space: nowrap;
    }

.fc-header-left {
    width: 25%;
    text-align: left;
    }
    
.fc-header-center {
    text-align: center;
    }
    
.fc-header-right {
    width: 25%;
    text-align: right;
    }
    
.fc-header-title {
    display: inline-block;
    vertical-align: top;
    }
    
.fc-header-title h2 {
    margin:0 3em;
    white-space: nowrap;
    }
    
.fc .fc-header-space {
    padding-left: 10px;
    }
    
.fc-header .fc-button {
    margin-bottom: 1em;
    vertical-align: top;
    }
    
/* buttons edges butting together */

.fc-header .fc-button {
    margin-right: -1px;
    }
    
.fc-header .fc-corner-right {
    margin-right: 1px; /* back to normal */
    }
    
.fc-header .ui-corner-right {
    margin-right: 0; /* back to normal */
    }
    
/* button layering (for border precedence) */
    
.fc-header .fc-state-hover,
.fc-header .ui-state-hover {
    z-index: 2;
    }
    
.fc-header .fc-state-down {
    z-index: 3;
    }

.fc-header .fc-state-active,
.fc-header .ui-state-active {
    z-index: 4;
    }
    
    
    
/* Content
------------------------------------------------------------------------*/
    
.fc-content {
    clear: none;
    }
    
.fc-view {
    width: 100%; /* needed for view switching (when view is absolute) */
    overflow: hidden;
    }
    
    

/* Cell Styles
------------------------------------------------------------------------*/

.fc-widget-header,    /* <th>, usually */
.fc-widget-content {  /* <td>, usually */
    border: 1px solid #ccc;
    }
    
.fc-state-highlight { /* <td> today cell */ /* TODO: add .fc-today to <th> */
    background: #ffc;
    }
    
.fc-cell-overlay { /* semi-transparent rectangle while dragging */
    background: #9cf;
    opacity: .2;
    filter: alpha(opacity=20); /* for IE */
    }
    


/* Buttons
------------------------------------------------------------------------*/

.fc-button {
    position: relative;
    display: inline-block;
    cursor: pointer;
    }
    
.fc-state-default { /* non-theme */
    border-style: solid;
    border-width: 1px 0;
    }
    
.fc-button-inner {
    position: relative;
    float: left;
    overflow: hidden;
    }
    
.fc-state-default .fc-button-inner { /* non-theme */
    border-style: solid;
    border-width: 0 1px;
    }
    
.fc-button-content {
    position: relative;
    float: left;
    height: 1.9em;
    line-height: 1.9em;
    padding: 0 .6em;
    white-space: nowrap;
    }
    
/* icon (for jquery ui) */
    
.fc-button-content .fc-icon-wrap {
    position: relative;
    float: left;
    top: 50%;
    }
    
.fc-button-content .ui-icon {
    position: relative;
    float: left;
    margin-top: -50%;
    *margin-top: 0;
    *top: -50%;
    }
    
/* gloss effect */
    
.fc-state-default .fc-button-effect {
    position: absolute;
    top: 50%;
    left: 0;
    }
    
.fc-state-default .fc-button-effect span {
    position: absolute;
    top: -100px;
    left: 0;
    width: 500px;
    height: 100px;
    border-width: 100px 0 0 1px;
    border-style: solid;
    border-color: #fff;
    background: #444;
    opacity: .09;
    filter: alpha(opacity=9);
    }
    
/* button states (determines colors)  */
    
.fc-state-default,
.fc-state-default .fc-button-inner {
    border-style: solid;
    border-color: #ccc #bbb #aaa;
    background: #F3F3F3;
    color: #000;
    }
    
.fc-state-hover,
.fc-state-hover .fc-button-inner {
    border-color: #999;
    }
    
.fc-state-down,
.fc-state-down .fc-button-inner {
    border-color: #555;
    background: #777;
    }
    
.fc-state-active,
.fc-state-active .fc-button-inner {
    border-color: #555;
    background: #777;
    color: #fff;
    }
    
.fc-state-disabled,
.fc-state-disabled .fc-button-inner {
    color: #999;
    border-color: #ddd;
    }
    
.fc-state-disabled {
    cursor: default;
    }
    
.fc-state-disabled .fc-button-effect {
    display: none;
    }
    
    

/* Global Event Styles
------------------------------------------------------------------------*/
     
.fc-event {
    border-style: solid;
    border-width: 0;
    font-size: .85em;
    cursor: default;
    }
    
a.fc-event,
.fc-event-draggable {
    cursor: pointer;
    }
    
a.fc-event {
    text-decoration: none;
    }
    
.fc-rtl .fc-event {
    text-align: right;
    }
    
.fc-event-skin {
    border-color: #36c;     /* default BORDER color */
    background-color: #36c; /* default BACKGROUND color */
    color: #fff;            /* default TEXT color */
    }
    
.fc-event-inner {
    position: relative;
    width: 100%;
    height: 100%;
    border-style: solid;
    border-width: 0;
    overflow: hidden;
    }
    
.fc-event-time,
.fc-event-title {
    padding: 0 1px;
    }
    
.fc .ui-resizable-handle { /*** TODO: don't use ui-resizable anymore, change class ***/
    display: block;
    position: absolute;
    z-index: 99999;
    overflow: hidden; /* hacky spaces (IE6/7) */
    font-size: 300%;  /* */
    line-height: 50%; /* */
    }
    
    
    
/* Horizontal Events
------------------------------------------------------------------------*/

.fc-event-hori {
    border-width: 1px 0;
    margin-bottom: 1px;
    }
    
/* resizable */
    
.fc-event-hori .ui-resizable-e {
    top: 0           !important; /* importants override pre jquery ui 1.7 styles */
    right: -3px      !important;
    width: 7px       !important;
    height: 100%     !important;
    cursor: e-resize;
    }
    
.fc-event-hori .ui-resizable-w {
    top: 0           !important;
    left: -3px       !important;
    width: 7px       !important;
    height: 100%     !important;
    cursor: w-resize;
    }
    
.fc-event-hori .ui-resizable-handle {
    _padding-bottom: 14px; /* IE6 had 0 height */
    }
    
    
    
/* Fake Rounded Corners (for buttons and events)
------------------------------------------------------------*/
    
.fc-corner-left {
    margin-left: 1px;
    }
    
.fc-corner-left .fc-button-inner,
.fc-corner-left .fc-event-inner {
    margin-left: -1px;
    }
    
.fc-corner-right {
    margin-right: 1px;
    }
    
.fc-corner-right .fc-button-inner,
.fc-corner-right .fc-event-inner {
    margin-right: -1px;
    }
    
.fc-corner-top {
    margin-top: 1px;
    }
    
.fc-corner-top .fc-event-inner {
    margin-top: -1px;
    }
    
.fc-corner-bottom {
    margin-bottom: 1px;
    }
    
.fc-corner-bottom .fc-event-inner {
    margin-bottom: -1px;
    }
    
    
    
/* Fake Rounded Corners SPECIFICALLY FOR EVENTS
-----------------------------------------------------------------*/
    
.fc-corner-left .fc-event-inner {
    border-left-width: 1px;
    }
    
.fc-corner-right .fc-event-inner {
    border-right-width: 1px;
    }
    
.fc-corner-top .fc-event-inner {
    border-top-width: 1px;
    }
    
.fc-corner-bottom .fc-event-inner {
    border-bottom-width: 1px;
    }
    
    
    
/* Reusable Separate-border Table
------------------------------------------------------------*/

table.fc-border-separate {
    border-collapse: separate;
    }
    
.fc-border-separate th,
.fc-border-separate td {
    border-width: 1px 0 0 1px;
    }
    
.fc-border-separate th.fc-last,
.fc-border-separate td.fc-last {
    border-right-width: 1px;
    }
    
.fc-border-separate tr.fc-last th,
.fc-border-separate tr.fc-last td {
    border-bottom-width: 1px;
    }
    
.fc-border-separate tbody tr.fc-first td,
.fc-border-separate tbody tr.fc-first th {
    border-top-width: 0;
    }
    
    

/* Month View, Basic Week View, Basic Day View
------------------------------------------------------------------------*/

.fc-grid th {
    text-align: center;
    padding:0.5em;
    }
    
.fc-grid .fc-day-number {
    float: right;
    padding: 0 2px;
    }
    
.fc-grid .fc-other-month .fc-day-number {
    opacity: 0.3;
    filter: alpha(opacity=30); /* for IE */
    /* opacity with small font can sometimes look too faded
       might want to set the 'color' property instead
       making day-numbers bold also fixes the problem */
    }
    
.fc-grid .fc-day-content {
    clear: both;
    padding: 2px 2px 1px; /* distance between events and day edges */
    }
    
/* event styles */
    
.fc-grid .fc-event-time {
    font-weight: bold;
    }
    
/* right-to-left */
    
.fc-rtl .fc-grid .fc-day-number {
    float: left;
    }
    
.fc-rtl .fc-grid .fc-event-time {
    float: right;
    }
    
    

/* Agenda Week View, Agenda Day View
------------------------------------------------------------------------*/
.fc-agenda table {
    border-collapse: separate;
    }
    
.fc-agenda-days th {
    text-align: center;
    }
    
.fc-agenda .fc-agenda-axis {
    padding: 0 4px;
    vertical-align: middle;
    white-space: nowrap;
    font-weight: normal;
    }
    
.fc-agenda .fc-day-content {
    padding: 2px 2px 1px;
    }
    
/* make axis border take precedence */
    
.fc-agenda-days .fc-agenda-axis {
    border-right-width: 1px;
    }
    
.fc-agenda-days .fc-col0 {
    border-left-width: 0;
    }
    
/* all-day area */
    
.fc-agenda-allday th {
    border-width: 0 1px;
    }
    
.fc-agenda-allday .fc-day-content {
    min-height: 34px; /* TODO: doesnt work well in quirksmode */
    _height: 34px;
    }
    
/* divider (between all-day and slots) */
    
.fc-agenda-divider-inner {
    height: 2px;
    overflow: hidden;
    }
    
.fc-widget-header .fc-agenda-divider-inner {
    background: #eee;
    }
    
/* slot rows */
    
.fc-agenda-slots th {
    border-width: 1px 1px 0;
    }
    
.fc-agenda-slots td {
    border-width: 1px 0 0;
    background: none;
    }
    
.fc-agenda-slots td div {
    height: 20px;
    }
    
.fc-agenda-slots tr.fc-slot0 th,
.fc-agenda-slots tr.fc-slot0 td {
    border-top-width: 0;
    }

.fc-agenda-slots tr.fc-minor th,
.fc-agenda-slots tr.fc-minor td {
    border-top-style: dotted;
    }
    
.fc-agenda-slots tr.fc-minor th.ui-widget-header {
    *border-top-style: solid; /* doesn't work with background in IE6/7 */
    }
    


/* Vertical Events
------------------------------------------------------------------------*/

.fc-event-vert {
    border-width: 0 1px;
    }
    
.fc-event-vert .fc-event-head,
.fc-event-vert .fc-event-content {
    position: relative;
    z-index: 2;
    width: 100%;
    overflow: hidden;
    }
    
.fc-event-vert .fc-event-time {
    white-space: nowrap;
    font-size: 10px;
    }
    
.fc-event-vert .fc-event-bg { /* makes the event lighter w/ a semi-transparent overlay  */
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: .3;
    filter: alpha(opacity=30);
    }
    
.fc .ui-draggable-dragging .fc-event-bg, /* TODO: something nicer like .fc-opacity */
.fc-select-helper .fc-event-bg {
    display: none\9; /* for IE6/7/8. nested opacity filters while dragging don't work */
    }
    
/* resizable */
    
.fc-event-vert .ui-resizable-s {
    bottom: 0        !important; /* importants override pre jquery ui 1.7 styles */
    width: 100%      !important;
    height: 8px      !important;
    overflow: hidden !important;
    line-height: 8px !important;
    font-size: 11px  !important;
    font-family: monospace;
    text-align: center;
    cursor: s-resize;
    }
    
.fc-agenda .ui-resizable-resizing { /* TODO: better selector */
    _overflow: hidden;
    }
    
/* =============================================================================
   non-semantic helper classes
   ========================================================================== */
   
/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* used in some plone-markup*/
.hiddenStructure {
    display: block;
    background: transparent;
    background-image: none; /* safari bug */
    border: none;
    height: 0.1em;
    overflow: hidden;
    padding: 0;
    margin: -0.1em 0 0 -0.1em;
    width: 1px;
    display:none;
}


/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: h5bp.com/q */ 
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.tileItem .visualClear {
display:none;
}
.visualClear {
    clear: both;
}
/* @group Overlay windows */

/* styling for overlays (popups) */

div.overlay {
    width: auto;
    height: auto;
    /* initially overlay is hidden */
    display: none;
    /* some padding to layout nested elements nicely  */
    margin: 1em;
    font-size: 80%;
}

div.overlay-iframe,
div.overlay-ajax {
    width: 60%;
    min-height: 100px;
    z-index: 99; /* overlays should be above everything */
}

div.overlay-iframe {
    height: 60%;
}

/* default close button positioned on upper-left corner */
div.overlaybg div.close,
div.overlay div.close {
    background-image: url(pb_close.png);
    position: absolute;
    left: -14px;
    top: -14px;
    cursor: pointer;
    height: 30px;
    width: 30px;
}

.pb-ajax {
    overflow-y: auto;
}

.pb-ajax, .pb-image, .overlay iframe {
    background-color: #fff;
    border: 1px solid #999;
    white-space: normal;
    box-shadow: 0 0 3em 0.5em #666;
    -moz-box-shadow: 0 0 3em 0.5em #666;
    -webkit-box-shadow: 0 0 3em #666;
}

.pb-ajax > div {
    width: 92%;
    padding: 1em;
}

.pb-ajax .documentActions {display:none}

div.overlay div.close span {
    display: block;
    height: 1px;
    margin: -1px 0 0 -1px;
    overflow: hidden;
    padding: 0;
    width: 1px;
}

div.overlay textarea { width: 100%; }

/* Hide form elements that don't make sense within an overlay. */
div.overlay .link-parent { display: none; }
div.overlay #createGroup legend { display: none; }
div.overlay #createGroup fieldset { border: none; }

/* lets play nice with paragraphs, links, tabbed pages in overlay e.g. when plone.openid is installed */
div.overlay p {
    margin-bottom: 1em;
}
div.overlay label {
    margin-bottom: 0.25em;
}
div.overlay a:hover {
    color: #75ad0a;
}
div.overlay a.selected {
    color: #000000;
}
div.overlay .formTab {
    margin-right:1em;
    font-weight: bold;
}
div.overlay .formTab.lastFormTab {
    margin-right:0em;
}
div.overlay .formControls a {
    display: block;
    margin: 0.75em;
}

/* =============================================================================
   MEDIA QUERIES
   ========================================================================== */
   
/* Disable iOS/WinMobile font size changes */
@media screen and (max-width: 600px),
screen and (max-device-width: 480px) { /*Just iPhone*/
	html {
		-ms-text-size-adjust: none;
		-webkit-text-size-adjust: none;
	}
	.logo {width:auto;margin-left:-6px;}
	ul.nav-listing {
		background:#f3f3f3;
		margin:0 0 1em 0;
	}
	ul.nav-listing a{
		color:#000;
		padding-left:1px;
	}
	ul.nav-listing li{
		background:url("../images/dotted.png") repeat-x bottom left;
	}
	ul.nav-listing li:first-child {
    	border:none;
	}
ul.nav-listing li:hover {
		background:#fafafa;
	}
	#portal-breadcrumbs {
	display:none;
	}
	.article-share ul li img{
    max-width:24px;
	padding-top:10px;}
}

/* =============================================================================
   SIZE: MAX-width: 768px + MIN-width: 1200px
   ========================================================================== */
   /*layouts smaller than 760px and layouts larger than 1200px*/
@media screen and (max-width: 768px), screen and (min-width: 1200px) {
	.article-container {
		margin-bottom: 20px;
	}
}
/* =============================================================================
   SIZE : max-width: 768px
   ========================================================================== */
/*layouts smaller than 760px */  
@media screen and (max-width: 768px) {
	#page {
		position: relative;
		margin: 0 10px;
		width: auto;
	}
	.logo {		
		margin-top:20px;
		}
	.nav{
	float: none;
    font-size:90%;
	}
	.article-container {
		float:left;
	}
	.article-container h2 {
		clear:both;
	}
	.article-container {
		margin: 0 0 30px;
		/*width: auto;*/
	}
	#portal-searchbox,
	.nav{
	    /*width: 36.458%;*/		/* 280px / 768px */ /* breite ist 206px inklusive 12px margin*/
    }
	header .slide,
	.article-container {
	/*	width:63.541%;*/ /*488 / 768 */
	}
	.article-container .main {
		width: auto;
		margin-top: -5px;
	}

    .article-container .main-author span,
    .article-container .main-author p,
    .article-container .article-share {
        background:none;
    }

    .article-container .main-author {
        float:none;
        background:none;
    }
    .article-container .main-author span,
    .article-container .main-author p {
        padding-right:2em;
    }
    .main ol, .main ul .main dl {
        float:left;
	}
    div.newsImageContainer,
	.main-image,
    .article-container .main p img,
	.article-container .main-content img,
	.article-container .main-code img{
	width:100%;
    float:left;
    padding:0 10px 0 0;
	}

    .main blockquote {
    border:0 !important;
    padding:0;
    text-indent:0;
    margin:0;
    }
    pre {
    padding:10px 0;
    clear:left;
    }
    #topline b {
	}
    #footer {
    text-align:center;
    padding-top:5px;
    }
}
/* =============================================================================
   SIZE : max-width: 520px
   ========================================================================== */
/*layouts smaller than520px, iPhone and mobiles*/
@media screen and (max-width: 520px) {
	.slide {
		float: left;
		width: 100%;
	} 
    
	.article-container {
    width:100%;
    /*width:63.541%;*/ /*488 / 768 */
	}
}  
/* =============================================================================
   SIZE : max-width: 480px
   ========================================================================== */
/*layouts smaller than 480px, iPhone and mobiles*/
@media screen and (max-width: 480px) {
	.logo {
		/*width: 42.91%;	*/	/* 206px / 480px */
	}
	header .slide {
		float:left;
	}
    .nav {
    }
}   
/* =============================================================================
   SIZE : max-width: 360px
   ========================================================================== */   
/*layouts smaller than 360px, iPhone and mobiles*/
@media screen and (max-width: 360px) {
	#page {
		margin: 20px 10px;
	}
}
	
/* =============================================================================
   SIZE : min-width: 768px ONLY!
   ========================================================================== */
/*layouts larger than 750px*/
@media screen and (min-width: 768px) {
	#page{
        width:100%;
        margin:0 auto;
     }
    .logo {
		float: left;
		margin:36px 0 0 5px;
		position: relative;
		width: 19.1666%;		/* 184px / 960px */ /* breite ist 206px inklusive 12px margin*/
	}
	header .slide {
		float: right;
		width: 78.5416%;	/* 754 / 960 = 754px Breite des banners */
	}
	.nav{
		float: left;
		clear:left;
        width: 19.1666%;		/* 184px / 960px */ /* breite ist 206px inklusive 12px margin*/
	    margin:0 0 0 5px;
    }
	#portal-searchbox{
		float: left;
	    clear:left;
    	width: 19.1666%;		/* 184px / 960px */ /* breite ist 206px inklusive 12px margin*/
	}
	.LSBox input {
		width:90%;
	}
	input[title] {
    color:transparent;
    }
    .article-container {
		float:right;
		width:78.5416%; /*754 / 960 */
	}
	h1.documentFirstHeading,
    h1.portal-title {
	font-size:1.75em; /* 28 / 16 */
	padding:0;
	}
	.main blockquote {
	font-size: 1.62em !important;
	}
    #parent-fieldname-description,
	.main-description {
    font-size:1.24em;
	}
    div.newsImageContainer,
	.article-container .image-left,
	.article-container .main-image {
		float:left;
		clear:left;
		width:25.7294%;		/* 194 / 754  Abstand 206 inkl 12px*/
	}
    div.newsImageContainer,
	.article-container .main-image {
	padding:0 0.5em 0.5em 0;
    }
	#topline b {
	}
	#footer{
		padding-left:21.233%;}
}
/* =============================================================================
   SIZE : min-width: 1024px
   ========================================================================== */
/*layouts smaller than 1020px*/
@media screen and (max-width: 1024px) {
	.main-author span,
	.main-author p {
	background:none;
	}
	h1.documentFirstHeading,
    h1.portal-title {
    font-size:1.5em;
    }
    h2 {
    font-size:1.25em; /* 20 / 16 */
    }
    h3, h4, h5 {
    font-size:1em; /* 16 / 16 */
    }
	#searchGadget,
    .nav{
	}
    #parent-fieldname-description,
    .main-description,
    .article-share {
    background:none;
    }
    .article-share {
    margin:0 0 0.5em 0;
    }
    pre {
    font-size: 80%;
    line-height: 1em;
    }
}
/* =============================================================================
   SIZE : min-width: 1025px
   ========================================================================== */
/*layouts larger than 1020px*/
@media screen and (min-width: 1025px) {
	h1.documentFirstHeading {
		font-size:2.5em; /* 48 / 16 */
		padding:0 0 0.5em 0 !important;
        margin-bottom:0 !important;
        margin-top:-0.8em !important;
	}

	h1.portal-title {
		font-size:2.5em; /* 48 / 16 */
		padding:0.5em 0 0.2em 0;
	}
	.main blockquote {
        font-size: 1.62em !important;
        font-weight:bold;
        line-height: 1.62em;
    }
    #parent-fieldname-description,
	.main-description {
        font-size: 1.24em;
        line-height: 1.38em;
        margin-left: 0 !important;
        padding:0 0 10px 0;
    }
	#topline b {
	}
	input[title] {
    color:#191919;
    }
}  
/* =============================================================================
   SIZE : min-width: 1200px
   ========================================================================== */
/*layouts larger than 1200px*/
@media screen and (min-width: 1200px) {
	#page {
		/*margin-top: 36px;*/
	}
	.logo {
		margin-top:36px;
	}
	.logo a {
		/*padding: 68px 14.8148% 48px;*/
	}
    .main pre {
        width:70.379%;
    }
    .main pre,
    .template-contact-info .formControls,
    div.listingBar,
    body.template-login_form input.context {
	margin-left:27.3209% !important;
    }
    .visualNoPrint {
    padding:0.5em 0;
    float:left;
    color:#000;
    }
    span.discreet.visualNoPrint {
    margin-left: 0.5%;
    }
    .vcard,
    span.visualNoPrint,
    .below-content-body,
    #jquery-fullcalendar,
    .tileItem .documentByLine,
    .item .documentByLine,
    .item .description,
    #searchform input.searchPage,
    #sendto_form fieldset,
    #mail_password fieldset,
    #login-forgotten-password,
    .formControls input, 
    body.template-author #content-core,
    .template-default_error_message dl,
    .main ol, .main ul, .main dl,
    .article-container h2,
    .article-container h3,
    .article-container h4,
    .article-container h5,
    .field,
    .formControls,
    .docutils,
    .line-block,
    .section,
    .article-container .main p,
    .article-container .main table,
    .article-container p.main-content,
    .article-container .note,
    .figure .image-right,
    .figure:first-of-type .float-left,
    #pfg-fieldwrapper,
    #fg-base-edit .formControls {
        margin-left: 27.3209%;
	}

    .article-container .main td p,
    .article-container .note p,
    #pfg-fieldwrapper .field,
    #pfg-fieldwrapper div,
    #pfg-fieldwrapper p,
    #pfg-fieldwrapper ul,
    #pfg-fieldwrapper ol {
        margin-left: 0;
	}

	.article-container .main table.fc-header,
	.article-container .main table.fc-border-separate {
	margin-left: 0;
	}
    ol.arabic li pre,
    dl.docutils dd pre,
    dl pre, ul li pre,	
    .template-search .searchButton,
    .fc-header-title h2,
    .template-author #content-core h2,
    ol li dl,
    ol li ul,
    ol li p,
    ol.arabic ol,
    ol.arabic li ul,
    ol.arabic p,
    dl dd ol,
    dl dd ul,
    dl dd dl,
    dl dd p,
    dl.docutils dd ul,
    dl.docutils dd table,
    dl.docutils dd p,
    ul li ul,
    ul li ul.simple,
    ul li dl.docutils,
    ul.simple li ul,
    ul li p,
    .main ul li pre,
    .newsImageContainer .discreet,
    body.template-search .discreet,
    #sendto_form .field,
    #mail_password .field,
    #feedback_form,
    #login-forgotten-password p,
    body.template-author #content-core p,
    .section p,
    .section ol,
    .section ul,
    .section h2,
    .section h3,
    .section h4,
    .section h5,
    #portal-sitemap {
        margin-left: 0 !important;
	}
    ol.arabic li pre {
    width:100% !important;
    }
    dl.docutils dd pre,
    dl pre, 
    ul li pre {
    width:100%;
	}
	ul.navTreeLevel2 {margin-left:1em;}
	ul.navTreeLevel3 {margin-left:1.5em;}

    dl.docutils dl {margin-left:1em !important;}

    .article-container #parent-fieldname-description,
    .article-container .main-description,
    .article-container .article-share,
    .article-container .main-author,
    #category {
        float: left;
        clear:both;
        width:25.7294%;			/* 194 / 754  Abstand 206 inkl 12px*/
    }

	.main pre,
    .main blockquote {
        float:none;	
	}

    .eventDetail {
        line-height: 1.62em;
        margin-bottom: 1.62em;
    }

    .eventDetails h2,
    .eventDetails h3 {
        margin: 1.0em 0 0.5em 0;
    }

	#footer{
		position:relative;
		padding-left:42.9166%; /*206+206 / 960 */
		width:57.0833%; /*548 / 960 */}
}
/*layouts larger than 1280px*/
@media screen and (min-width: 1280px) {
	#topline b {
	}
}
.ie .logo,
.ie .logo a {
	zoom: 1;
}

/* layout print */

@media print {
    #portal-searchbox,
    .nav,
    .slide,
    #portal-breadcrumbs,
    .article-share {
    display:none !important;
    }
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }
  a, a:visited {
    color: #444 !important;
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
    content: "";
  }
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  /* css-discuss.incutio.com/wiki/Printing_Tables */
  tr, img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page  {
    margin: 0.5cm;
  }
  .main p, p, p a {
    font-size:80% !important;
    }
  h2, h3 {
    font-size:90% !important;
    }
  p, h2, h3 {
    orphans: 3;
    widows: 3;
  }
  h2, h3 {
    page-break-after: avoid;
  }
 .main-description {
    font-size: 1.24em !important;
    color:black !important;
    float:left !important;
    } 
}