﻿/*FRAMEWORK*/

body {
	background-color: #FCFCFC;
	margin: 0px;
	padding: 0px;
}	
p {
	margin: 0px;
	padding: 0px;
}
p.caption {
	background-color: transparent;
	width: 970px;
	border-bottom: 2px solid #121212;
	padding: 0px 25px;
	font-family: 'Anton', sans-serif;
	line-height: 1.5em;
	color: #121212;
	text-align: center;
	vertical-align: top;
	font-size: 100px;
}
p.statement {
	background-color: transparent;
	width: 970px;
	padding: 0px 25px;
	font-family: 'Playfair Display', serif;
	line-height: 2em;
	color: #121212;
	text-align: center;
	vertical-align: top;
	font-size: 40px;
}
p.quelle {
	background-color: transparent;
	width: 970px;
	padding: 0px 25px;
	font-family: 'Raleway', sans-serif;
	line-height: 2em;
	color: #121212;
	text-align: center;
	vertical-align: top;
	font-size: 18px;
}
div.wallpaper {
	background: url(./vcontent/wallpaper.jpg);
	background-position: center;
	background-repeat: repeat;
	min-width: 1020px;
	height: 600px;
	border-top: 5px solid #121212;
	border-bottom: 3px solid #121212;
	margin: 0px;
	padding: 0px;
}
p.headline {
	background-color: transparent;
	width: 970px;
	padding: 0px 25px;
	font-family: 'Anton', sans-serif;
	line-height: 1em;
	color: #121212;
	text-align: left;
	vertical-align: bottom;
	font-size: 120px;
	opacity: 0.85;
}
div.id {
	background-color: #FCFCFC;
	height: 105px;
	min-width: 1020px;
	margin: 0px;
	padding: 0px;
}
div.block {
	background-color: #FCFCFC;
	height: 105px;
	width: 100px;
	margin: 0px;
	padding: 0px;
}
table.wallpaper {
		background-color: transparent;
		border: none;
		border-collapse: collapse;
		width: 1020px;
		height: 100%;
		padding: 0px;
		font-family: 'Anton', sans-serif;
		line-height: 1.5em;
		color: #FCFCFC;
		text-align: center;
		vertical-align: middle;
		font-size: 140px;
		opacity: 0.95;
}
table.box {
		background-color: transparent;
		border: none;
		border-collapse: collapse;
		width: 1020px;
		padding: 0px;
	}
	tr.box {
			background-color: transparent;
			border: none;
			border-collapse: collapse;
			padding: 0px;
		}
		th.box {
			}
			td.single_box {
				background-color: transparent;
				border: none;
				border-collapse: collapse;
				padding: 0px 25px;
				font-family: 'Raleway', sans-serif;
				line-height: 2em;
				color: #121212;
				text-align: left;
				vertical-align: top;
				width: 970px;
				font-size: 22px;
				-moz-hyphens: auto;
				-o-hyphens: auto;
				-webkit-hyphens: auto;
				-ms-hyphens: auto;
				hyphens: auto;
			}
			p.single_caption {
				background-color: transparent;
				padding: 25px 0px;
				font-family: 'Anton', sans-serif;
				line-height: 1.5em;
				color: #121212;
				text-align: left;
				vertical-align: top;
				font-size: 36px;
			}
			td.double_box {
				background-color: transparent;
				border: none;
				border-collapse: collapse;
				padding: 0px 25px;
				font-family: 'Raleway', sans-serif;
				line-height: 2em;
				color: #121212;
				text-align: left;
				vertical-align: top;
				width: 460px;
				font-size: 18px;
				-moz-hyphens: auto;
				-o-hyphens: auto;
				-webkit-hyphens: auto;
				-ms-hyphens: auto;
				hyphens: auto;
			}
			p.double_caption {
				background-color: transparent;
				padding: 25px 0px;
				font-family: 'Anton', sans-serif;
				line-height: 1.5em;
				color: #121212;
				text-align: left;
				vertical-align: top;
				font-size: 30px;
			}
			td.triple_box {
				background-color: transparent;
				border: none;
				border-collapse: collapse;
				padding: 0px 25px;
				font-family: 'Raleway', sans-serif;
				line-height: 2em;
				color: #121212;
				text-align: left;
				vertical-align: top;
				width: 290px;
				font-size: 18px;
				-moz-hyphens: auto;
				-o-hyphens: auto;
				-webkit-hyphens: auto;
				-ms-hyphens: auto;
				hyphens: auto;
			}
			p.triple_caption {
				background-color: transparent;
				padding: 25px 0px;
				font-family: 'Anton', sans-serif;
				line-height: 1.5em;
				color: #121212;
				text-align: left;
				vertical-align: top;
				font-size: 30px;
			}
				span.price {
					color: #222222;
					font-size: 50%;
				}
			li.triple_li {
				background-color: transparent;
				padding: 25px 0px;
				font-family: 'Raleway', sans-serif;
				line-height: 2em;
				color: #121212;
				text-align: left;
				vertical-align: top;
				font-size: 14px;
			}
			td.twogether_box {
				background-color: transparent;
				border: none;
				border-collapse: collapse;
				padding: 0px 25px;
				font-family: 'Raleway', sans-serif;
				line-height: 2em;
				color: #121212;
				text-align: left;
				vertical-align: top;
				width: 630px;
				font-size: 18px;
				-moz-hyphens: auto;
				-o-hyphens: auto;
				-webkit-hyphens: auto;
				-ms-hyphens: auto;
				hyphens: auto;
			}
			p.twogether_caption {
				background-color: transparent;
				padding: 25px 0px;
				font-family: 'Anton', sans-serif;
				line-height: 1.5em;
				color: #121212;
				text-align: left;
				vertical-align: top;
				font-size: 30px;
			}
