/* BASIC STYLESHEET for www.HTML5.com */
/* author: ideenwerft GmbH */
/* author site: www.ideenwerft.com
/* copyright 2013 */
/* version: 0.1 */
/* date: feb 2013 */

/*		FARBEN 
*		gruen: #
*/

/*		CONTENT: 
*		layout
*		basic styles 
*		navigations
*		content elements
*     	other
*     	extensions
*     	jQuery fancybox
*/


 
/* =HTML5 HACK & RESET ======================== */
* {padding:0px;margin:0px;}
header, section, footer, aside, nav, article {display: block;}


/* =LAYOUT ======================== */
body {text-align:center;font-size:13px;font-family:arial,verdana,Sans-Serif;color:#5e5e5e;line-height:16px;background-image:url("../Img/bg.jpg");
	background-size: cover;
	background-color: #0e71b4;
	background-attachment: fixed;
}
#wrap {position:relative;width:960px;margin:20px auto 0;text-align:left;
border:8px solid rgba(24,122,187,0.3);
-moz-background-clip: padding;     /* Firefox 3.6 */
-webkit-background-clip: padding;  /* Safari 4? Chrome 6? */
background-clip: padding-box;      /* Firefox 4, Safari 5, Opera 10, IE 9 */
background:url("../Img/wrap-bg.gif") repeat scroll 0 0 padding-box transparent
}


