@charset "UTF-8";

/**
*
* Zentrales Stylesheet
*
* @copyright       Copyright 2009, Christoph Gahmann
* @link            http://www.subzone.org
* @package         subzone
* @version         1.0
*/

@media all
{
	img, a img { border: 0 none; max-width: 100%; height: auto }
	.clear-block:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }
	.clear { clear: both }
}
@media screen, projection
{
	html,body,fieldset,form,label,legend,h1,h2,h3,h4,h5,h6,input,dl,dd,dt,ol,ul,li,table,caption,tbody,tfoot,thead,tr,th,td,p { margin: 0; padding: 0; border: 0 none }
	html { height: 100%; font-size: 100%; -webkit-text-size-adjust: none; -webkit-font-smoothing: antialiased }
	body { font: 100%/1.6 Verdana, "Bitstream Vera Sans", "DejaVu Sans", "Liberation Sans", Geneva, sans-serif; color: #303E3F; background: #C4E2EC url(bg.png) no-repeat fixed top left }
	h1, h2 { font: 400 3em/1.2 "Century Gothic", "Avant Garde", Futura, Helvetica; padding-bottom: .4em; color: #f90 }
	h2.title { font-size: 3em }
	h2 { font-size: 2em }
	h3 { font-size: 1em; font-weight: 700 }
	h4, h5, h6 { font-weight: 700; margin: 0; padding-bottom: .4em }
	h1 a, h2 a, h3 a { text-decoration: none !important; font-weight: 400 !important }
	ul, li { list-style-type: none }
	a { text-decoration: underline; outline: none }
	a, a:link, a:visited, a:hover, a:active { color: #025D8C; font-weight: 700 }
	textarea, img { outline: none }
	p, ul { margin: 0 0 1em }
	table { width: 100%; border-collapse: collapse; border-spacing: 0 }
	td, th { padding: .3em 1em .3em 0 }
	table, td, th { vertical-align: top; text-align: left }
	.wrap { width: 960px; padding: 0 0 20px; background: #fff }
	#content { padding: 0 20px; font-size: 0.8em }
	#header { background: url(header2.jpg) no-repeat; height: 325px; margin: 0 0 1em }
	#logo { background: #025D8C url(logo.png) no-repeat; height: 100px; width: 960px; border-bottom: 1px solid #fff }
	#logo img { height: 100px; width: 960px }
	#logo h1 { font-size: 0; left: -2000px; position: absolute }
	#navi { background: #F60; border-bottom: 1px solid #fff; font-size: 0.8em }
	#navi ul { padding: 0; margin: 0 }
	#navi li { float: left; border-right: 1px solid #fff; height: 42px; display: inline }
	#navi a { float: left; display: block; line-height: 12px; text-decoration: none; font-weight: 700; color: #fff; padding: 15px 10px; height: 12px }
	#navi a:hover, #navi .current_page_item a { background: #FFA800 }
	#navi .page-item-123 { border: 0 none }
	a.post-edit-link { font-weight: 700; text-decoration: underline; color: #f90 !important }
	.news { float: left; width: 250px; border: 1px dashed #B2B2B2; margin: 0 20px 0 0; padding: 10px }
	.news .headline { text-align: center; font-weight: 700; font-size: 1.2em; color: #f90 }
	.iright { clear: right; float: right; margin: 0 0 10px 10px }
	a.pol img { float: left; margin: 30px 40px 0 20px; padding: 10px 10px 25px; position: relative; z-index: 2; -webkit-box-shadow: 2px 3px 10px #9C9C9D; -moz-box-shadow: 0 2px 15px #333; -webkit-transform: rotate(-6deg); -moz-transform: rotate(-6deg) }
}
/* iPad */
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-device-width: 768px) and (max-device-width: 1024px)
{
	.wrap, #logo, #logo img { width: 100% }
	#header, #logo h1 { display: none }
	#navi { margin: 0 0 1em }
	h1, h2, h2.title { font-size: 1.5em }
}
/* Intermediate Devices. Perhaps high-res phones. */
@media only screen and (min-width: 481px) and (max-width: 767px), only screen and (min-device-width: 481px) and (max-device-width: 767px)
{
	body { background: none; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif }
	.wrap, #logo, #logo img { width: 100% }
	#header, #logo h1 { display: none }
	#navi { margin: 0 0 1em }
	#navi li { float: none; display: block; height: auto; border: 1px solid #fff; border-width: 0 0 1px }
	#navi a { float: none; padding: 10px }
	h1, h2, h2.title { font-size: 1.5em; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: normal }
	#content { padding: 0 15px; overflow: hidden }
}
/* iPhone, iTouch etc. */
@media only screen and (min-width: 320px) and (max-width: 480px), only screen and (min-device-width: 320px) and (max-device-width: 480px)
{
	body { background: none; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif }
	.wrap, #logo, #logo img { width: 100% }
	#header, #logo h1 { display: none }
	#navi { margin: 0 0 1em }
	#navi li { float: none; display: block; height: auto; border: 1px solid #fff; border-width: 0 0 1px }
	#navi a { float: none; padding: 10px }
	h1, h2, h2.title { font-size: 1.5em; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: normal }
	#content { padding: 0 15px; overflow: hidden }
}
/* Tiny Screen */
@media only screen and (max-width: 319px)
{
	body { background: none; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif }
	.wrap, #logo, #logo img { width: 100% }
	#header, #logo h1 { display: none }
	#navi li { float: none; display: block; height: auto; border: 1px solid #fff; border-width: 0 0 1px }
	#navi a { float: none; padding: 10px }
	h1, h2, h2.title { font-size: 1.5em; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: normal }
	#content { padding: 0 15px; overflow: hidden }
}
@media print
{
	body { width: 100% !important; margin: 0 !important; padding: 0 !important; line-height: 1.2; word-spacing: 1.1pt; letter-spacing: 0.2pt; font-family: Garamond, "Times New Roman", serif; color: #000; background: #fff; font-size: 11pt }
	h1, h2, h3, h4, h5, h6 { font-family: Helvetica, Arial, sans-serif }
	h1 { font-size: 19pt }
	h2 { font-size: 17pt }
	h3 { font-size: 15pt }
	h4, h5, h6 { font-size: 12pt }
	img { float: left; margin: 1em 1.5em 1.5em 0 }
	a:link, a:visited { background: transparent; font-weight: 700; text-decoration: underline; color: #333 }
	a:link[href^="http://"]:after, a[href^="http://"]:visited:after { content: " (" attr(href) ") "; font-size: 90% }
	#content h2 a:after { content: "" !important }
	a[href^="http://"] { color: #000 }
	.wrap, #content { width: 100% !important; height: auto !important; margin: 0 !important; padding: 0 !important; position: static !important; overflow: visible !important; border: 0 none !important; background: none !important }
	#header, #logo, #navi, .post-edit-link { display: none !important }
}