* {
  margin: 0px;
  padding: 0px;
}

body {
	font: 100 10px/12px Verdana, Helvetica, Arial, sans-serif;
	
	background: url(./img/pat_10.gif) #fff;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

div#body {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

div#body div.top330 {
	position: relative;
	height: 330px;
	overflow: hidden;
}

div.footer {
	width: 700px;
	display: block;
	margin-top: 40px;
	margin-left: auto;
	margin-right: auto;
	padding: 5px 0px 15px 0px;
	clear: both;
	border-top: 1px solid #808080;
	text-align: center;
}

div.footer a {
	font-weight: bold;
}


a, a:link, a:visited {
	color: #333333;
	text-decoration: none;
}

a:hover {
	color: #333333;
	text-decoration: underline;
}

b {
	font-weight: 900;
}

img {
	border: 0px;
}

.selectorPreview {
	width: 55px;
	height: 40px;
	padding: 0px 3px 2px 2px;
}

.win {
	color: #6b9600;
	font-weight: 900;
	font-size: 110%;
}

.kl {
	font-weight: 500;
	font-size: 90%;
}

#logo {
	background: url('img/logo800x150t.png') no-repeat top center;
	height: 150px;
	width: 800px;
}

#mainSelector {
	background: url('img/mainSelector400x20t.png') no-repeat top center;
	height: 20px;
	width: 800px;
	text-align: center;
}

#selectorMain {
	width: 300px;
	margin: 0px auto 0px auto;
	padding-left: 5px;
}

#selectorMain a {
	text-decoration: none;
}

#selectorMain span {
	float:left;
	height: 20px;
}

#galleryLink	{ width: 85px; cursor: pointer; }
#calendarLink	{ width: 115px; cursor: pointer; }
#magazineLink	{ width: 94px; cursor: pointer; }

#links {
	background: url('img/linksTop400x30t.png') no-repeat top center;
	height: 30px;
	width: 800px;
	padding-left: 10px;
}

#blops, #newsblop {
	height: 270px;
	width: 760px;
	padding-left: 45px;
}

.boxes {
	float: left;
	border: 1px #6b9600 solid;
	min-height: 250px;
/*	height: 248px;*/
}

.gallerySnap {
	width: 245px;
	height: 252px;
}

/* ie fixes */
* html .gallerySnap { padding: 0px 0px 5px 2px; }
* html .upcoming { line-height: 12px; padding: 0px 2px 2px 2px; height: 255px; }
* html .magazine { padding: 2px 2px 3px 2px; }

.upcoming {
	height: 248px;
	width: 200px;
	margin: 0px 5px 0px 5px;
	text-align: left;
	padding: 2px 2px 0px 2px;
}

.magazine {
	width: 237px;
	text-align: left;
	padding: 2px 4px 0px 4px;
}

.clear {
	clear: both;
	padding-bottom: 5px;
}

.minipicLeft {
	float: left;
	padding-right: 5px;
}

.teaserBox {
	padding: 2px 0px 2px 0px;
}

.teaserBox:hover {
	background-color: #efefef;
	padding-bottom: 0px;
	border-bottom: 2px #d30 solid;
}

.teaserBox a, .teaserBox a:hover {
	text-decoration: none;
	cursor: pointer;
	cursor: hand;
}

.addButton {
	color: #dd3300;
	font-weight: 900;
}

input[type='text'], textarea {
	color: #000;
	font-family: helvetica, arial, verdana, sans-serif;
	font-size: 120%;
	
	border: 1px #333 dotted;
	padding-left: 2px;
}

input[type='submit'] {
	width: 150px;
	height: 20px;
	
	color: #000;
	font-weight: 900;
	
	border-top: 1px #fff solid;
	border-left: 1px #fff solid;
	border-bottom: 1px #000 solid;
	border-right: 1px #000 solid;
}

.name, .email {
	border: 1px #808080 solid;
	width: 220px;
	padding-left: 2px;
	font-size: 10px;
}

.newsletter {
	text-align: center;
	min-height: 25px;
	height: 25px;
	width: 704px;
	padding: 6px 2px 0px 2px;
}