/* =BASIC STYLES ======================== */
.small {font-size: 0.9em;}
.xsmall {font-size: 0.8em;}
.red, .error {color:#c00;}
.grey {color:#999;}
.clear {clear:both;}
.italic {font-style:italic;}
.hide {display:none;}
.align-center {text-align:center;}
.align-right {text-align:right;}
.align-justify {text-align:justify;}
.align-left {text-align:left;}
.note {font-size:0.9em;font-style:italic;color:#999;}
/* links */
a:link, a:visited {color:#cb241b;text-decoration:none;}
a:hover, a:focus {color:#BE141C;}
:active, :focus {outline:0;}

a.mail:link, a.mail:visited {text-decoration:none;color:#C54652;}
/* skip link - sichtbar beim navigieren per tastatur */
#skip a, #skip a:hover, #skip a:visited {position:absolute;left:0px;top:-500px;width:1px;height:1px;overflow:hidden;}
#skip a:active, #skip a:focus {position:static;width:auto;height:auto;} 
/* anker-tags f�r interne links nach oben setzen*/
a.anchor {position:absolute;margin-top:-35px;}
/* text */
p {margin-bottom:10px;line-height:17px;}
h1 {margin-bottom:15px;font-size:20px;line-height:20px;font-weight:bold;color:#858585;}
h2 {margin:10px 0 10px;font-size:17px;color:#5e5e5e;font-weight:bold;}
h3 {margin:5px 0 10px;font-size:15px;}
h4 {margin:5px 0 10px;font-size:14px;}
h5 {font-size:12px;font-weight:normal;color:#2b2c2c;}
/* other */
ul {list-style:disc;margin:0 0 10px 20px;line-height:1.5em;}
ol {list-style:decimal;margin:0 0 10px 20px;line-height:1.5em;}
#content .csc-textpic-imagewrap ul, #content .csc-textpic-imagewrap ol {margin-left:0px;}
blockquote {padding:15px 40px;}
blockquote p {color:#0061a1;font-size:14px;font-style:italic;}
blockquote cite {color:#888;font-size:12px;font-style:italic;}
table {font-size: 1em;border-collapse:collapse;border-spacing:0;}
table th, table td {vertical-align:top;}
/* achtung: tabellen brauchen weiterhin 'cellspacing="0"' im markup! */
table p {padding:0;margin:0;}
hr, hr.linie-davor,  hr.linie-danach {clear:both;background-color:#adadad;color:#adadad;border:#adadad;height:1px;margin:10px 0;}
address, caption, cite, code, dfn, var {font-style:normal;font-weight:normal;}
caption, th {text-align:left;}
fieldset {border:none;}
input, textarea, select {border:1px solid #ccc;font-size:1em;padding:2px;color:#336699;}
input:focus, textarea:focus {background-color:#f3f3f3;}
.csc-linkToTop {margin:30px 0 20px;}
.csc-linkToTop a:link, .csc-linkToTop a:visited {background:url("file:///Server-Daten/Internet/Vorlagen/Website/fileadmin/layoutHTML5/img/to-top.gif") 0 0 no-repeat;padding:2px 0 0 18px;font-weight:bold;text-decoration:none;}
.csc-linkToTop a:hover, .csc-linkToTop a:focus, .csc-linkToTop a:active {background:url("file:///Server-Daten/Internet/Vorlagen/Website/fileadmin/layoutHTML5/img/to-top.gif") 0 -30px no-repeat;text-decoration:none;}

img {border:0;color:#C00;}
.image-caption {    
	padding-top: 4px;
    font-size: 0.8em;
    color: #666;
	line-height: 1.2em;
}
.ce-border img {
    border: 1px solid #999999;
    padding: 5px 5px;
}

a.button {
	padding: 5px 15px 4px;
    background: #cb241b;
    color: #fff;
    line-height: 1.5em;
    display: inline-block;
}
.date {
    margin: -30px 0 15px;
    float: right;
}

/* CSC STYLED CONTENT WIRD AUTOMATISCH GELADEN 
* ANPASSUNGEN F�R BILDER MIT RAHMEN 
* (border-thickness, border-color, paddin) 
* per TS unter -> common templates -> RTE, CSC, Optimierung !! 
*
*/


/*=HEADER ===========*/
#wrap > header {height:165px;}
#logo {
	position:relative;
	top: 10px;
    left: 0px;
    display: inline-block;
    width: 200px;
    height: 175px;
    background: url(../Img/Logo-weiss.png) no-repeat;
    text-indent: -999px;
    background-size: contain;
}
.keyvisual {position:absolute;top:0px;left:203px;}

/* =NAVIGATION ======================== */
nav {width:200px;padding:30px 0px;float:left;}
nav ul {margin:0px 6px;padding:10px 4px;background:#278DC8;}
nav li {list-style:none;}
nav li a:link, nav li a:visited {display:block;margin-top:2px;padding:3px 0 3px 10px;text-decoration:none;font-size:14px;color:#fff;background:#177ABB;}
nav li a:hover, nav li a:focus {background:#B6DFF0;color:#005477;font-weight:bold;}

.cur {display:block;margin-top:2px;padding:3px 0 3px 10px;text-decoration:none;font-size:14px;font-weight:bold;color:#005477;background:#b6dff0;}
nav li.cur a:link, nav li.cur a:visited {margin:0px;padding:0px;color:#005477;background:#b6dff0;}

.cur ul {margin:0px;padding:0 0 5px;background:#B6DFF0;}
.cur ul li a:link, .cur ul li a:visited {width:170px;margin-top:0px;font-size:13px;font-weight:normal;color:#005477;background:#b6dff0;}
.cur ul li a:hover, .cur ul li a:focus {font-weight:bold;}
.cur ul li.cur {margin:0px;padding:0px;font-size:13px;}

nav li.cur ul li a:link, nav li.cur ul li a:visited {padding-left:0 0 0 10px;}

.cur ul li.cur a {font-weight: bold;}

.cur ul li .last {padding-bottom:5px;}

/* =CONTENT LINKE SPALTE ======================== */
nav .ce-bodytext {color: #fff;padding: 0 10px;}
nav .ce-bodytext a {color: #fff;}

/* =CONTENT ELEMENTS ======================== */
#content {display:inline-block;width:520px;padding:100px 25px 80px;}

/* =ASIDE ======================== */
aside {width:165px;float:right;padding:30px 10px;}
aside h3 {margin:0px;padding:5px 10px;background:#8dc6e3;font-size:14px;font-weight:bold;color:#005892;}

aside a.button:link, aside a.button:visited {padding:3px 10px;font-size:11px;font-weight:bold;text-decoration:none;background:#2385c2;color:#fff;}


#sos {
	position:absolute;
	display: block;
    top: 0px;
    right: 0px;
    width: 187px;
    height: 170px;
	background:url("../Img/psl-logo.png") center center no-repeat scroll  #177ABB;
}

/* =FOOTER ======================== */
footer {width:960px;margin:0 auto;background:transparent;}

.musthave {float:left;margin:10px;}
.musthave ul {margin:0px;}
.musthave li {display:inline-block;margin:0px 4px;}
.musthave li a:link, .musthave li a:visited {font-size:13px;font-weight:normal;text-decoration:none;color:#dfdfdf;}
.musthave li a:hover, .musthave li a:focus {color:#b2ddef;}
.musthave li.cur {display:inline-block;font-size:13px;background:none;}

.copy {float:right;margin:10px;color:#fff;}
.copy a:link, .copy a:visited {color:#fff;text-decoration:none;}
.copy a:hover, .copy a:focus {color:#b2ddef;}

/* =OTHER ======================== */

aside .frame-layout-2 {margin:0 0 40px;padding:0 0px 10px;list-style:none;background:#9dd0e8;}
aside .frame-layout-2 h3 {margin-bottom: 10px;}
aside .frame-layout-2 p {padding: 0 10px;font-size: 0.9em;}



/* =EXTENSIONS ======================== */
/* POWERMAIL */
div.tx-powermail h3 {display:none;}
div.tx-powermail fieldset {margin-bottom:15px;border:none;padding:0;}
div.tx-powermail legend {display: none;}
div.tx-powermail div.powermail_fieldwrap {margin-bottom:10px;clear:both;}
div.tx-powermail label {display:block;width:150px;float:left;font-weight:bold;line-height:30px;}
div.tx-powermail .powermail_fieldwrap_type_check label {
	width: 500px;
}
div.tx-powermail input.powermail_text {width:285px;height:35px;padding:0 7px;}
div.tx-powermail textarea {width: 100%;}
input.powermail_submit {
    background: #336699;
    color: #fff;
    padding: 7px 15px;
    font-size: 1.1em;
    margin-top: 15px;
    border: none;
    font-weight: bold;
}





/* =JQUERY PLUGINS ======================== */
/* accordion */
h3.ui-accordion-header {margin:0 0 2px;padding:5px 15px 4px;background:#ccc;font-size:14px;text-transform:uppercase;font-weight:normal;cursor:pointer;}
h3.ui-accordion-header a:link,h3.ui-accordion-header a:visited { display:block;height:auto;padding:6px 20px 5px 35px; background-position:10px -375px; background-repeat:no-repeat; background-image: url("file:///Server-Daten/Internet/Vorlagen/Website/fileadmin/layoutHTML5/img/icons.png"); text-decoration:none;color:#333;  }
h3.ui-accordion-header a:hover, h3.ui-accordion-header a:focus {background-position:10px -415px;color:#000;outline:0;}
h3.ui-state-active {border:none;background-position:10px -415px;}
h3.ui-state-active a:link,h3.ui-state-active a:visited {background-color:#999; color:#fff;}

div.ui-accordion-content {background:#eaeaea;padding:10px 15px 15px;margin-bottom:2px; overflow:hidden;} 
div.ui-accordion-content p {margin-bottom:7px;}



/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
 * 
 * Version: 1.3.4 (11/11/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('file:///Server-Daten/Internet/Vorlagen/Website/fileadmin/layoutHTML5/img/fancybox.png');
}

#fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1100;
	display: none;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	z-index: 1101;
	outline: none;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #fff;
}

#fancybox-content {
	width: 0;
	height: 0;
	padding: 0;
	outline: none;
	position: relative;
	overflow: hidden;
	z-index: 1102;
	border: 0px solid #fff;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	z-index: 1101;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background:url("http://v02.ideenwerft.com/fileadmin/layout/img/fancy_close.png") repeat scroll -30px 0 transparent;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox-error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 14px;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
}

#fancybox-frame {
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background: transparent url('file:///Server-Daten/Internet/Vorlagen/Website/fileadmin/layoutHTML5/img/blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url('file:///Server-Daten/Internet/Vorlagen/Website/fileadmin/layoutHTML5/img/fancybox.png');
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url('file:///Server-Daten/Internet/Vorlagen/Website/fileadmin/layoutHTML5/img/fancybox.png');
	background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible; /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancybox-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancybox-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('file:///Server-Daten/Internet/Vorlagen/Website/fileadmin/layoutHTML5/img/fancybox-x.png');
}

#fancybox-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('file:///Server-Daten/Internet/Vorlagen/Website/fileadmin/layoutHTML5/img/fancybox.png');
	background-position: -40px -162px;
}

#fancybox-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('file:///Server-Daten/Internet/Vorlagen/Website/fileadmin/layoutHTML5/img/fancybox-y.png');
	background-position: -20px 0px;
}

#fancybox-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url('file:///Server-Daten/Internet/Vorlagen/Website/fileadmin/layoutHTML5/img/fancybox.png');
	background-position: -40px -182px; 
}

#fancybox-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('file:///Server-Daten/Internet/Vorlagen/Website/fileadmin/layoutHTML5/img/fancybox-x.png');
	background-position: 0px -20px;
}

#fancybox-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('file:///Server-Daten/Internet/Vorlagen/Website/fileadmin/layoutHTML5/img/fancybox.png');
	background-position: -40px -142px;
}

#fancybox-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('file:///Server-Daten/Internet/Vorlagen/Website/fileadmin/layoutHTML5/img/fancybox-y.png');
}

#fancybox-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('file:///Server-Daten/Internet/Vorlagen/Website/fileadmin/layoutHTML5/img/fancybox.png');
	background-position: -40px -122px;
}

#fancybox-title {
	font-family: Helvetica;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding-bottom: 10px;
	text-align: center;
	color: #333;
	background: #fff;
	position: relative;
}

.fancybox-title-outside {
	padding-top: 10px;
	color: #fff;
}

.fancybox-title-over {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url('file:///Server-Daten/Internet/Vorlagen/Website/fileadmin/layoutHTML5/img/fancy_title_over.png');
	display: block;
}

.fancybox-title-float {
	position: absolute;
	left: 0;
	bottom: -20px;
	height: 32px;
}

#fancybox-title-float-wrap {
	border: none;
	border-collapse: collapse;
	width: auto;
}

#fancybox-title-float-wrap td {
	border: none;
	white-space: nowrap;
}

#fancybox-title-float-left {
	padding: 0 0 0 15px;
	background: url('file:///Server-Daten/Internet/Vorlagen/Website/fileadmin/layoutHTML5/img/fancybox.png') -40px -90px no-repeat;
}

#fancybox-title-float-main {
	color: #FFF;
	line-height: 29px;
	font-weight: bold;
	padding: 0 0 3px 0;
	background: url('file:///Server-Daten/Internet/Vorlagen/Website/fileadmin/layoutHTML5/img/fancybox-x.png') 0px -40px;
}

#fancybox-title-float-right {
	padding: 0 0 0 15px;
	background: url('file:///Server-Daten/Internet/Vorlagen/Website/fileadmin/layoutHTML5/img/fancybox.png') -55px -90px no-repeat;
}

/* IE6 */

.fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fileadmin/layout/img/fancy_close.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fileadmin/layout/img/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fileadmin/layout/img/fancy_nav_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fileadmin/layout/img/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fileadmin/layout/img/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fileadmin/layout/img/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fileadmin/layout/img/fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
	height: expression(this.parentNode.clientHeight + "px");
}

#fancybox-loading.fancybox-ie6 {
	position: absolute; margin-top: 0;
	top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
}

#fancybox-loading.fancybox-ie6 div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fileadmin/layout/img/fancy_loading.png', sizingMethod='scale'); }

/* IE6, IE7, IE8 */

.fancybox-ie .fancybox-bg { background: transparent !important; }

.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fileadmin/layout/img/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fileadmin/layout/img/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fileadmin/layout/img/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fileadmin/layout/img/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fileadmin/layout/img/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fileadmin/layout/img/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fileadmin/layout/img/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fileadmin/layout/img/fancy_shadow_nw.png', sizingMethod='scale'); }

/* ##### News Extension ##### */
.news {
    margin-bottom: 15px;
}
.csc-textpic-text:first-child {
	margin-bottom: 60px;
}
.csc-textpic-text a.internal-link {
    padding: 5px 15px;
    background: #cb241b;
    color: #fff;
}
.page-navigation {
	overflow: hidden;
}
/*News Listenansicht*/
.news-list-view {
	list-style: none;
	margin: 0;
}
.news .article {
    padding-bottom: 5px;
    margin-bottom: 25px;
    border-bottom: 1px solid #ccc;
}
.news-list-view .news-img-wrap {
    float: right;
    max-width: 250px;
    margin: 0 15px;
	display: none;
}
.news-list-category,
.news-list-view .footer {
	display: none;
}

.news-rss {
    display: none;
}
/*News Detailansicht*/
.news-single h1 {
    margin-top: 15px;
    margin-bottom: 30px;
}
.news-single-date {
	display: block;
    margin: -20px 0 20px;
}
.news-single .teaser-text {
    display: none;
}
.news-single .news-img-wrap {
    margin: 0 15px;
    float: right;
}
.news-single .facebook {
	display: none;
}

.news-single .col-lg-4 {
	width: 220px;
	float:right;
}
.news-single .col-lg-4 img {
	max-width: 200px;
	height: auto;
}