@media all {
/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 3.0.0
build: 1549
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}


/**
 * Allgemein
 *
 * section allgemein
 */

html,
body {
	background-color:#000b10;
	font-family:Arial, sans-serif;
	font-size:12px;
	color:#232323;
}

p { 
	margin-bottom:8px;
	color:#fff;
}

strong { font-weight:bold; }

a { color:#4fadd4; }

h1 {
	margin-bottom:10px;
	font-size:16px;
	line-height:22px;
	font-weight:bold;
	color:#4fadd4;
}

em { color:#4fadd4; }

p.doppelt {	padding-top:16px; }


/**
 * Positionen
 *
 * section positionen
 */
 
.header {
	position:relative;
	top:0;
	margin:0 auto;
	z-index:3;
	width:975px;
	height:91px;
	background:url('/img/header_background.png') no-repeat top left;
}

.logo {
	width:168px;
	height:45px;
	float:left;
	margin:15px 0 0 20px;
}

.navigation {
	position:relative;
	z-index:15;
	width:430px;
	height:32px;
	margin:33px 0 0 70px;
	float:left;
}

.teaserHeader {
	position:absolute;
	top:0;
	left:672px;
	margin-right:0px;
	z-index:1000;
	width:349px;
	height:127px;
	background:url('/img/teaserHeader.png') no-repeat top left;
}

.wrapper {
	position:relative;
	margin:-12px auto;
	width:960px;
	padding-bottom:12px;
	z-index:2;
}

.content {
	background-color:#fff;
}

.footer {
	width:998px;
	height:212px;
	margin:0 auto 0 auto;
	background:url('/img/footer_background.png') no-repeat top left;
}

.footerContent {
	display:inline;
	float:left;
	width:400px;
	height:185px;
	padding-top:15px;
	margin:0 0 0 19px;
	background-color:#fff;
}

.socialNetworks {
	display:inline;
	float:left;
	width:560px;
	height:200px;
	background-color:#fff;
}

.pages .content {
	height:690px;
	background:url('/img/startseite_background.jpg') no-repeat top left;
}

.accounts .content,
.subscriptions .content,
.users .content,
.common .content,
.feedbacks .content,
.display .content {
	z-index:1;
	height:690px;
	background:url('/img/allgemein_background.jpg') no-repeat top left;
}

.content object {
	position:relative;
	z-index:1;
}


/**
 * Navigation
 *
 * section navigation
 */
 
.navigation li {
	float:left;
}

.navigation li a {
	display:inline-block;
	margin-right:20px;
	height:20px;
	background:none;
}

.navigation li.active a,
.navigation li a:hover {
	height:30px;
	background:url('/img/navigation_hover.png') no-repeat center 12px ;
}

.navigation li.bestellen a {
}

.navigation li.bestellen a,
.navigation li.bestellen a:hover {
	margin-top:-23px;
	height:63px;
	background:none;
}


/**
 * Content
 *
 * section content
 */

.boxWide {
	position:relative;
	top:20px;
	left:30px;
	padding:15px;
	width:700px;
	background-color:#fff;
	z-index:2;
}

.signup .boxWide,
.display .boxWide,
.savedbillprint .boxWide,
.savedbillonline .boxWide,
.savedbankprint .boxWide,
.savedbankonline .boxWide {
	top:25px;
	left:13px;
	width:928px;
	padding:0;
	background-color:transparent;
	z-index:2;
}

.signup .boxWide { top:15px; }

.display h1,
.savedbillprint .boxWide h1,
.savedbillonline .boxWide h1,
.savedbankprint .boxWide h1,
.savedbankonline .boxWide h1 {
	margin-left:-21px;
}


/**
 * Cake-Dinge
 *
 * section cakedinge
 */
 
#flashMessage {
	position:relative;
	top:10px;
	left:30px;
	width:800px;
	background:#fff;
	padding:10px;
}

.success {
	border:2px solid #45e000;
	color:#45e000;
	font-weight:bold;
}
 
.add {
	margin:10px 0;
	border:1px solid #4fadd4;
	padding:5px;
}

body.add {
	margin:0;
	border:0px solid #fff;
	padding:0;
}

.add a { text-decoration:none; }
 
#datagrid {
	
}

#datagrid th {
	padding:2px 5px;
	font-weight:bold;
	color:#fff;
	background-color:#4fadd4;
}

#datagrid td {
	padding:2px 5px;
}

.paging {
	float:none;
	margin:10px 0;
	width:100%;
	height:15px;
	text-align:center;
}

.paging li {
	display:inline;
	float:left;
	margin-right:10px;
}


fieldset {
	padding:10px;
	margin-bottom:15px;
	border:1px solid #4fadd4;
}

