/*
Theme Name: PiratenSachsenTheme
Theme URI: http://www.piraten-sachsen.de/theme
Description: This theme is made for the pirate party saxony. The whole Template, Design and it containing files are licencend under CC-BY-SA
Author: Thomas
Author URI: http://twitter.com/dasllama
Version: 0.9-mod-jan
Tags: orange, multiple sidebars, cms, widgets
*/

/*! normalize.css v2.1.2 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a{background:transparent}a:focus{outline:thin dotted}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}


/*
 *	== Layout ==
 */

body {
	position: relative;
}

div#bgstripe {
	top: 0px;
	width: 100%;
	height: 610px;
	position: fixed;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
	/* Polyfill for IE */
	-ms-behavior: url('js/backgroundsize.min.htc');
	z-index: -99;
	/* Force mobile webkit into hardware accelerated mode */
    -webkit-transform: preserve-3d;
    -webkit-transform: translate(x,y) translateZ(0);
}

div#bgstripe:after {
    content: " ";
    display: block;
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
}

div#wrapper {
	z-index: 1; 
	width: 1000px;
	margin: 0 auto;
	position: relative;
}

div#header {
	height: 90px;
	margin-right: 8px;
	position: relative;
	left: 4px;
}

div#banner {
	float: right;
	position: relative;
	top: 28px;
	border: 0;
}

div#logo h1 {
	height: 90px;
	width: 230px;
	margin: 0 0 0 38px;
	color: transparent;
}

a.headerimage {
	display: block;
	position: absolute;
	height: 281px;
}

div#wrapper div#stripe {
	height: 281px;
	position: relative;
	overflow: hidden;
	width: 1000px;
	margin-top: 10px;
	z-index: 1;
}

/* little hack to allow menu items to be in front of stripe shadow (onhover and when active) */
div#wrapper div#stripe:after {
    content: " ";
    display: block;
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
    z-index: -999;
    border-radius: inherit;
}

div#wrapper div#stripe div#picture {
	float: left;
	margin: 25px 0 0 25px;
}

div#wrapper div#stripe div#breadcrumb {
	float: left;
	margin: 16px 0 0 25px;
}

div#search {
/*	margin: 11px 35px 0 0; */
	position: absolute;
	right: 0;
	bottom: 0;
}

div#search input.text {
	border: 0;
	padding: 3px .75em;
	width: 202px;
	height: 23px;
}

div#search input.submit {
	border: 0;
	padding: 3px;
	width: 130px;
	height: 29px;
}

div.content {
	margin-top: 15px;
}

div#footer {
	margin: 0 auto 1.5em;
}

div#footer div#left {
	float: left;
}

div#footer div#right {
	float: right;
}

div#topmenu {
	height: 52px;
	margin: 0 0 20px 0;
}

div#topmenu div#menu {
	float: left;
	margin: 0 0 0 31px;
}

div#topmenu div#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

div#topmenu div#menu ul li {
	margin: 0 8px 0 0;
	float: left;
	z-index: 0;
	position: relative;
}

div#topmenu div#menu ul li.current-item,
div#topmenu div#menu ul li:hover {
    z-index: 1;
}

div#topmenu div#menu ul li a {
	margin: 0;
	float: left;
	display: block;
	padding: 7px 12px 5px;
}

div#topmenu div#menu ul li a:after {
    content: " ";
    display: block;
    position: absolute;
    top: 5px; right: 0; bottom: 0; left: 0;
    z-index: -999;
    border-radius: inherit;
}

div#topmenu div#menu ul li a:hover,
div#topmenu div#menu ul li.current-item a {
    z-index: 99;
}

div#topmenu div#menu ul li a.home span img {
	width: 37px;
	height: 31px;
}

div.content {
	float: left;
}

div.content.home {
	/*width: 655px;*/
	width: 350px;
	margin: 0 21px 0 0;
}

div.content.normal {
	width: 603px;
	margin: 0 17px 0 0;
}

div.content.verteiler {
	width: 750px;
	margin: 0 0 0 2px;
}

div.sidebar {
	float: left;
	width: 181px;
}

div.sidebar.left {
	margin: 0 17px 0 0;
}

div.sidebar.right {
	margin: 0;
}