table.monitor {
		background: url(./vcontent/monitor.jpg);
		background-position: center;
		border: none;
		border-collapse: collapse;
		width: 1000px;
		height: 568px;
		padding: 0px;
	}
	tr.monitor {
			background-color: transparent;
			border: none;
			border-collapse: collapse;
			padding: 0px;
		}
		td.monitor {
			background-color: transparent;
			border: none;
			border-collapse: collapse;
			padding: 0px;
			font-family: 'Raleway', sans-serif;
			line-height: 2em;
			color: #121212;
			text-align: center;
			vertical-align: middle;
		}
summary {
	background-color: transparent;
	padding: 25px;
	font-family: 'Anton', sans-serif;
	line-height: 1.5em;
	color: #121212;
	text-align: left;
	vertical-align: top;
	font-size: 30px;
}
details {
	background-color: #FCFCFC;
	max-width: 1000px;
	margin: 0px;
	padding: 0px;
}
details:hover {
	cursor: inherit;
}

p.source {
	background-color: transparent;
	text-align: left;
	font-family: 'Raleway', sans-serif;
	font-size: 12px;
	line-height: 2em;
	color: #888888;
}
div.fallback {
	max-width: 1000px;
	background-color: transparent;
	text-align: center;
	margin: 0px;
	padding: 0px;
}
p.fallback {
	max-width: 1000px;
	margin: 0px;
	padding: 0px;
	background-color: transparent;
	text-align: center;
	font-family: 'Raleway', sans-serif;
	font-size: 12px;
	line-height: 2em;
	color: #888888;
}
a:link, a:visited, a:hover, a:active {
	background-color: transparent;
	color: #99cc66;
	font-family: inherit;
	font-size: inherit;
	text-decoration: inherit;
}
a:link.gray, a:visited.gray, a:hover.gray, a:active.gray {
	background-color: transparent;
	color: #222222;
	font-family: inherit;
	font-size: inherit;
	text-decoration: inherit;
}
a:link.index, a:visited.index {
	background-color: transparent;
	color: #121212;
	font-family: inherit;
	font-size: inherit;
	text-decoration: inherit;
}
	a:hover.index, a:active.index {
		background-color: transparent;
		color: #99cc66;
		font-family: inherit;
		font-size: inherit;
		text-decoration: inherit;
	}
a:link.hoverchange, a:visited.hoverchange {
	background-color: transparent;
	color: #121212;
	font-family: inherit;
	font-size: inherit;
	text-decoration: inherit;
	cursor: pointer;
}
	a:hover.hoverchange, a:active.hoverchange {
		background-color: transparent;
		color: #99cc66;
		font-family: inherit;
		font-size: inherit;
		text-decoration: inherit;
		cursor: pointer;
	}
/*Thumb*/
tr.thumb:hover, td.thumb:hover {
	background-color: #f5f5f5;
}
a:link.thumb, a:visited.thumb, a:hover.thumb, a:active.thumb {
	background-color: transparent;
	color: inherit;
	font-family: inherit;
	font-size: inherit;
	text-decoration: inherit;
}
span.read_more {
	color: #99cc66;
}

img.basic {
	border: 0px;
	margin: 25px 0px;
	width: 100%;
}

img.thumb {
	border: 0px;
	box-shadow: 2px -2px 10px #121212;
	margin: 25px 0px;
	width: 100%;
}

img.clublogo {
	border: 0px;
	border: none;
	max-width: 50px;
	max-height: 50px;
	padding: 0px 20px;
	vertical-align: middle
}

img.langselect {
	border: 0px;
	border: none;
	vertical-align: middle
	opacity: 1;
}

