/*
	rot: #C1051A
	blau: #063670
	grau: #E5E5E5
*/
body,html {
	background-color:#ccc;
	color:#063670;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12.5px;
	margin:0;
	padding:0;
}
a {
	text-decoration:none;
	font-weight:bold;
	color:#063670;
}
a img {
	border:none;
}
a:hover {
	color:#C1051A;
}
td {
	vertical-align:top;
}
h1 {
	color:#C1051A;
	font-size:18px;
}
h2 { font-size:14px; margin-bottom:6px; }
h3 { font-size:14px; margin-bottom:2px; }
h4 { font-size:12px; margin:0px 0px 5px 0px; }

ul { list-style:circle; }

.border {
	border:dashed #063670;
	border-width:1px 0 1px 0;	
}
#wrapper {
	text-align:left;
	width:1024px;
	position:relative;
	margin:0 auto;
	background-color:white;
	padding-left:10px;
	padding-bottom:10px;
	margin-bottom:20px;
	border-bottom:8px solid #C1051A;
}
#header {
	background:url(/i/header.png);
	height:120px;
	margin-left:-10px;
}
.hidetext {
	margin:0;
	display:none;
}
#suche{
	float:right;
	margin:77px 20px 0 0;
	}
#suche input{
	width:140px;
	border: 1px solid #FFBDC6;
	color:#666;
	padding-left:2px;
	}


#bootons{
	float:right; text-align:right; width:300px;
}
#bootons img { margin-right:2px; }
	
#leftcol {
	float:left;
	width: 240px;
}
#center {
	float:left;
	width: 500px;
	min-height:300px;
}

#rightcol {
	float:left;
	width: 240px;
}


#socialBookmarkers{
	clear:both;
	font-size:0.8em;
	text-align:center;
	padding-top:25px;
}

#socialBookmarkers a{
	padding:3px;
}
#footer {
	clear:both;
	padding:50px 15px 0px 0px;
	font-size:10px;	
}

/* Das sagen die Leser */
#testimonials {
	background:url(/i/dassagendieleser_blase_m.png) repeat-y;
	margin-top:10px;
}
#testimonials .m {
	background:url(/i/dassagendieleser_blase_o.png) no-repeat;
	padding:6px 30px 0 30px;
	margin:0;
	font-style:italic;
}
#testimonials .u {
	background:url(/i/dassagendieleser_blase_u.png) no-repeat;
	height:113px;
}
.source {
	font-style:normal;
	text-align:right;
	margin:6px 0 10px;
}
/*Die Presse sagt*/
#diepressesagt {
	/*background-color:#E5E5E5;*/
	background-color:#fdfdfd;background-image:url(/i/horizontalgradient-small.gif); background-repeat:repeat-y;
	width:244px;
	margin-left:-10px;
}
#diepressesagt blockquote {
	padding:0px 15px 5px 10px;
	margin:0px;
}
#diepressesagt h1 {
	font-size:12.5px;
	}
/* Startseite Boxen*/
#ganzneu {

}
#ganzneu .bild img{
	max-width:283px;
}
.box {
	margin-bottom:15px;
	padding:10px;
}
.box .text {
	padding:0 15px;
}
.box .text h2 {
	font-size:16px;
}
.box.narrow {
	width:230px;
}
.box.narrow .bild img{
	width:150px;
}
.grad.wide {
	background:url(/i/grad_wide.png) repeat-y;
}
.grad.narrow {
	background:url(/i/grad_narrow.png) repeat-y;
}
#smallboxes {
	border-spacing:0;
}

/* Tipps der Woche */
#tippsderwoche { padding-left:0px; }

#tippsderwoche .bild img {
	width: 75px;
}
#tippsderwoche td {
	vertical-align:middle;
	font-weight:bold;
	font-size:12px;
}
/* Listenansichten */
#prg_pagenav{
	font-size:11px;
	text-align:center;
	}
#prg_sorting{
	font-size:11px;
	color: #666;
	}
#prg_sorting a{
	padding:3px;
	}
#prg_sorting .active{
	font-weight:bold;
	}
.details{
	font-size:11px;
	width:250px;
	float:left;
	}
.details p{
	margin:0;
	padding:0;
	}
.titelbox {
	border-bottom:1px dashed #063670;
	padding:20px 10px 0px 10px;
	width:700px;
	margin-left:-10px;
	
}
.titelbox h3{
	margin-top:0;
}

.titelbox img { padding-bottom:6px; }