div.sidebar.right .textwidget > a > img {
	display: inline;
}

div.sidebar.home {
    /*width: 324px;*/
	width: 250px;
}

div.content div.box {
	padding: 1em 1.5em;
	margin-bottom: .4em;
}

div.sidebar div.box {
	padding: 10px 15px;
	margin-bottom: 15px;
}

.clear {
	clear: both;
}

ul#submenu {
	margin: 0 -5px;
	padding: 0;
}

ul#submenu li {
	padding: 0;
	list-style: none;
}

ul#submenu > li ul {
	display: none;
}

ul#submenu li a {
	display: block;
	padding: 0.3em 5px;
}

ul#submenu li.current_page_item > ul,
ul#submenu > li.current_page_parent > ul {
	display: block;
	padding-left: .75em;
}

/*ul#submenu li.current_page_item > a,
ul#submenu li.current-cat a {
	padding: 3px 0 1px 5px;
}*/

h1.top {
	margin: 0 -19px 16px;
	display: block;
	padding: .35em 20px;
}


div.box:before,
h1.top:before {
  content: "";
  display: table;
  clear: both;
}

div#nav-under {
	margin: 0;
	padding: 0 10px;
}

div#nav-under div.nav-previous {
	float: left;
}

div#nav-under div.nav-next {
	float: right;
	margin: 0 20px 0 0;
}

.content img {
	margin: 0;
	height: auto;
	max-width: 640px;
	width: auto;
}
.content .attachment img {
	max-width: 900px;
}
.content .alignleft,
.content img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
.content .alignright,
.content img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
.content .aligncenter,
.content img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.content img.alignleft,
.content img.alignright,
.content img.aligncenter {
	margin-bottom: 12px;
}
.content .wp-caption img {
	margin: 5px 5px 0;
}
.content .wp-smiley {
	margin: 0;
}
.content .gallery {
	margin: 0 auto 18px;
}
.content .gallery .gallery-item {
	float: left;
	margin-top: 0;
	width: 33%;
}
.content .gallery dl {
	margin: 0;
}
.content .gallery br+br {
	display: none;
}
.content .attachment img { /* single attachment images should be centered */
	display: block;
	margin: 0 auto;
}

form#commentform > p {
    clear: both;
}

p.comment-form-use-gravatar {
    margin-left: 85px;
}

p.comment-form-use-gravatar input {
    float: left;
    margin: .75em 0;
}

p.comment-form-use-gravatar label {
    display: inline;
    width: auto !important;
}

#si_refresh_com {
	float: left;
}

.jp-audio-container {
	clear: both;
}

#jquery_jplayer_0 ~ a {
	display: inline !important;
}



/*
 * == Appearance & Typography ==
 */

h1 {
	margin: 0 0 .5em;
	font-size: 16pt;
	line-height: 1.2;
	color: #f80;
}

h2 {
	margin: 5px 0;
	font-size: 15px;
}

h3 {
	margin: 5px 0;
	font-size: 14px;
}

h4 {
	margin: 5px 0;
	font-size: 13px;
}

h5, h6 {
	margin: 5px 0;
	font-size: 12px;
}

div.content {
	font-size: 11pt;
	margin: .5em 0;
}

hr {
	clear: both;
	margin: .75em 0;
}

h1.top {
	color: #fff;
	font-size: 1em;
	font-weight: bold;
	background: transparent url(images/header-gradient.png) repeat-x bottom;
	background-size: 1px 200%;
	box-shadow: 1px 1px 5px rgba(0,0,0,.25);
	text-align: center;
}
h1.top.topmain {
    font-size: 1.1em;
	margin: 0 -27px 24px;
}

ul {
	list-style-image: url(images/bullet.png);
}

blockquote {
	color: #555;
	margin: .25em 0;
	padding: .5em 1em .5em 1em;
	/* background: #fff url(images/quote.png) no-repeat scroll 0 -10px; */
	position: relative;
	z-index: 0;
}

blockquote:before,
blockquote:after {
	display: block;
	position: absolute;
	color: #e9e9e9;
	font-size: 195pt;
	z-index: -1;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	line-height: 0;
}

blockquote:before {
	content: "\201E";
	top: -0.175em;
	left: -.04em;
}