.footerBox {
	background-color: #666;
	color: #fff;
	margin: 10px 0px 10px 0px;
	height: 15px;
	padding: 2px 2px 0px 0px;
	overflow:hidden;
}

.footerBox div {
	float:left;
	padding-left: 4px;
}

.footerBox div.textRight {
	float:right;
}

.footerBox div a, .footerBox div.textRight a {
	color: #fff;
}

#contact, #about, #impressum {
	position: absolute;
	width: 344px;
	height: 276px;
	border: 1px #fff solid;
	background-color: #fff;
	
	opacity: .70;
	
	top: 50px;
	right: 0px;
	
	display: none;
	padding: 2px 2px 0px 2px;
}

.headlineBox {
	color: #000;
	font-weight: 900;
	line-height: 14px;
	text-align: right;
	padding-right: 2px;
}

.contentBox {
	height: 248px;
	width: 344px;
	overflow: auto;
	background-color: #fff;
}

.closeRight {
	text-align: right;
	font-weight: 900;
}

.contentBox.small {
	height: 152px;
	padding-left: 10px;
}

/* new styles */

#newsletter {
	display: none;
}

.newsletterPop {
	position: absolute;
	width: 244px;
	height: 38px;
	border: 1px #333 solid;
	background-color: #fff;
	top: 250px;
	left: 50px;
	display: block;
	padding: 2px 2px 0px 2px;
}

.newsletterPop span {
	display: block;
	
	text-align: center;
	padding: 13px 5px 5px 5px;

	font-size: 120%;
	font-weight: 500;
	font-variant: small-caps;
}

* html .newsletterPop {
	width: 250px;
}

* html #nlForm {
	margin: 0px;
}

* html .extcalsm {
	font-size: 9px;
}

* html .selectorPreview {
	margin: 0px;
	margin-left: 4px;
}


#nlForm input#email {
	border: 1px #333 solid;
	padding-left: 2px;
	width: 201px;
}

#nlForm input#go {
	 border: 1px #333 solid;
	 color: #000;
	 width: 28px;
}

/* Firefox */

#fxSpread {
	position: absolute;
	top: 20px;
	right: 0px;
	background: url(./images/fx_125x30.png) top right no-repeat;
	height: 30px;
	width: 125px;
}

#fxSpread a {
	display:block;
	width: 125px;
	height: 30px;
	text-decoration: none;
}

div.galLin {
	padding: 2px;
	background-color: #fff;
	border-bottom: 1px #333 dotted;
	margin-left: auto;
	margin-right: auto;
	overflow:hidden;
}

div.galLin:hover {
	padding: 2px;
	background-color: #ddd;
	border-bottom: 1px #d30 dotted;
	color: #333;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}

div.galLin:hover * span, div.galLin:hover * a, div.galLin:hover * a:hover {
	color: #333;
	text-decoration: none;
}

a { text-decoration: none; }
a:hover { text-decoration: none; }

.thumbs {
	background-color: transparent;
	overflow:hidden;
	width: 800px;
	padding-left: 2px;
}

.thumbSlide {
	float: left;
	width: 70px;
	height: 70px;
	overflow: hidden;
	background-color: #fff;
	border: 1px #ccc solid;
	padding: 2px;
	margin: 2px;
}

div.thumbSlide:hover {
	border: 1px #333 solid;
}

div.thumbSlide.active {
	border: 1px #d30 solid;
}

.thumbSlide div {
	width:66px;
	height: 66px;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	margin-top: 2px;
}

.link {
	height: 350px;
	width: 20px;
}

.left {
	float: left;
	border-right: 1px #ccc dotted;
}

.right {
	float: right;
	border-left: 1px #ccc dotted;
}

.zoom {
	float:left;
	height: 350px;
	width: 558px;
}

a.zoom:hover {
/*	border-top: 20px #690 solid;
	height: 330px;*/
	background: url(./images/zoom.gif) center center no-repeat;
}

a.link.left:hover, a.link.right:hover {
	background-color: #690;
}

#info {
	position: absolute;
	
	top: 50px;
	right: 0px;
	
	width: 344px;
	height: 196px;
	
	background-color: #fff;
	border: 1px #fff solid;
/*	
	filter:alpha(opacity=70);
	-moz-opacity:.70;*/
	opacity:.70;

	display: none;
	padding: 2px 2px 0px 2px;
}