.text,
.password,
.select,
.checkbox {
	height:24px;
	clear:right;
}

.text label,
.password label,
.select label {
	display:inline;
	width:140px;
	float:left;
	line-height:20px;
}

.checkbox label {
	padding-left:5px;
	line-height:20px;
}

.select .checkbox {
	display:inline-block;
	width:538px;
	height:24px;
}

.select .checkbox label {
	height:24px;
	padding-left:5px;
	line-height:18px;
	width:300px;
	float:left;
}

.select .checkbox input {
	margin-top:2px;
	float:left;
}

.checkbox input {
	/*-khtml-appearance:none;*/
	border:1px solid #fff;
	background-color:#000;
}

.backendnavigation,
.backendnavigation li {
	margin:0;
	padding:0;
	list-style:none;
}

.backendnavigation {
	background:#fff;
	margin:20px 0 0 30px;
	padding:5px;
	width:720px;
	height:20px;
}

.backendnavigation li {
	float:left;
	margin-right:10px;
	line-height:20px;
}

.backendnavigation li a,
.backendnavigation li:focus {
	padding:0 5px;
	display:inline-block;
	line-height:20px;
	text-decoration:none;
	font-weight:bold;
}

.backendnavigation li a:hover {
	background-color:#4fadd4;
	color:#fff;	
}


/**
 * Footer
 *
 * section footer
 */
 
 .footer h2 {
 	padding-top:3px;
 	margin:0 0 0 16px;
 }
 
 .footerContent p {
 	margin:15px 0 0 15px;
 	color:#232323;
 }
 
 .footer .badgeFacebook {
 	float:right;
 	margin-right:-18px;
 }
 
 .footer .badgeTwitter {
 	float:right;
 	margin-top:10px;
 	margin-right:-18px;
 }


/**
 * Startseite
 *
 * section startseite
 */
 
.pages .teaser {
	position: relative;
	float:left;
	top:-16px;
	left:37px;
}

.pages .badges {
	position:absolute;
	top:64px;
	left:761px;
	width:245px;
}

.pages .badges .badgeHarteFakten {
	position:absolute;
	top:0;
	left:7px;
	z-index:1;
}

.pages .badges .badgeTopInformiert {
	position:absolute;
	top:60px;
	left:0px;
	z-index:2;
}

.pages .badges .badgeAbonnierenSieJetzt	{
	position:absolute;
	top:110px;
	left:7px;
	z-index:1;
}

.pages .badges .badgeAlleDieWissen {
	position:absolute;
	top:207px;
	left:27px;
	z-index:1;
}

.pages .badges .badgeIndieserausgabe {
	position:absolute;
	top:285px;
	left:27px;
	z-index:1;
}

.pages .stoererBestellung {
	position:absolute;
	top:482px;
	left:361px;
	width:360px;
	height:119px;
	z-index:3;
}

.pages .stoererNaechsteAusgabe {
	position:absolute;
	visibility: hidden;
	top:616px;
	left:272px;
	width:224px;
	height:227px;
	z-index:3;
}


/**
 * Das Heft
 *
 * section dasHeft
 */
 
.buttonDownload {
	position:absolute;
	top:10px;
	left:220px;
	z-index:1000;
}

.stoerer-heft-bestellen {
	position:relative;
	top:-35px;
	left:285px;
	z-index:1000;
}


/**
 * Signup
 *
 * section signup
 */
 
.signup .content h1 { margin-left:-21px; }
.signup .content h2 { 
	margin-left:-20px;
	margin-bottom:10px;
}

.signup fieldset {
	padding:0;
	border:0px solid #fff;
}

.signup fieldset.subscription,
.signup fieldset.data {
	display:block;
	width:420px;
	clear:left;
	float:left;
	margin-right:40px;
}

.signup fieldset.subscription { height:150px; }

.signup fieldset.subscription .select .checkbox { width:420px; }

.signup fieldset.checkSubscription {
	padding-top:90px;
}

.signup fieldset.data { margin-top:20px; }

.signup .text,
.signup .password {
	height:30px;
	clear:both;
}

.signup .checkbox input { margin-top:1px; }

.signup .subscription .checkbox input { margin-top:4px; }

.signup .radio label {
	float:left;
	width:120px;
	height:60px;
	font-size:14px;
}

.signup .radio .radios input,
.signup .radio .radios label {
	float:left;
}

.signup .radio .radios input { width:20px; }

.signup .text input { width:278px; }

.signup .text label,
.signup .password label,
.signup .select label {
	display:inline;
	width:140px;
	float:left;
	line-height:26px;
}

.signup .text label,
.signup .select label { 
	padding-right:10px;
	text-align:right;
	width:90px;
}