img.langselect:hover {
	opacity: 0.75;
}

/*MEDIA*/
td.mediapreview {
	background-color: transparent;
	border: none;
	border-collapse: collapse;
	padding: 25px;
	font-family: 'Raleway', sans-serif;
	line-height: 2em;
	color: #121212;
	text-align: center;
	vertical-align: middle;
	width: 290px;
	height: 290px;
	font-size: 18px;
	-moz-hyphens: auto;
	-o-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}
img.mediapreview {
	border: 0px;
	box-shadow: 2px -2px 10px #121212;
	max-width: 100%;
	max-height: 100%;
	opacity: 1;
}

img.mediapreview:hover {
	opacity: 0.75;
}
	

/* Hauptmenü */
	div.hauptmenue {
		border: none;
		position: fixed;
		top: 0px;
		margin: 0px auto;
		width: 100%;
		height: 148px;
		background-color: #121212;
		z-index: 20;
		text-align: center;
		}
	p.hauptmenue {
		background-color: transparent;
		border: none;
		margin: 0px auto;
		width: 1020px;
		font-family: 'Anton', sans-serif;
		font-size: 20px;
		line-height: 35px;
		color: #FBFD04;
		text-align: left;
		}
	a:link.hauptmenue,
	a:visited.hauptmenue {
		margin: 0px;
		padding: 5px 15px;
		background-color: transparent;
		color: #FBFD04;
		text-decoration: none;
		}
	a:hover.hauptmenue,
	a:active.hauptmenue {
		background-color: #FBFD04;
		color: #121212;
		}

/* Submenü */
	div.submenue {
		border: none;
		position: fixed;
		top: 105px;
		margin: 0px auto;
		width: 100%;
		height: 40px;
		background-color: #FBFD04;
		z-index: 25;
		text-align: center;
		}
	p.submenue {
		background-color: transparent;
		border: none;
		margin: 0px auto;
		width: 1020px;
		font-family: 'Playfair Display', serif;
		font-size: 18px;
		line-height: 40px;
		color: #121212;
		text-align: left;
		}
	a:link.submenue,
	a:visited.submenue {
		margin: 0px;
		padding: 5px 15px;
		background-color: transparent;
		color: #121212;
		text-decoration: none;
		}
	a:hover.submenue,
	a:active.submenue {
		opacity: 0.25;
		}




div.toolbar_unten {
	border: none;
	position: fixed;
	bottom: 0px;
	margin: 0px auto;
	width: 100%;
	height: 50;
	background-color: #121212;
	z-index: 20;
	text-align: center;
	vertical-align: middle;
}
	div.toolbar_unten_menue {
		border: none;
		background-color: transparent;
		margin: 0px auto;
		width: 1020px;
		text-align: right;
		vertical-align: middle;
		padding: 0px;
	}
a:link.toolbar_unten_link,
a:visited.toolbar_unten_link {
	background-color: #121212;
	margin: 0px;
	padding: 5px 25px;
	font-family: 'Playfair Display', serif;
	font-size: 12px;
	color: #FBFD04;
	text-decoration: none;
}
	a:hover.toolbar_unten_link,
	a:active.toolbar_unten_link {
		background-color: #FBFD04;
		color: #121212;
	}


/*IMPRESSUM*/
div.impressum {
	border: none;
	min-width: 970px;
	margin: 0px;
	height: auto;
	padding: 0px 25px;
	background-color: #222222;
	text-align: center;	
}
	div.impressum_headline {
		border: none;
		background-color: transparent;
		margin: 0px auto;
		width: 970px;
		padding: 25px 0px 0px 0px;
		text-align: left;
		font-family: 'Raleway', sans-serif;
		font-size: 12px;
		line-height: 2em;
		color: #888888;
		font-weight: bold;
	}
	div.impressum_text {
		border: none;
		background-color: transparent;
		margin: 0px auto;
		width: 970px;
		padding: 0px;
		text-align: justify;
		font-family: 'Raleway', sans-serif;
		font-size: 12px;
		line-height: 2em;
		color: #888888;
	}
	div.impressum_adressdaten {
		border: none;
		background-color: #FCFCFC;
		min-width: 970px;
		padding: 50px 25px;
		margin: 0px auto;
		text-align: center;
		font-family: 'Raleway', sans-serif;
		font-size: 16px;
		line-height: 2em;
		color: #121212;
	}
	div.impressum_abbinder {
		border: none;
		background-color: #222222;
		min-width: 970px;
		padding: 50px 25px 100px 25px;
		margin: 0px auto;
		text-align: center;
		font-family: 'Raleway', sans-serif;
		font-size: 16px;
		line-height: 2em;
		color: #FCFCFC;
	}
	div.impressum_karte {
		border: none;
		background-color: #FCFCFC;
		min-width: 1020px;
		padding: 0px;
		margin: 0px auto;
	}
	div.impressum_id {
		background-color: #222222;
		height: 105px;
		min-width: 970px;
		margin: 0px;
		padding: 0px;
	}