.content {
	overflow: hidden;
	margin-top: 2px;
	text-align: left;
}

#articlesLeft {
	width: 596px;
	min-height: 150px;
	
	background-color: #fff;
	border: 1px #333 solid;
	margin-right: 2px;
	float:left;
}

#menuRight {
	width: 198px;
	min-height: 159px;
	
	background-color: #eee;
	border: 1px #333 solid;
}

.blockHeadline {
	background-color: #666;
	padding-right: 2px;
	padding-left: 2px;
	line-height: 14px;
	height: 14px;
	font-weight: 900;
	color: #fff;
}

.blockHeadline.rightText {
	text-align: right;
}

.blockHeadline.leftText {
	text-align: left;
	overflow: hidden;
}

.articleHeadline.red, .articleHeadline.red a, .articleHeadline.red a:hover, .articleHeadline.red a:link, .articleHeadline.red a:visited {
/*	color: #d9571e; bleached red */
	color: #d30;
	font-weight: 900;
}

.articleContent {
	color: #666;
	font-weight: 100;
	font-size: 12px;
	line-height: 15px;
}

.articleContent a, .articleContent a:hover, .articleContent a:active {
	color: #333;
	font-weight: 100;
	border-bottom: 1px #666 dotted;
}

/* special separator - gallery-banner */

.galleryBanner {
	width: 592px;
	height: 100px;
	background-color: #ccc;
	background-repeat: no-repeat;
	background-position: left -100px;
}

div.galleryBanner span {
	display: none;
}

div.galleryBanner:hover span {
	display: block;
	position: relative;
	top: 45px;
	right: 0px;
	text-align: right;
}

div.galleryBanner:hover span a {
	/*background-color: #333;*/
	background: url('./images/transBG.png') top left;
	color: #333;
	font-variant: small-caps;
	font-size: 120%;
	font-weight: 900;
	padding: 3px 5px 3px 5px;
}

div.galleryBanner:hover span a:hover {
	background-image: none;
	background-color: #d30;
	color: #333;
}

.contentLine {
	height: 52px;
	border-bottom: 1px #333 dotted;
	padding: 2px 2px 0px 2px;
}

.contentLine.extra {
	height: 102px;
}

.articleTeaserImage {
	width: 100px;
	height: 50px;
	
	background-color: #ccc;
	background-repeat: no-repeat;
	background-position: left -10px;
	
	margin-right: 5px;
	float: left;
}

.articleLink {
	float: right;
	margin-left: 5px;
	width: 30px;
	height: 50px;
	background-color: #333;
}

div.articleLink a {
	display: block;
	width: 30px;
	height: 50px;
} 

div.articleLink a:hover {
	background-color: #d30;
}

/* ad banner & partner links */

#ads {
	 overflow: hidden;
	 margin-top: 2px;
}

#bannerZone1 {
	width: 480px;
	height: 70px;
	
	margin-right: 2px;
	background-color: #fff;
	border: 1px #333 solid;
	float: left;
}

.bannerLabel {
	width: 10px;
	height: 70px;
	background-color: #333;
}

.bannerLabel.leftSide {
	float: left;
}

.bannerLabel.rightSide {
	float: right;
}

.advLabel {
	height: 34px;
	width: 8px;
	padding-top: 16px;
	padding-right: 2px;
}

.advLabelAffil {
 	height: 31px;
 	width: 8px;
 	padding-top: 20px;
 	margin-left: -1px;
}

#affiliateMain {
	width: 314px;
	height: 70px;
	
	background-color: #333;
	border: 1px #333 solid;
	float: left;
}

.spaces {
	background-color: #fff;
	float: left;
	text-align: center;
}

.spaces.bannerSpace {
	width: 468px;
	height: 65px;
	padding-top: 5px;
}

.spaces.affiliateSpace {
	width: 302px;
	height: 70px;
	background: url('./images/afffiliates3.png') #fff no-repeat top center;
}