.signup label,
.signup .content p {
	color:#fff;
}

.signup .text input {
	border:0px solid #fff;
	background:#fff;
	padding:2px 5px;
	line-height:18px;
}

.signup .checkbox input,
.signup .radio input {
	border:0px solid #fff;
	padding:0;
	background:transparent;
	height:14px;
	width:14px;
}

.signup input.short {
	width:130px;
	float:left;
}

.signup input.shortRight { margin-left:8px; }

.signup .subscription .select .checkbox,
.signup .checkSubscription .checkbox {
	display:block;
	height:40px;
	line-height:40px;
}

.signup .checkSubscription .checkbox { width:430px; height:24px; }

.signup .subscription .select .checkbox label {
	width:378px;
	font-size:14px;
	line-height:22px;
	text-align:left;
}

.signup .subscription label {
	width:378px;
	font-size:14px;
	line-height:22px;
	text-align:left;
}


.signup .subscription input {
	float:left;
	margin:4px 5px 10px 0;
}

.signup .checkSubscription .checkbox label {
	display:block;
	float:right;
	width:360px;
	margin-right:45px;
	line-height:16px;
}

.signup .checkSubscription .checkbox { height:30px; }

.signup .checkSubscription .checkbox input {
	float:left;
}

.signup .bank .radio label { height:50px; }
.signup .bank .radios label { width:170px; height:30px; }

.signup .eingerueckt { padding-left:100px; }
.signup .eingerueckt .checkbox { height:50px; }

.signup .eingerueckt input {
	margin-bottom:20px;
	float:left;
	width:18px;
	height:18px;
}

.signup .eingerueckt label {
	display:inline-block;
	float:left;
	width:300px;
	line-height:16px;
}



.blue { color:#009ee0; }

.red { color:#ff0000; }

.signup .subscription .desc,
.signup .subscription .select .checkbox label .desc {
	display:block;
	font-size:12px;
	line-height:14px;
}

.signup .submitButton {
	margin-top:-10px;
	height:42px;
	background-color:transparent;
	float:right;
	padding:0;
}

.signupbestaetigung {
	padding:125px 0 0 100px;
	width:726px;
}

.signupbestaetigung .left,
.signupbestaetigung .right {
	display:inline-block;
	float:left;
	width:363px;
}

.signupbestaetigung .left { width:305px; }
.signupbestaetigung .right { width:400px; }

.signupbestaetigung h1 {
	margin-left:-2	0px;
}

.signup .content .signupbestaetigung h2 {
	color:#fff;
	font-size:16px;
	font-weight:bold;
	margin-left:0;
}

.signupbestaetigung p.abo {
	font-size:14px;
	font-weight:bold;
	margin-bottom:20px;
}

.signupbestaetigung p.datenschutz {
	margin-bottom:20px;
}

.signupbestaetigung p.abo .desc {
	display:block;
	font-size:12px;
	font-weight:normal;
}

.signupbestaetigung .buttons {
	clear:left;
	text-align:right;
}

.signupbestaetigung .buttons a,
.signupbestaetigung .buttons input {
	float:right;
}

.signupbestaetigung .buttons input {
	margin-top:1px;
	margin-left:20px;
}

.buttonZurStartseite {
	float:right;
}


/**
 * Feedback
 *
 * section feedback
 */
 
.feedbacks .content .boxWide {
	top:25px;
	left:13px;
	width:928px;
	padding:0;
	background-color:transparent;
	z-index:2;
}

body.feedbacks.index .boxWide,
body.feedbacks.edit .boxWide,
body.feedbacks.add .boxWide,
body.feedbacks.view .boxWide {
	position:relative;
	top:20px;
	left:30px;
	padding:15px;
	width:700px;
	background-color:#fff;
	z-index:2;
}

.feedbacks .left {
	display:inline-block;
	float:left;
	width:400px;
}

.feedbacks .right {
	position:absolute;
	top:0;
	left:440px;
	z-index:2;
	padding:35px 15px 0 45px;
	width:412px;
	height:643px;
	background:url('/img/feedbacks_right_background.png') no-repeat top left;
}

.feedbacks h1 {
	margin-left:-22px;
}

body.feedbacks.index .boxWide h1,
body.feedbacks.edit .boxWide h1,
body.feedbacks.add .boxWide h1,
body.feedbacks.view .boxWide h1 { margin:0; } 

.feedbacks .content p { color:#fff; }

.feedbacks form { margin-top:40px; }

.feedbacks label {
	padding-right:10px;
	display:inline-block;
	float:left;
	color:#fff;
	width:80px;
	text-align:right;
}

.feedbacks .text {
	line-height:24px;
	height:30px;
}

.feedbacks .textarea {
	line-height:24px;
}

.feedbacks input {
	border:0px solid #fff;
	background:#fff;
	padding:2px 5px;
	line-height:18px;
	width:270px;
	height:20px;
}

.feedbacks textarea {
	width:279px;
	height:80px;
	margin-bottom:4px;
}

.feedbacks .submitButton {
	width:111px;
	height:42px;
	margin-top:-20px;
	padding:0;
	background-color:transparent;
	float:right;
}

.feedbacks form small {
	color:#fff;
	padding-left:90px;
	line-height:16px;
}

.feedbacks form .textarea {
	margin-top:4px;
}


.scrollable {
    position:relative; 
    overflow:hidden; 
 	float:left;
    height: 540px; 
    width: 340px;
}

#actions {
	float:right;
	width:40px;
	height:590px;
}

#actions a {
	display:inline-block;
	clear:left;
	float:none;
	cursor:pointer;
}
#actions a.prevPage {
	position:relative;
	left:0;
	margin-left:-20px;
}

