@charset "utf-8";
/* CSS Document */

/** {margin:0px; padding:0px;}*/
html {margin:0px; padding:0px;}
body 
{
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
	color:#333333;
	background-image:url(/_signs/bg.png);
	background-repeat:repeat-x;
}

a { text-decoration:none; color:#e95d0f;}
a:hover {text-decoration:underline;}
a:active, a:focus {
  /* reduce the link size to zero when the link is in the  active/focus state.
  This literally removes the dotted border which is ONLY applied
  to the link itself and not any containing elements WHEN THOSE
  ELEMENTS HAVE A POSITION ABSOLUTE! */
  width:0; height:0;
  outline:0; /* for browsers that understand */
}

img {border:none;}

#wrapperContainer
{
	width:1020px;
	margin:0px auto 0px auto;
}
/*#wrapperContainer hr {clear:left; color:#e5e5e5; background-color:#e5e5e5; height:1px; border:0; margin:5px 0px 10px 12px; width:473px;}  *//*3 0 10 12 */
#contentHolder { float:left; width:852px;}

#wrapperSky  { float:left; margin-left:0px; margin-top:90px; }
#adsSky {margin-left:8px;}
#adsSky2 {margin-left:8px; margin-top:30px;}
#adsButton{margin-left:8px; margin-top:30px;}
#adsButton2{margin-left:8px; margin-top:30px;}
#adsBillboard {margin:8px 0px 8px 0px; text-align:center;}
#adsMaxiboard { text-align:center; margin:20px 0px 20px 15px;}
#adsRectangle {margin-top:30px;}


#header {background:url(/_signs/headerShadows.png) no-repeat;}
#searchContainer { height:31px; width:73px; float:left;  background:url(/_signs/navigation_bg.png) white bottom repeat-x; border-top:5px solid #333333; padding-top:20px; }
#searchContainer input.search 
{
	width:145px;
	height:17px;
	border:none;
	background-image:url(/_signs/searchBox_Back.png);
	background-repeat:no-repeat;
	padding-left:5px;
	padding-top:2px;
	float:left;
	margin-bottom:11px;
}

input.searchGO
{
	width:20px;
	height:20px;
	background:url(/_signs/searchBoxGO.png) top no-repeat;
	border:none;
	margin-left:6px;
	cursor:pointer;
}

#dateContainer { font-weight:bold; float:right; margin-right:20px; margin-top:-171px;  position:relative;z-index:10;} /*top: - 27px; color:white*/

#topLogo
{
	height:190px;
	clear:left;
	z-index:0;
	position:relative;
}

/*** S P R I T E ***************************************************************************************************/
#naviContainer
{
	border-top:5px solid #333333;
	height:40px;
	margin:0px 0px 0px 15px;
	background-color:white;
	padding:11px 0px 0px 0px;
	vertical-align:middle;
	float:left;
}
#naviContainer img {margin-right:0px; float:left; cursor:pointer;}
#navigation {margin:0px; padding:0px;color:white;list-style: none; width:753px; height: 40px; overflow: hidden; background-image: url(/_signs/navigation_v3.png); background-repeat:repeat-y;}
#navigation li {float:left; list-style:none; }
#navigation a {display: block; background-image: url(/_signs/navigation_v3.png); padding-top: 40px; text-decoration: none; }
#nav-home {														width: 93px;}
#nav-home:hover {		background-position: 0px -40px;}
#nav-home-act {			background-position: 0px -80px;			width: 93px;}
#nav-epaper {			background-position: -93px 0px;			width: 105px;}
#nav-epaper:hover {		background-position: -93px -40px;}
#nav-epaper-act {		background-position: -93px -80px;		width: 105px;}
#nav-flohmarkt {			background-position: -198px 0px;		width: 123px;}
#nav-flohmarkt:hover {	background-position: -198px -40px;}
#nav-flohmarkt-act {		background-position: -198px -80px;		width: 123px;}

#nav-leserbriefe {		background-position: -321px 0px;		width: 133px;}
#nav-leserbriefe:hover {	background-position: -321px -40px;}
#nav-leserbriefe-act {	background-position: -321px -80px;		width: 133px;}

#nav-inserieren {		background-position: -639px 0px;		width: 120px;}
#nav-inserieren:hover {	background-position: -639px -40px;}
#nav-inserieren-act {	background-position: -639px -80px;		width: 120px;}
#nav-sparen {			background-position: -759px 0px;		width: 103px;}
#nav-sparen:hover {		background-position: -759px -40px;}
#nav-sparen-act {		background-position: -759px -80px;		width: 103px;}

#nav-service {			background-position: -537px 0px;		width: 102px;}
#nav-service:hover {		background-position: -537px -40px;}
#nav-service-act {		background-position: -537px -80px;		width: 102px;}

#nav-toto {				background-position: -861px 0px;		width: 77px;}
#nav-toto:hover {		background-position: -861px -40px;}
#nav-toto-act {			background-position: -861px -80px;		width: 77px;}
/****************************************************************************************************************/

#contentContainer {width:826px; padding:0px 15px 15px 15px; background:url(/_signs/contentShadows.png) repeat-y;}

#contentContainerBottom {background:url(/_signs/contentContainerBottom.png) white no-repeat bottom; margin-left:15px; height:44px; width:826px; float:left; margin-top:-44px; position:relative; z-index:15; }

* html #contentContainerBottom { background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/_signs/contentContainerBottom.png", sizingMethod="crop");}

#mainContentContainer
{
	width:466px; /*473*/
	float:left;
	line-height:1.8; /*1.6 ???? */
	padding:35px 20px 70px 20px; /*0px*/
	background-color:white;
}

#mainContentContainer .teaserBoxCurrentIssue, #mainContentContainer .teaserBoxGallery
{
	border-top:1px solid #cccccc;
	width:465px;
	/*height:308px;*/
	margin-bottom:40px;
}

.leserbriefeTeaser {border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; padding:30px 10px; /*line-height:1.4;*/}
.oddRow {background-color:#f5f5f5; border-top:1px solid white; border-bottom:1px solid white;}
.leserbriefTitel {font-family:Georgia, "Times New Roman", Times, serif;	font-size:24px;	font-weight:normal; line-height:1.2 !important; margin:15px 0px;}
.leserbriefTitel a:hover {color:#E95D0F; text-decoration:none;}
.leserbriefTitel a {color:#333333;}
a.author {color:#E95D0F; text-decoration:none;}

#mainContentContainer h1 { background:url(/_signs/headlineBackground.png) top no-repeat; margin:0px 0px 30px 0px; padding:33px 10px 15px 10px; border-bottom:2px solid #666666;}

#mainContentContainer h1.nomargins {margin:0px;}

#mainContentContainer .teaserBoxCurrentIssue
{
	background-image:url(/_signs/teaserBoxCurrentIssue.png);
	background-repeat: no-repeat;
	padding:0px 10px 17px 10px;
	width:445px; /* durch padding 20 px schmaler*/
	border-bottom:5px solid #666666;
	margin-bottom:50px;
}

#mainContentContainer .teaserBoxCurrentIssue .headline, #mainContentContainer .teaserBoxGallery .headline 
{
	font-size:20px;
	padding:20px 10px;
}

#mainContentContainer .teaserBoxGallery .headline {background:white url(/_signs/headlineBackground.png) bottom no-repeat;}

#mainContentContainer .teaserBoxCurrentIssue .headline { margin-left:-10px; margin-right:-10px; background:none;}
#mainContentContainer .teaserBoxCurrentIssue h2
{
	margin:5px 0px;
	height:100px;
	overflow:hidden;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:24px;
	font-weight:normal;
	line-height:1.2 !important;
}

#mainContentContainer .teaserBoxCurrentIssue #currentIssueImage {float:right; margin:10px; border:1px solid #9f9f9f; border-width:0px 1px 1px 0px;}
#mainContentContainer .linkedArrows {float:right; margin-top:5px;}

#mainContentContainer .teaserBoxGallery .textoverlay 
{
	color:white;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:24px;
	font-weight:normal;
	
	height:41px;
	padding-left:10px;
	padding-top:5px; 
	margin-top:-51px; 
	background-image:url(/_signs/overlay.png);
	display:block;
	position:relative;
	z-index:20;
	cursor:pointer;
}
#mainContentContainer .teaserBoxGallery a:hover .textoverlay {text-decoration:none;}
/*#mainContentContainer .teaserBoxGallery .textoverlay {	filter:alpha(opacity=50);  -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; margin-top:-59px; width:100%; background-color:black; height:45px; padding-top:14px; }*/

.currentIssueLink {font-weight:bold; margin-top:8px;}

.failurebox {color:#cc0000; font-weight:bold;}

.teaserContainer
{
	width:300px;
	float:left;
	line-height:1.6;
	background-image:url(/_signs/teaserContainerBackground.gif);
	padding:0px 10px 60px 10px;
	height:100%;
}

.teaserContainer a {font-weight:bold; color:#e95d0f;}

#staebchenreim, #easyInserieren
{
	background:url(/_signs/teaserboxBackground.png) no-repeat bottom;
	margin-top:30px;
	/*padding-bottom:10px;*/
}

#staebchenreim {font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; line-height:1.6; padding-bottom:16px;}
#staebchenreim p {margin:0px;}

.teaserContainer .textteaser {margin-top:30px; padding-bottom:15px;}

.teaserContainer .textteaser .text .highlight {background:url(/_signs/teaserboxHighlightBackground.png) no-repeat bottom;}
.teaserContainer .textteaser .text {background:url(/_signs/teaserboxBackground.png) no-repeat bottom white; padding:15px 10px}
.teaserContainer .imageteaser  {margin-top:30px;}

/*#staebchenreim {min-height:155px;}*/
#easyInserieren {padding-bottom:15px;}


#staebchenreim h1,#easyInserieren h1, #detailsearch h1, .teaserContainer .textteaser h1, .teaserContainer .imageteaser h1{ margin:15px 0px 0px 0px; font-size:20px; border-bottom:2px solid #333333;}
#staebchenreim h1 {margin-bottom:25px;}
.teaserContainer .textteaser h1, .teaserContainer .imageteaser h1 {font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; }
.teaserContainer h1 img {margin-bottom:5px;}

#staebchenreim .staebchenLogo {float:right; margin:-10px 0px 10px -5px;}


#stripeRows 
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	margin:0px 0px 0px 0px;
	font-weight:normal;
	border-bottom:1px solid #cccccc;
	border-top:1px solid white;
	border-collapse:collapse;
	width:466px;
	line-height:0;
}
#stripeRows a {color:#333333;}
#stripeRows a:hover {text-decoration:none;}
#stripeRows tr.odd {background:url(/_signs/formBackgroundStripes.png);}
#stripeRows tr:hover {background:none #e6e6e6;}
#stripeRows td{cursor:pointer;}

#subheaderBox {background:url(/_signs/verlaufWhiteSmall.png) bottom no-repeat #f5f5f5; padding:20px 10px 10px 10px; border-bottom:1px solid #CCCCCC;}


/* Alternierende Zeilen (DIVs) bei Stäbchenreim-Archiv und Valentinstag */
#mainContentContainer #alternatingDivs .even, #mainContentContainer #alternatingDivs .odd { padding:5px 10px 10px 10px;}
#mainContentContainer #alternatingDivs .even {border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}
#mainContentContainer #alternatingDivs .odd {background-color:#f5f5f5; border-top:1px solid white; border-bottom:1px solid white;}
#mainContentContainer #alternatingDivs .date, .colorRows .date { padding:15px 0px 0px 0px; color:#999999;}
#mainContentContainer #alternatingDivs .text, .colorRows .text
{
	padding:0px 0px;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:18px;
	line-height:1.4;
}
/*Staebchenreim kommt mit umschliessenden <p> aus backoffice*/
#mainContentContainer .text p{margin:5px 0px;}

/* Alternierende TABLE-Rows beim Flohmarkt */
.colorRows {border-bottom:1px solid #cccccc; border-collapse:collapse; width:465px;}
.colorRows td{padding:20px 0px; vertical-align:top;}
.colorRows tr.odd {background-color:#f5f5f5;}

.colorRows h3 {font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; font-weight:normal; margin:0px 0px 10px 0px;}
.colorRows .floatingtext {float:right; width:106px; padding:0px 15px; margin-top:-5px;}
.colorRows .galleryTeaser {float:left;}
.colorRows .author {margin-top:8px;}

/* Specials (Muttertag/ Valentine) */
.colorRows td.first {vertical-align:top;} 
.colorRows .imageHolder {background:url(/_signs/formBackgroundStripes.png); text-align:center; width:150px; margin:0px 15px 0px 0px; padding:10px 0px;}
.colorRows .imageHolder.odd { background:url(/_signs/muttertag_herz_weiss.gif) no-repeat; margin-top:20px;}
.colorRows .imageHolder.even { background:url(/_signs/muttertag_herz_grau.gif) no-repeat; margin-top:20px;}

.linkToDetail {padding:16px 10px 16px 0px; text-align:right; width:456px; text-transform:uppercase;}


/* ------------------- Wizard ----------------- */
ul#progress { font-family:Arial; color:#999999; width:466px; margin:0px; padding:10px 0px; border-bottom:2px solid #666666;}
ul#progress li {display:inline; list-style-type:none; margin:0px 21px 0px 0px; padding:0px;}
ul#progress li.active{color:#666666;}
ul#progress li img { vertical-align:middle; margin-right:7px;}
ul#progress li a {text-decoration:none}
ul#progress a {color:#999999;}

.subHeaderHR {color:#cccccc; background-color:#cccccc; height:1px; width:465px; border:0; clear:left; margin:10px 0px 0px -10px;}
.indent {margin-left:156px;}
.indent .addItemButton {vertical-align:middle; cursor:pointer;}
.progressSteps {margin-top:-30px;float:right; color:#666666; width:100%; text-align:right; padding-right:10px;}
.progressSteps .activestep {color:black; font-weight:bold;}

#rubrik {color:#999999; font-size:22px;}

#detailsearch { font-size:12px; height:138px; width:100%; margin-top:30px; }
#detailsearch h1 {padding-bottom:5px;}
#detailsearch input.field {background-image:url(/_signs/detailSearchfieldBackground.png); width:191px; height:21px; padding:4px 4px 0px 4px; border:none; }
#detailsearch input.button{background-image:url(/_signs/detailSearchButton.png); width:74px; height:20px; border:none; margin-left:6px; cursor:pointer;}
#detailsearch .select { width:199px; margin-top:15px; border:1px inset #999999; }
#detailsearch .body {background:url(/_signs/detailSearchBackground.png) no-repeat; width:295px; height:81px; padding:24px 0px 10px 5px;}



/* ----------------- epaper -------------------------*/

.thumb {
	background:url(/_signs/epaperOverviewIssuesBackground.png) no-repeat scroll 0 0;
	display:block;
	float:left;
	margin:0px 11px 11px 11px;
	padding:14px 10px 10px 43px;
	width:307px;
	height:236px;
}

.thumb:hover {background:url(/_signs/epaperOverviewIssuesBackground_hover.png) no-repeat scroll 0 0;}

.preview {
	display:block;
	float:left;
	padding:0px 0;
	width:131px;
	height:213px;
}
.preview a img {border:1px solid #c2c2c2; margin-top:10px;}
.preview .noborderleft {border-width:1px 1px 1px 0px}




/*
.preview a img:hover {border:1px solid #888888;}
.preview a img.noborderleft:hover {border:1px solid #888888; border-width:1px 1px 1px 0px}
*/

.checkbox {vertical-align:top;}

#issuechoice {height:20px; margin:-67px 0px 0px 120px;}
#selectissue {border: 1px solid #DFDFDF; margin:0px 30px 0px 25px;}
#epapersearch {width:186px; height:18px; float:left; background:url(/_signs/epaperSearchfieldBackground.png) no-repeat; border:none; padding: 2px 7px 0px 7px;}
#epaperContainer {background:#f5f5f5 repeat scroll 0 0; padding:25px 0px 50px 90px; margin-bottom:10px;}
#epapersearchContainer {float:right;}
.epapertoolbar {width:496px; height:28px; margin-left:54px; color:#999999;}
.epapertoolbar .sitecounter {float:left;}
.epapertoolbar .sitecounter .current {color:#333333; font-weight:bold;}

.spacer {margin:0px 4px -4px 4px;}
.pagination {display:inline; float:right;}
.pagination li {list-style-type:none; float:left;}
.pagination li a, .pagination li.current, .pagination li span {width:24px; height:20px; background:url(/_signs/browseBackground.gif) no-repeat;  text-align:center; float:left; margin:0px 5px; display:block}
.pagination li a:hover{background:url(/_signs/browseBackground_hover.gif) no-repeat; text-decoration:none; }

.pagination li img {margin-top:7px;}

/* --------------------- epaperdetail --------------------- */

#epaperviewer {height:731px; float:left; overflow:hidden;}
.epaperScreen {border:1px solid #cccccc; border-width:1px 0px;}
#epaperBottom {background:url(/_signs/epaperBottomBackground.png) no-repeat; width:606px; height:14px; }

#nojsOverlay { background-image:url(/_exagora2/jquery/_signs/colorbox/stripe.png); opacity:0.7; filter: alpha(opacity = 70); height:731px; width:500px; margin-top:-731px; }
#nojsInfobox { position:relative; width:420px; text-align:center; background-color:white; color:#cc0000; font-weight:bold; margin:-416px 0px 0px 38px; padding:30px 0px; border:1px dashed black; }

/*
#previouspage, #previouspage-act, #nextpage, #nextpage-act {width:53px; height:700px; float:left;}
#previouspage{ background:url(/_signs/linkBars.png) 0px 0px; }
#previouspage-act  {background:url(/_signs/linkBars.png) -53px 0px; }
#nextpage {background:url(/_signs/linkBars.png) 106px 0px; }
#nextpage-act {background:url(/_signs/linkBars.png) 53px 0px; }
*/

/*#issuechoice td {height:20px; vertical-align:top;}*/

/* ----------------------- Fotoreportagen -------------------- */
#thumbContainer {border-color:white; border-width:1px 0px; background-color:#f5f5f5; padding:40px 10px 20px 10px;}
.gallerythumb{border:1px solid #bebebe; margin:0px 22px 22px 0px;}

.lastperrow{margin-right:0px;}

/* ------------------------- Footer ------------------------------ */
#footerWrapper {background:url(/_signs/contentShadows.png) repeat-y;}
#footer
{
	height:50px;
	clear:left;
	line-height:1.5;
	padding:90px 0px 0px 21px;
	background-color:#333333;
	margin:-44px 15px 0px;
	z-index:10;
	position:relative;
	width:805px;
	color:#cccccc;
}

#footer a { color:#cccccc; text-decoration:none; }
#footer a:hover {text-decoration:underline;}

#footer h3 {margin:0px; font-size:12px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; padding-bottom:8px; }
#footer .spacer {margin: 0px 12px;}