/* 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-pic.jpg");
background-size: cover;
background-color: #0e71b4;
background-attachment: fixed;
}
#wrap {position:relative;width:960px;margin:20px auto 0;backgr ound:#2890CA;text-align:left;o verflow:hidden;
border:8px solid rgba(24,122,187,0.3);
	background-color: #fff;
-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_buergerbegehren.gif") repeat scroll 0 0 padding-box transparent
}

#supersized {position:fixed;top:0px;left:0px;height:100%;width:100%;z-index:-999;overflow:hidden;}


/* =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;}
a.mail:hover, a.mail:focus {}
/* 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,h1,h1,h3,h4,h5 {}
p {margin-bottom:10px;line-height:17px;}
h1 {margin-bottom:15px;font-size:18px;line-height:20px;font-weight:bold;color:#858585;}
h2 {margin:10px 0 10px;font-size:15px;color:#5e5e5e;font-weight:bold;}
h3 {margin:5px 0 10px;font-size:14px;}
h4 {margin:5px 0 10px;font-size:13px;}
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;}
table td {padding:4px 7px 4px 0px;}
/* 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;}


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;
}

/*=HEADER ===========*/
#wrap > header {height:185px;background:#5bafda;}
#logo {position:absolute;top:147px;display:inline-block;width:770px;height:33px;background:url(../Img/logo-text.png) no-repeat;text-indent:-9999px;z-index:5;}
.keyvisual {position:absolute;top:0px;left:0px;z-index:0;}

/* =NAVIGATION ======================== */
nav {display:inline-block;width:200px;padding:30px 0px;float:left;}
nav ul {margin:0px 6px;padding:10px 4px;background:#AADDF0;}
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:#4ba4d1;}
nav li a:hover, nav li a:focus {background:#177ABB;color:#fff;font-weight:bold;}

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

.cur ul {margin:0px;padding:0 0 5px;background:#177ABB;}
.cur ul li a:link, .cur ul li a:visited {width:170px;margin-top:0px;font-size:13px;font-weight:normal;color:#fff;background:#177ABB;}
.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 .last {padding-bottom:5px;}

nav div {padding:0px 10px;}
nav div div {padding:0px;}

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


/* =ASIDE ======================== */
aside {display:inline-block;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 h3 + div {padding:5px 10px;background:#9DD0E8;}

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

#psl-logo {position:absolute;top:0px;right:0px;width:180px;height:170px;background:url("../Img/psl-logo.png") no-repeat scroll 10px 45px #177ABB;border:5px solid #177ABB;}

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

.musthave {display:inline-block;float:left;margin:0px;}
.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 {display:inline-block;float:right;margin-right:0px;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; 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;}
h3.ui-state-active a:hover,h3.ui-state-active a:focus { }

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