a:link.impressum, a:visited.impressum, a:hover.impressum, a:active.impressum {
		color: #FBFD04;
		text-decoration: none;
	}
a:link.impressum_rufnummer, a:visited.impressum_rufnummer, a:hover.impressum_rufnummer, a:active.impressum_rufnummer {
		color: #121212;
		text-decoration: none;
	}
a:link.impressum_rufnummertext, a:visited.impressum_rufnummertext, a:hover.impressum_rufnummertext, a:active.impressum_rufnummertext {
		color: #888888;
		text-decoration: none;
	}
	
	
/* Merchandise */
	
select {
	background-color: #e1e1e1;
	border: 1px solid #acacac;
	border-collapse: collapse;
	font-family: 'Raleway', sans-serif;
	font-weight: bold;
	padding: 0px 10px;
	line-height: 2em;
	color: #121212;
	text-align: left;
	vertical-align: top;
	height: 40px;
	font-size: 14px;
}

select:hover, select:focus {
	background-color: #FBFD04;
	color: #121212;
	border: 1px solid #222222;
}

input.erscheintermin {
	background-color: #e1e1e1;
	border: 1px solid #acacac;
	border-collapse: collapse;
	font-family: 'Raleway', sans-serif;
	font-weight: bold;
	line-height: 2em;
	color: #121212;
	padding: 0px 10px;
	text-align: left;
	vertical-align: top;
	width: 80px;
	height: 40px;
	font-size: 14px;
}
input.suchtext {
	background-color: #e1e1e1;
	border: 1px solid #acacac;
	border-collapse: collapse;
	font-family: 'Raleway', sans-serif;
	font-weight: bold;
	padding: 0px 10px;
	line-height: 2em;
	color: #121212;
	text-align: left;
	vertical-align: top;
	width: 270px;
	height: 40px;
	font-size: 14px;
}
button.filter_anwenden {
	background-color: #e1e1e1;
	border: 1px solid #acacac;
	font-family: 'Raleway', sans-serif;
	font-weight: bold;
	font-size: 14px;
	line-height: 2em;
	color: #121212;
	width:225px;
	height:40px;
}
input.anmelden {
	background-color: #e1e1e1;
	border: 1px solid #acacac;
	border-collapse: collapse;
	font-family: 'Raleway', sans-serif;
	font-weight: bold;
	padding: 0px 10px;
	line-height: 2em;
	color: #121212;
	text-align: left;
	vertical-align: top;
	width: 150px;
	height: 40px;
	font-size: 14px;
}
input.passwort, input.user {
	background-color: #e1e1e1;
	border: 1px solid #acacac;
	border-collapse: collapse;
	font-family: 'Raleway', sans-serif;
	font-weight: bold;
	padding: 0px 10px;
	line-height: 2em;
	color: #121212;
	text-align: left;
	vertical-align: top;
	width: 290px;
	height: 40px;
	font-size: 14px;
}
input.download {
	background-color: #99cc66;
	border: 1px solid #04B486;
	border-collapse: collapse;
	font-family: 'Raleway', sans-serif;
	font-weight: bold;
	padding: 0px 10px;
	line-height: 2em;
	color: #121212;
	text-align: left;
	vertical-align: top;
	width: 290px;
	height: 40px;
	font-size: 14px;
}
select.size:hover, input.erscheintermin:hover, input.suchtext:hover, button.filter_anwenden:hover, input.anmelden:hover, input.passwort:hover, input.user:hover {
	background-color: #99cc66;
	border: 1px solid #04B486;
}
select.size:focus, input.erscheintermin:focus, input.suchtext:focus, button.filter_anwenden:focus, input.anmelden:focus, input.passwort:focus, input.user:focus {
	background-color: #99cc66;
	border: 1px solid #04B486;
}
	tr.zebra:nth-child(even) {
		background-color: #f2f2f2
	}
	tr.elothumb:hover {
		background-color: #f2f2f2;
	}
		td.elo_content {
			background-color: transparent;
			border: none;
			border-collapse: collapse;
			padding: 15px 25px;
			font-family: 'Raleway', sans-serif;
			line-height: 2em;
			color: #121212;
			text-align: left;
			vertical-align: top;
			width: 970px;
			font-size: 14px;
		}
a:link.elo_link, a:visited.elo_link, a:hover.elo_link, a:active.elo_link {
	color: inherit;
	text-decoration: none;
}