blockquote:after {
	content: "\201C";
	bottom: -0.03em;
	right: 0;
}

a {
	color: #ff8800;
	text-decoration: none;
}

a:hover {
	color: #ffc37f;
	text-decoration: none;
}

hr {
	border: none;
	border-bottom: 1px solid #ff8800;
}

/* dl {
	margin: 0;
	padding: 0;
	clear: both;
} */

dt {
	float: left;
	width: 165px;
	font-weight: bold;
	margin: 0 10px 3px 0;
}

dt.last {
	margin: 0 10px 0px 0;
}

dd {
	margin: 0;
	float: left;
}

.even {
	background: #f7f7f7;
}

body {
	color: #000;
	font-size: 10pt;
	line-height: 1.45;
	font-family: Arial, Verdana, sans-serif;
	background: #f9f9f9 url(images/body-background.png) repeat scroll 0 0;
}

div#logo a {
	float: left;
/*	background: #f9f9f9 url(images/header.png) no-repeat scroll -33px 0; */
    background: url(/files/2014/05/logo-relaunch-sv-bs.png) no-repeat 0 0;
    background-size: 330px;
	height: 100px;
	width: 101px;
	border-radius: 50%;
	position: absolute;
	top: 15px;
	z-index: 99;
	box-shadow: 2px 2px 10px rgba(0,0,0,.3);
}

div#logo a:after {
    content: " ";
    background: inherit;
    background-position: 130% 0;
    background-size: inherit;
    position: absolute;
    width: 250px;
    height: 100%;
    top: 0;
    left: 110px;
}

div#bgstripe {
	background-color: #589db7;
	background-image: url(images/special-1-bg-blue.jpg);
	background-repeat: repeat-x;
	background-position: 0 57%;
}

div#bgstripe:after {
    background: -webkit-linear-gradient(top, rgba(250,250,250,0) 50%, rgba(250,250,250,.15) 60%, rgba(250,250,250,.4) 70%, rgba(250,250,250,1) 100%);
    background: -moz-linear-gradient(top, rgba(250,250,250,0) 50%, rgba(250,250,250,.15) 60%, rgba(250,250,250,.4) 70%, rgba(250,250,250,1) 100%);
    background: -ms-linear-gradient(top, rgba(250,250,250,0) 50%, rgba(250,250,250,.15) 60%, rgba(250,250,250,.4) 70%, rgba(250,250,250,1) 100%);
    background: linear-gradient(top, rgba(250,250,250,0) 50%, rgba(250,250,250,.15) 60%, rgba(250,250,250,.4) 70%, rgba(250,250,250,1) 100%);
}

div#wrapper div#stripe {
	background: #ff9900 url(/files/2014/05/special-1-bg-orange_crop.jpg) no-repeat scroll -4px 0;
	border-radius: 2px;
}

div#wrapper div#stripe:after {
    box-shadow: 1px 2px 10px rgba(0,0,0,.2);
}

div#wrapper div#stripe div#breadcrumb {
	color: #fff;
}

div#wrapper div#stripe div#breadcrumb a {
	color: #fff;
	text-decoration: underline;
}

div#wrapper div#stripe div#breadcrumb a:hover {
	color: #fff;
	text-decoration: none;
}

div#search {
	color: #fff;
}

div#search input.text {
	color: #939393;
	box-shadow: inset 0 0 5px rgba(0,0,0,.3);
	border-radius: 4px;
}

div#search input.submit {
	color: #666;
	background: transparent url(images/input-search-submit-inactive.png) no-repeat scroll 0 0;
	border-radius: 4px;
}

div#search input.submit:hover,
div#search input.submit:active {
    background-image: url(images/input-search-submit.png);
}

div#search input.submit:active {
    box-shadow: inset 0 0 6px rgba(0,0,0,.4);
}

div#topmenu div#menu ul li a {
	background: white;
	text-decoration: none;
	font-weight: bold;
	border-radius: 0 0 5px 5px;
}

div#topmenu div#menu ul li a:after {
    box-shadow: 1px 2px 10px rgba(0,0,0,.2);
}

div#topmenu div#menu ul li a {
	color: #444;
}

div#topmenu div#menu ul li a em {
	color: #999;
	font-style: normal;
	font-weight: normal;
}