#adSpacer {
	width: 800px;
	height: 12px;
	margin-top: 2px;
	background-color: #333;
}

#adSpacer:hover {
	border-right: 600px #333 solid;
	width: 200px;
	background-color: #d30;
}

#imgBox {
	position: absolute;
	top: 50px;
	left: 200px;
	
	width: 600px;
	height: 280px;
}

#imgs {
	width: 600px;
	height: 280px;
	
	background-repeat: no-repeat;
	background-position: -95px -90px;
	background-color: #fff;
	overflow: hidden;
}

#imgs span.switchImg {
	padding-left: 2px;
	color: #fff;
	font-weight: 900;
	cursor: pointer;
}

span.switchImg img {
	padding-top: 4px;
}

#loading {
	position: relative; 
	top: 130px;
	left: 290px;
	
	width: 20px;
	height: 20px;
	
	background: url('./images/loading.gif') #fff no-repeat top left;
	display: none;
}

#logoBox {
	position: absolute;
	top: 135px;
	left: 50px;
	
	width: 248px;
	height: 95px;
	padding-top: 15px;
	
	border: 1px #333 solid;
	background-color: #fff;
	text-align: center;
}

#logoBoxLogo {
	width: 248px;
	height: 69px;
	border-bottom: 1px #690 dotted;
	padding-bottom: 10px;
}

#logoBoxMenu {
	width: 248px;
	height: 10px;
	
	font-size: 10px;
	font-weight: 900;

	text-align: left;
	padding-top: 1px;

	border-top: 1px #ccc dotted;
}

#logoBoxMenu span {
	padding-left: 4px;
	float:left;
}

#logoBoxMenu span.infoRight {
	padding-right: 4px;
	float: right;
}

#teaser {
	width: 280px;
	background: url('./images/transBG.png') top left;
	
	position: absolute;
	bottom: 0px;
	right: 0px;
	
	_display: none;
}

div#teaser > div {
	height: 20px;
	border-bottom: 1px #fff solid;
	padding-left: 4px;
}

.teaserPoint {
	float: left;
	padding-left: 12px;
	background: url('./images/teaserPnt.png') no-repeat center left;
}

div#teaser div a span {
	color: #000;
	line-height: 18px;
	font-weight: 900;
	font-size: 120%;
	font-variant: small-caps;
}

div#teaser > div > div {
	display: none;
	padding: 3px;
}

div#teaser > div span {
	display: block;
	overflow: hidden;
}

div#teaser > div span img {
	float: right;
	padding-right: 5px;
	padding-top: 5px;
}

div p.teaser {
	padding: 0px;
	margin: 0px;
}

.teaserImage {
	float: left;
	padding-right: 5px;
}

.menuBase {
	padding: 0px 3px 0px 3px;
}

/* dirty washed-out red: #d9571e */

div.menuBase a span {
	color: #333;
	font-weight: 900;
	font-size: 220%;
	line-height: 80%;
	display: block;
	padding: 2px 0px 2px 5px;
	border-bottom: 2px #333 dotted;
	font-variant: small-caps;
}

div.menuBase a:hover span, div.menuBase a:active span {
	color: #d30;
}

.pfLink {
	background: url('img/playfmLink.png') #fff no-repeat center left;
	line-height: 14px;
	padding-left: 45px;
}

.pfLink:hover {
	background: url('img/playfmLinkO.png') #fff no-repeat center left;
}

.msLink {
	border-left: 5px #d30 solid;
	padding-left: 5px;
}

.msLink:hover {
	border-left: 5px #ccc solid;
}

.winBlock {
	color:#fff;
	background-color: #d30;
	padding: 2px;
	font-weight: 900;
}

.winBlockCG {
	display: block;
	font-weight: 900;
	margin-top: 5px;
}

#winForm {
	display: none;
	width: 330px;
	overflow: hidden;
}

#winForm form {
	float: right;
	margin: 0px;
	padding: 0px;
}

#winInputs {
	float: left;
}

#winInputs input {
	font-size: 70%;
	width: 220px;
	height: 14px;
}

#agb {
	margin-top: 10px;
}

#agb p {
	margin: 0px;
	padding: 0px;
}