#actions a.nextPage {
	position:relative;
	top:500px;
}

.scrollable .items {
	position:absolute;  
    /* this time we have very large space for the height */ 
    height:20000em; 
}

.feedbackSingle {
	padding:20px 0;
	width:340px;
	border-bottom:1px solid #009ee0;
}

.feedbackSingle .name {
	font-size:18px;
	line-height:26px;
	font-weight:bold;
	display:inline-block;
	float:left;
	color:#009ee0;
}

.feedbackSingle .datetime {
	display:inline-block;
	float:right;
	font-size:14px;
	line-height:26px;
	font-weight:bold;
}

.feedbackSingle .message {
	display:block;
	clear:both;
	float:none;
}

.feedbacks .error-message 
{
    display:none;
}
.checkfeedback 
{
 border:0px; 
 margin-bottom:50px;
 padding:0px;
}

.checkfeedback .checkbox {
 padding-left:56px;  
	display:block;
	height:40px;
	line-height:40px;
	padding-top:3px;
}

.checkfeedback .checkbox { width:344px; }

.checkfeedback .checkbox { height:25px; }
.checkfeedback .checkbox label {
	width:230px;
	line-height:22px;
	text-align:left;
}

.checkfeedback .checkbox label {
	display:block;
	float:right;
	margin-right:70px;
	line-height:16px;
}

.checkfeedback .checkbox input {
	float:left;
	background:transparent;
	width:16px;
	height:16px;
}

.checkfeedback .error label a.red { color:#fff; }

body.feedbacks.index .boxWide p,
body.feedbacks.edit .boxWide p,
body.feedbacks.add .boxWide p,
body.feedbacks.view .boxWide p,
body.feedbacks.index .boxWide label,
body.feedbacks.edit .boxWide label,
body.feedbacks.add .boxWide label,
body.feedbacks.view .boxWide label { color:#000; }


/**
 * Kontakt
 *
 * section kontakt
 */
 
.kontakt .content {
	height:400px;
}

.kontakt .content h1 {
	margin-left:40px;
}
.kontakt .content p {
	margin-left:80px;
}

 
/**
 * Impressum
 *
 * section impressum
 */
 
.impressum .content {
	height:870px;
}

.impressum h2 {
	margin:20px 0 10px 0;
	font-size:16px;
	font-weight:bold;
	color:#4fadd4;
}


.impressum .footer h2 {
	margin:0 0 0 16px;
}

.tableImpressum { margin-bottom:16px; }

.tableImpressum th {
	font-weight:bold;
 	padding-bottom:5px;
 	width:150px;
 	color:#fff;
}

.tableImpressum td { color:#fff; }


/**
 * AGB
 *
 * section agb
 */
 
.agb .content {
	height:1950px;
}

.agb h2 {
	margin:20px 0 10px 0;
	font-size:16px;
	font-weight:bold;
	color:#4fadd4;
}

.agb h2.headline {
	margin-left:-21px;
}

.agb h3 {
	margin:10px 0 5px 0;
	font-size:14px;
	font-weight:bold;
	color:#4fadd4;
}

.agb .footer h2 {
 	padding-top:3px;
 	margin:0 0 0 16px;
 }


/**
 * Fehlermeldungen
 *
 * section fehlermeldungen
 */
 
.error {
	padding:5px;
	background-color:#f00;
	color:#fff;
}

.signup .content .error {
	position: relative;
	top:0px;
	right:0;
	float:right;
	width:386px;
	margin-right:70px;
}

.signup .content .error p {
	color:#fff;
	margin:0;
}

form .error {
	padding:0;
	border:0px solid #fff;
	
}
}