div#topmenu div#menu ul li a:hover,
div#topmenu div#menu ul li.current-item a {
	color: #fff;
	text-decoration:none;
	background: transparent url(images/header-gradient.png) repeat-x top;
	background-size: 1px 200%;
}

div#topmenu div#menu ul li.current-item a em,
div#topmenu div#menu ul li a:hover em {
	color: #fff1df;
	font-style: normal;
}

div#topmenu div#menu ul li a.home span {
	background: url("images/topmenu-home-inactive.png") no-repeat -17px -6px;
	display: block;
}

div#topmenu div#menu ul li a.home:hover span {
	background: url("images/topmenu-home-active.png") no-repeat -17px -6px;
}

div#topmenu div#menu ul li.current-item a.home span {
	background: url("images/topmenu-home-active.png") no-repeat -17px -6px;
}

div#footer {
	color: #939393;
	margin: 0 auto 1.5em;
	text-transform: uppercase;
}

div#footer a {
	color: #666;
	text-decoration: none;
	border-bottom: 1px dotted #666;
}

div#footer a:hover {
	color: #939393;
	border-bottom: 0;
}

div.sidebar {
    font-size: 9.5pt;
}

ul#submenu li {
    line-height: 1.2;
}

ul#submenu li a:hover {
	color: #000;
	background: #F7E1C2;
	margin: 0px -12px 0px;
	padding-left: 17px;
}

ul#submenu li.current_page_item > a,
ul#submenu li.current-cat a {
	color: #fff;
	font-weight: bold;
	background: #ffc37f;
	margin: 0px -12px 0px;
	padding-left: 16px;
}

ul#submenu li.current-item a:hover,
ul#submenu li.current-cat a:hover {
	color: #fff;
}

div.box {
	box-shadow: 1px 3px 8px rgba(0,0,0,.25);
	background: #fff;
	border-radius: 2px;
}

.content .wp-caption {
	background: #f1f1f1;
	line-height: 18px;
	margin-bottom: 20px;
	padding: 4px;
	text-align: center;
}
.content .wp-caption p.wp-caption-text {
	color: #888;
	font-size: 12px;
	margin: 5px;
}
.content .wp-smiley {
	margin: 0;
}
.content .gallery {
	margin: 0 auto 18px;
}
.content .gallery .gallery-item {
	margin-top: 0;
	text-align: center;
}
.content .gallery img {
	border: 2px solid #cfcfcf;
}
.content .gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
}


/* === Kommentare === */

label {
	float: left;
	width: 75px;
	font-weight: bold;
	text-align: right;
	padding: 7px 10px 0 0;
}

textarea.text {
	border: 1px solid #CCC;
	padding: 3px;
	width: 417px;
	height: 208px;
	box-shadow: inset 0 0 5px rgba(0,0,0,.15);
/*	background: #fff url(images/input-comment-textarea.png) no-repeat scroll 0 0; */
}

input.text {
	border: 1px solid #CCC;
	padding: 3px;
	height: 23px;
	width: 202px;
	box-shadow: inset 0 0 5px rgba(0,0,0,.15);
/*	background: #fff url(images/input-comment-text.png) no-repeat scroll 0 0; */
}

input.comment-submit {
	border: 1px solid #CCC;
	padding: 0;
	height: 29px;
	width: 130px;
	float: right;
	margin: 43px 17px 5px 0;
	background: #fff url(images/input-comment-submit.png) no-repeat scroll 0 0;
}

div#comment {
	margin: 0;
	padding: 5px;
	list-style: none;
}

div#comment div#avatar {
	float: left;
	width: 80px;
}

div#comment div#post {
	float: left;
	width: 425px;
}

p.comment-form-use-gravatar label {
    text-align: left;
}




/* ---------  Social Share Privacy Plugin ------ */

ul.social_share_privacy_area {
	list-style-image: none;
}



/* ---------  Anmerkungen für Protokolle ------ */

div[id^=liveblog] ins {
	background: #FFEECC;
	display: block;
	margin: 0 -7px;
	padding: 5px 7px;
	text-decoration: none;
}
div[id^=liveblog] ins:before {
	content: "Anmerkung";
	display: block;
	font-weight: bold;
}

/* ---------  Kalender Startseite ------ */

ul.aec-eventlist {
	padding: 0;
}