.listEven { background-color:#fdfdfd;background-image:url(/i/horizontalgradient.gif); background-repeat:repeat-y;}
.werke {
	padding:20px 10px 0px 30px;
	margin-left:-10px;
}
.werke.listEven {
	border-bottom:1px dashed #063670;
	border-top:1px dashed #063670;
}
.lizenzen .autor {
	font-size:16px;
	font-weight:bold;
	margin-top:20px;
	color:#C1051A;
}
#rightcol.lizenzen {
	margin:50px 0 0 100px; 
	background-color: #e5e5e5;
	padding:10px;
}


.buylink { font-size: 12px; text-decoration:underline; }
#top1_buylink { font-weight:bold; }
#top1_buylink a:hover { font-weight:bold; text-decoration:underline; }

#produktdiv{
	background-image:url(/i/horizontalgradient.gif);
	background-repeat:repeat-y;
	width:480px;
	padding:10px;
	}
.clear{
	clear:both;
	}
#ueberdenautor{

	padding:0 20px 10px 20px;
	}
#weiterempfehlenBox{
	background-color:#fff;
	}
/* Droppy Menu*/

.menu a.active {
	color:#C1051A;
}

/* Basic code - don't modify */
 
 #topmenu { display: block; margin: 0; padding: 0; position: relative; }
  #topmenu li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
  #topmenu a { display: block; }
  #topmenu ul { display: none; position: absolute; left: 0; margin: 0; padding: 0 10px 10px 0; background:url(/i/shadow.png) no-repeat bottom right;}
  * html #topmenu ul { line-height: 0;padding: 0 3px 3px 0; } /* IE6 "fix" */
  	#topmenu ul a { zoom: 1; } /* IE6/7 fix */
    #topmenu ul li { float: none; }
    #topmenu ul ul { top: 0;}
    
/* Essentials - configure this */

#topmenu ul { width: 130px; }
#topmenu ul ul { left: 131px; }

/* Everything else is theming */
 
#topmenu { background-color: white; height: 35px;float:right;font-weight:bold }
#topmenu *:hover { background-color: none; }
#topmenu a { border-right: 1px solid black; font-size: 15px; padding: 6px; line-height: 1; }
  #topmenu li.hover a {  }
  #topmenu ul { top: 25px; }
    #topmenu ul li a { background-color:white;font-size:12.5px; }
      #topmenu ul li.hover > a { color: #C1051A; }
   #topmenu ul a { border-bottom: 1px solid #C1051A; border-right: none;  }
/* #topmenu ul a { border-bottom: none; } - I also needed this for IE6/7 */

/* Werbetexte und Cover */
#wv_suchmaske { 
	margin-left:50px;
	margin-bottom:20px; 
}
#wv_pagenav { 
	float:left; 
	width:100px; 
	margin: 0 5px 0 15px;
	font-size:10px; 
}
.wv_results { 
	float:left; 
	width:230px; 
	font-size:9px; 
	margin: 10px 0 0 10px;
	text-align:left; 
}
.wv_results a { 
	margin:0 0 0 0; 
	text-decoration:none; 
	position:relative; 
	z-index:24; 
	font-size:10.5px; 
	font-weight:normal; 
}
.wv_results a span {
	display:none; 
} 
.wv_results a:visited { 
	text-decoration:none;
}
.wv_results a:hover { 
	text-decoration:underline; 
	text-indent:0; 
	z-index: 26; 
}
.wv_results a:hover span { 
	display:block; height: auto; 
	position:absolute; 
	top:15px; 
	left:100px; 
}
.wv_results span { 
	font-weight:normal; 
	text-align:left; 
	color:#000000; 
	width:250px; 
	padding: 15px; 
	border-top:1px solid #fff;
	border-left:1px solid #fff; 
	border-bottom:1px solid #000; 
	border-right:1px solid #000; 
	background-color:#fff;
}

@media print {
	.hidetext {
		display:inherit;
	}
	#vemag {
		color:#000;
	}
	#socialBookmarkers, #topmenu, #bootons,#suche, #footer {
		display:none;
	}
}

.anreisser { width:280px; }

#argumente { margin:0px; padding-left:10px; }

.narrow .text { padding-left:0px; }
.narrow .text p { width: 215px; margin-top:0px; }

	
.interstitial {
    display: none;
    
    position: fixed;
    top: 27%;
    left: 50%;
    
    margin-left: -90px;
    width: 180px;
    
    background-color: #eee;
    color: #333;
    border-right: 2px solid gray;
	border-bottom: 2px solid gray;
    padding: 0px 3px 3px 3px;
	text-align:right;
}

.interstitial a { font-size:10px; }

.jqmOverlay { background-color: #fff; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .interstitial {
     position: absolute;
   /*  top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');*/
}

#veranstaltungen {
	margin-top:20px;
	padding-right:10px;
}

.termin h2 {
	margin:0;
	margin-bottom: 2px;
}

.termin .ortzeit {
	width: 200px;
	
}