@charset "utf-8";

/* general
-------------------------------------------------------------- */
::selection {
	background: #802; /* Safari, Opera, Chrome */
	color: #fff;
}
::-moz-selection {
	background: #802; /* Firefox */
	color: #fff;
}

/* floats */
.fll { float: left }
.flr { float: right }
 
/* fuer image-replacement */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr }

/* Inhalte verstecken */
.alwaysHidden  { display: none; visibility: hidden }
.hidden,
.js .jsHidden { display: none }

html { background: #e8e8e8 url(../images/paper.jpg) }
body { background: url(../images/splats.png) 50% 0 no-repeat }

hr { border: 0; border-top: 1px solid #ccc }

/* containments
-------------------------------------------------------------- */
.wrap { width: 840px; margin: 0 auto }

.btn {
	display: block;
	margin: 1em 0 0;
	padding: .3em 0;
	font-family: sans-serif;
	font-weight: 700;
	text-align: center;
	text-decoration: none;
	color: #fff;
	background: #802;
	transition: all .5s ease;
	-moz-transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
}
.btn:hover { background: #333; color: #fff }

.content .btn {
	display: inline-block;
	padding: 3px 10px;
	font-weight: 400
}

/* head
-------------------------------------------------------------- */
.head { position: relative; height: 144px }
.branding { margin: 0 }
.branding a {
	position: absolute;
	overflow: visible;
	top: 15px;
	left: -11px;
	/*
	height: 125px;
	width: 380px;
	background: url(../images/visual.png) no-repeat;
	*/
	height: 103px;
	width: 388px;
	background: url(../images/visuals.png) no-repeat;
}
.branding a:after {
	display: block;
	opacity: 1;
	position: absolute;
	z-index: 2;
	top: 2%;
	left: 59%;
	content: ' ';
	height: 35px;
	width: 35px;
	background: url(../images/icons.png) 0 -105px no-repeat;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	-moz-box-shadow: 0 0 3px rgba(0,0,0,.5);
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,.5);
	box-shadow: 0 0 3px rgba(0,0,0,.5);
}
.branding a:hover:after {
	content: 'zur Startseite';
	width: auto;
	padding: 0 10px 0 40px;
	font: italic .9rem/1 Georgia, "Times New Roman", Times, serif;
	text-indent: 0;
	text-shadow: 1px 1px 1px rgba(0,0,0,.3);
	color: #fff;
	background-color: rgba(0,0,0,.4);
	line-height: 35px
}

#access {display: none;}

/* main area
-------------------------------------------------------------- */
.mainContent {
	margin-bottom: 2em;
	background: #fff;
	-moz-box-shadow: 0 0 5px rgba(0,0,0,.5);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,.5);
	box-shadow: 0 0 5px rgba(0,0,0,.5)
}
.content,
.sidebar { float: left; padding: 10px }
.content {
	width: 539px;
	min-height: 500px;
	font: 1em /1.5 Georgia, "Times New Roman", Times, serif;
	border-right: 1px solid #ccc
}
.page-id-17 .content,
.parent-pageid-17 .content { min-height: 900px }
.sidebar { width: 260px}

.showHide { display: none }

/* nav
-------------------------------------------------------------- */
.nav { height: 128px; margin: 0 0 10px; background: url(../images/stripes.gif) repeat }
.nav .page_item {
	float: left;
	height: 123px;
	width: 167px;
	list-style: none;
	background: url(../images/noise.jpg) repeat;
	border-left: 1px solid #555;
}
.nav .first { width: 168px; border: 0 }
.nav a:focus,
.nav a:hover { background: #222; }
.nav a {
	position: relative;
	display: block;
	height: 103px;
	overflow: hidden;
	padding: 10px;
	line-height: 1.2;
	text-decoration: none;
	color: #fff;
	transition: all .5s ease;
	-moz-transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
}
.nav .title { display: block; font-weight: 700 }
.nav .subtitle { position: absolute; top: 55%; display: block; font-size: .8em; color: #bdbdbd }
.nav .current_page_item a { border-bottom: 5px solid #802 }


/* subnav
-------------------------------------------------------------- */
.widget_categories,
.widget_taxonomy_list_widget,
.subNav { margin: 0 0 30px; padding: 0 0 30px; color: #802; border-bottom: 1px solid #ccc }
.subNav li { margin: 0 0 0 15px }
.subNav a:focus,
.subNav a:hover { text-decoration: underline }
.subNav a { text-decoration: none }
.subNav .children { margin: 0; list-style: circle; font-size: .9em }
.subNav .current_page_item { color: #333 }
.subNav .current_page_item > a { font-weight: 700; color: #333 }
.subNav .current_page_item .children { color: #802}

/* toggles
-------------------------------------------------------------- */
.toggle {
	margin-top: .5em;
	padding: .2em .4em;
	text-decoration: none;
	font-size: .8em;
	line-height: 1.5;
	color: #fff;
	background: #bbb;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px
}
a.toggle:hover,
a.toggle:focus,
a.toggle:active { color: #fff }
.showing { background: #333 }

/* sidebar
-------------------------------------------------------------- */
.dynamicSidebar { margin: 0; list-style: none }
.sidebar .widget { margin: 0 0 30px; padding: 0 0 30px; border-bottom: 1px solid #ccc }
.chronikWidget .widgettitle { margin: 0 0 .1em }
.sidebar .teaser {
	margin: 0;
	padding: 10px 10px 1em;
	font: 1.1em/1.3 Georgia, "Times New Roman", Times, serif;
	background: url(../images/splats.png) -12% 0 no-repeat;
	border: 1px solid #ddd;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 0 3px rgba(0,0,0,.5);
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,.5);
	box-shadow: 0 0 3px rgba(0,0,0,.5);
}
.teaser a { display: block }
.sidebar .football { padding-right: 66px; background: url(../images/tease/fussball.gif) 97% -2px no-repeat }
.sidebar .fire { padding-right: 66px; background: url(../images/tease/fire.png) 97% 12px no-repeat }
.sidebar .dayras { padding-right: 70px; background: url(../images/tease/me.png) 97% 10px no-repeat }
.sidebar .law { padding-right: 66px; background: url(../images/tease/law.png) 92% 0px no-repeat }
.sidebar .look { padding-right: 66px; background: url(../images/tease/look.png) 94% 15px no-repeat }
.sidebar .med { padding-right: 80px; background: url(../images/tease/med.png) 95% 32px no-repeat }
.sidebar .nazi { padding-right: 66px; background: url(../images/tease/nazi.png) 93% 18px no-repeat }
.sidebar .wander { padding-right: 66px; background: url(../images/tease/wander.png) 95% 10px no-repeat }
.sidebar .protest { padding-right: 60px; background: url(../images/tease/protest.png) 96% 9px no-repeat }

.teaseLink {
	display: block;
	margin: 0 0 .3em;
	font-weight: 700;
	line-height: 1.3;
	text-decoration: none;
}
.chronik,
.download {
	padding: 0 50px 0 0;
	background: url(../images/icons.png) no-repeat 97% -50px
}
.chronik {
	padding: 5px 30px;
	background-color: #ffc;
	background-position: 85% -140px;
	border: 1px solid #802;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
.chronik strong { display: block; font-size: 1.8em }
.downloadDesc { display: block; font: .8em/1.4 Georgia, "Times New Roman", Times, serif }

.tagList .active { font-weight: 700 }
.tagList .reset { list-style: circle; font-weight: 700 }

.sidebar .toggle { float: right; margin: -2.6em 0 }

/* page spec
-------------------------------------------------------------- */
.content h2 { font-size: 1.3em }
.content h3 { font-size: 1.2em }
.content h1,
.content .mainTitle { margin-bottom: 1em; font-size: 1.5em; line-height: 1.3 }

.content p { text-align: justify }
.lastEdit { display: block; clear: both }

/* search spec
-------------------------------------------------------------- */
.search-results .postContent { margin: 0 0 1em; padding: 0 0 1em; border-bottom: 1px solid #ccc}
.search-results .postContent p { margin: 0 }

/* chronik (post) spec
-------------------------------------------------------------- */
.post .headline { margin: 0; font-weight: 700 }
.post { margin: 0 0 1em }
.postMeta { margin: 0 0 .5em; list-style: none; font-size: .9em; line-height: 2em }
.postMeta .fll { margin: 0 .5em 0 0; padding: 0 .2em }
.postMeta .category { font-size: .8em }
.archive .post,
.index .post { border-bottom: 1px solid #ccc }

.widget_categories ul ul,
.widget_taxonomy_list_widget ul ul { list-style: circle; font-size: .9em }
.dynamicSidebar .widgettitle { color: #444 }
.dynamicSidebar select {
	width: 80%;
	padding: .3em;
	border: 1px solid #aaa;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px
}

/* images
-------------------------------------------------------------- */
.wp-caption {
	margin: 10px;
	padding: .4em 0 0 0;
	text-align: center;
	background: #fff;
	border: 1px solid #ddd;
	border-bottom: 2px solid #800;
}
.wp-caption a {display: block;}
.wp-caption a:hover,
.wp-caption a:focus {background: none;}
.wp-caption p.wp-caption-text {margin: .3em .4em .5em;}
.wp-smiley {margin: 0 .3em}

.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

embed,
object { max-width: 100%;}


/* pagebar
-------------------------------------------------------------- */
.paging {
	position: relative;
	margin: 1em 0 .5em;
	text-align: center;
	list-style: none;
}
.paging li {
	display: inline;
	text-align: center;
}
.paging li.pages {margin: 0 .3em;}
.paging li.prev,
.paging li.next {position: absolute}
.paging li.prev {left: 0}
.paging li.next {right: 0}

.paging a,
.paging a.active {
	padding: .3em .5em;
	border: 1px solid #ccc;
	background: #fff;
	color: #333;
	text-decoration: none;
}

.paging a:focus,
.paging a:hover {
	background: #eee;
	color: #444;
}
.paging a.active {
	padding: .3em .5em;
	border: 0;
	background: #800;
	color: #fff;
	font-weight: 800;	
}

/* search
-------------------------------------------------------------- */
#s {
	position: absolute;
	top: 7em;
	right: 0;
	width: 11em;
	padding: .3em .3em .3em 25px;
	color: #fff;
	border: 0;
	background: #333 url('../images/search.png') 4px 4px no-repeat;
	background-color: rgba(0,0,0,.4);
	box-shadow: 0 1px 0 rgba(255,255,255,.3), 0 1px 5px rgba(0,0,0,.3) inset;
	border-radius: 5px;
}
span.search-terms { 
	background: #ff0;
	font-weight: 700;
}

/* LightBox
-------------------------------------------------------------- */
#LB_overlay {
	position: absolute;
	position: fixed;
	top: 0;
	left: 0;
	background-color: #000;
	width: 100%;
	height: 100%;
	z-index: 998;
	display: none;
}
#LB_lightbox {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999;
	width: 100%;
	text-align: center;
	display: none;
}
#LB_lightbox a {
	position: absolute;
	top: 5px;
	width: 20px;
	height: 20px;
	overflow: hidden;
	text-indent: -999em;
	color: #fff;
	background: #fff url("../images/close.png") no-repeat 1px 2px;
	border-radius: 0 5px 5px 0;
	-moz-border-radius: 0 5px 5px 0;
	-webkit-border-radius: 0 5px 5px 0;
}
#LB_lightbox img {
	border: 10px solid #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 0 5px rgba(0,0,0,0.5);
}

/* foot
-------------------------------------------------------------- */
.foot {
	clear: both;
	position:relative;
	padding:.7em 1em;
	font: italic .7em/1.5 Georgia, "Times New Roman", Times, serif;
	text-align: right;
	color: #ccc;
	background: #444 url(../images/noise.jpg) repeat;
}
.foot p {margin:0;}
.imprint:focus,
.imprint:hover { color: #ccc; text-decoration: underline }
.imprint { color: #ccc; text-decoration: none }

.foot .goTop {
	position: absolute;
	right: 263px;
	top: -17px;
	height: 35px;
	width: 35px;
	background: url(../images/icons.png)
}


/* media queries
-------------------------------------------------------------- */

@media 
only screen and (max-device-width: 870px) and (min-device-width: 580px),
only screen and (max-width: 870px) and (min-width: 580px) {
	/* Small Screen styles go here */
	.head,
	.mainContent { width: auto }
	#s { right: .5em }

	.nav { height: auto; font-size: .8em }
	.nav .page_item { width: 20%; height: auto; margin: 0 0 0 -1px }
	.nav .first { margin: 0 }
	.nav a { height: 3em; padding: 7px }
	.nav .title { display: block }
	.nav .subtitle { display: none }
	
	.content { width: auto; min-height: 100px }

	#sidebar { float: none; width: auto }
	#sidebar .subNav { float: left; width: 50%; border: 0 }
	#sidebar .subNav li { margin-right: 5px }
	#sidebar .dynamicSidebar { float: right; width: 50%}
	
	.foot .goTop { right: 48% }
}

@media 
only screen and (max-device-width: 580px),
only screen and (max-width: 580px) {
	/* Mobile styles go here */
	.head,
	.mainContent { width: auto }
	.head { height: 130px; margin: 1.2em 0 0 }
	#s { right: .5em; top: -1.2em }
	.branding a { width: 100%; left: 0;}

	.nav { height: auto }
	.nav .page_item { width: 100%; height: auto; border: 0 }
	.nav a { height: auto; padding: 10px }
	.nav .title { display: block }
	.nav .subtitle { display: none }
	.nav .current_page_item a { background: #802 }

	.content,
	#sidebar { float: none; width: auto }
	.content { min-height: 100px }

	#sidebar .subNav { width: auto }
	
	.foot .goTop { right: 45% }
}

@media 
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
	body {font-size: 1.1em;}
}