/* Startseite */

div#wrapper div#stripe div#welcome {
	float: left;
	color: #fff;
	width: 260px;
	margin: 30px 0px 0px 40px;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1.3;

}
div#wrapper div#stripe div#welcome h1 {
    position: relative;
    left: -.5em;
    z-index: 2;
    font-size: 1.2em;
    background: transparent;
    background: rgba(255,255,255,0);
    padding: .25em .75em .25em .75em;
    display: block;
    float: left;
    color: white;
}

div#wrapper div#stripe div#welcome h1:after {
    content: " ";
    background: black;
    height: 100%;
    width: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    -webkit-transform: skewX(2deg) skewY(-.25deg);
    -moz-transform: skewX(2deg) skewY(-.25deg);
    -ms-transform: skewX(2deg) skewY(-.25deg);
    -o-transform: skewX(2deg) skewY(-.25deg);
    transform: skewX(2deg) skewY(-.25deg);
}


div#welcome p {
	margin: 5px 0 10px;
	text-shadow: 1px 1px 6px rgba(0,0,0,0.4);
	clear: both;
}

div.content.home .wp-post-image {
	max-width: 200px;
	max-height: 180px;
}

div.content.home hr {
	margin: 2em 0;
}



/*
 * == Deprecated? ==
 */


/* div#topmenu div#towns-inactive {
	z-index: 50;
	height: 20px;
	width: 175px;
	float: right;
	cursor: pointer;
	position:relative;
	margin: 20px 35px 0 0;
	background: url("images/topmenu-town-inactive.png") no-repeat right top;
}

div#topmenu div#towns-active span, div#topmenu div#towns-inactive span {
	display: block;
	padding: 2px 0 0 4px;
}

div#topmenu div#towns-active {
	width: 175px;
	position: absolute;
	margin: 20px 0 0 798px;
	background: url("images/topmenu-town-active-background.png") repeat-y right top;
}

div#topmenu div#towns-active div#top {
	height: 20px;
	width: 175px;
	float: right;
	background: url("images/topmenu-town-active.png") no-repeat right top;
}

div#topmenu div#towns-active ul, div#topmenu div#towns-active li {
	margin: 0;
	padding: 0;
	list-style: none;
}

div#topmenu div#towns-active ul {
	margin: 22px 0 2px 0;
}

div#topmenu div#towns-active ul li a {
	color: #000;
	display: block;
	padding: 3px 0 1px 5px;
	text-decoration: none;
}

div#topmenu div#towns-active ul li a:hover {
	color: #fff;
	background: #ffcc88;
}

div#topmenu div#towns-active div#bottom {
	margin: 0;
	height: 20px;
	width: 175px;
	float: right;
	cursor: pointer;
	background: url("images/topmenu-town-active-bottom.png") no-repeat right top;
}

div#topmenu div#towns-active div#bottom span {
	font-size: 9px;
	padding: 5px 0 0 5px;
} */



/* 
a.btnTwitter {
	padding: 0;
	float: left;
	width: 125px;
	height: 47px;
	margin: 0 15px 0 0;
	background: url("elements/networks.png") no-repeat scroll -375px 0;
}

a.btnTwitter:hover {
	background: url("elements/networks.png") no-repeat scroll -375px -47px;
}

a.btnFacebook {
	padding: 0;
	float: left;
	width: 125px;
	height: 47px;
	margin: 0 15px 0 0;
	background: url("elements/networks.png") no-repeat scroll 0 0;
}

a.btnFacebook:hover {
	background: url("elements/networks.png") no-repeat scroll 0 -47px;
}

a.btnXing {
	padding: 0;
	float: left;
	width: 125px;
	height: 47px;
	margin: 0 5px 0 0;
	background: url("elements/networks.png") no-repeat scroll -250px 0;
}

a.btnXing:hover {
	background: url("elements/networks.png") no-repeat scroll -250px -47px;
}

a.btnStudivz {
	padding: 0;
	float: left;
	width: 125px;
	height: 47px;
	margin: 0 5px 0 0;
	background: url("elements/networks.png") no-repeat scroll -125px 0;
}

a.btnStudivz:hover {
	background: url("elements/networks.png") no-repeat scroll -125px -47px;
} */