/* wpt-online Angaben - nicht entfernen! */
.poweredby {
    font-size: .8em;
}

#get {
    background : url(http://http-get.de/get.gif) no-repeat;
}

/* Main styles */

#news a {
	color: #ffffff;
	text-decoration: none;
}
#news a:hover {
	color: #ffffff;
	text-decoration:underline;
}
td {
	vertical-align: top;
}
.b{
	float:left;	
}
.p{
	float:left;	
}
#messetermine tr td:first-child{
	max-width: 130px;
	padding-right: 10px;
}

#content a {
	color: #000 !important;
}

#content a:focus, #content a:hover {
	text-decoration: underline ;
	color: #000 !important;
}

.pp_content {
	height: 100% !important;
}
.container {
	max-width: 977px;
}

div.pp_default .pp_content_container .pp_details {
	margin-top: 15px !important;
}
body {
	background: #000 url('../images/footer_bogen.png') center bottom 20px no-repeat;
	overflow-y: scroll;
	font-size: 12px;
	font-family: Arial, sans-serif;
	color: #4e4e4e;
	overflow-x: hidden;
}

input[type='submit'], input[type='submit']:hover {
	background: #E7E3D8 !important;
	color: rgba(0,0,0,0.75);
	border: 1px solid rgba(0,0,0,0.2);
}

.form-control:focus {
	box-shadow: none;
	border: 1px solid #63121d;
}

input[type='submit']:hover {
	box-shadow: 0 0 5px rgba(0,0,0,0.1);
}

img {
	border: 0 none;
	-webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
     user-select: none;
}

iframe {
	width: 100%;
	min-height: 460px;
}

textarea, input[type='text'], select {
	max-width: 100%;
	min-width: 100%;
}

.clear {
	clear: both;
}

/* View */

#wrapper {
	max-width: 947px;
	width: 100%;
	margin: 0 auto;
}

.mobile-topmenu .fa {
	font-size: 20px !important;
	color: #FFF;
}

.mobile-topmenu a {
	color: #FFF;
}

.mobile-topmenu {
	padding: 5px;
	background: #63121d;
	display: none;
}
#herzplatz {
	position: absolute;
	top: 10px;
	left: 445px;
	z-index: 100;
}
.herzen-content {
	display: none;
	position: absolute;
	margin-top: -200px;
	right: 430px;
	margin-top: 30px;
}

h1 {
	color: #4e4e4e;
	font-weight: bold;
	font-size: 26px;
}

h2 {
	color: #4e4e4e;
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 5px;
}

h3, h4 {
	color: #4e4e4e;
	font-weight: bold;
	font-size: 15px;
	margin-bottom: 5px;
}

#top {
	background: #63121d;
}

#top > figure {
	max-width: 420px;
	width: 100%;
}
#slogan {
	position: relative;
	z-index: 50;
	display: inline;
	font-size:17px;
	font-family: "Eras ITC", "Eras Light ITC",  sans-serif ;
	color: #ffffff;
	line-height:1.7em;
	top: 26px;
	left: 27px;
}

#right-head {
	background: url('../images/head.png') no-repeat;
	height: 51px;
	width: 358px;
	display: inline-block;
	font-size: 25px;
	color: #525252;
	padding-top: 4px;
	font-family: "Eras Demi ITC", "Eras Demi ITC",  sans-serif ;
	font-weight: bold;
}

#right-head span {
	padding-left: 5px;
	margin-top: 10px;
}

#right-head ul {
	padding: 0px 0px 0px 13px;
}

.telefon {
	margin-left: 5px;
}

.logo {
	margin-top: 20px;
	margin-left: -10px;
	display: inline-block;
}

#menu {
	background: #63121d url('../images/menue_bg.png') repeat-x top left;
	height: 62px;
	width: 100%;
}

#menu a {
	font-weight: bold;
	font-size: 14px;
	color: #626262;
	margin: 0 5px 0 5px;
	text-decoration: none;
	text-transform: uppercase;
}

#menu a:hover, #menu a.active {
	color: #626262;
	text-decoration: underline;
}

#menu ul {
	height: 62px;
	margin: 0 auto;
	max-width: 965px;
	width: 100%;
	background: url('../images/menue_bogen.png') no-repeat left 50px top;
}

#menu li {
	padding-top: 25px;
}

.news {
	max-width: 945px !important;
	margin: 0 auto;
	font-size: 15px;
	text-shadow: 1px 1px 1px #000;
	background: url(../images/ticker.png) no-repeat;
}

#newsbox {
	background: #63121d;
	border-bottom: 2px solid #FFF;
	color: #FFF;
}

#news {
	padding: 15px;
	overflow: hidden;
}

#slider {
	background: url('../images/produkt_slider.png') no-repeat;
	width: 100%;
	height: 196px;
	padding: 34px 20px 50px 30px;
	overflow: hidden;
}

#pagination {
	width: 100%;
}

.slides img {
	margin: 0 3px;
}

.slides > li {
}

.flex-control-paging {
	position: relative;
	z-index: 15;
	width: 700px;
}

.flex-control-nav {
	text-align: right !important;
	padding-right: 50px !important;
}

.flex-control-paging li {
	margin: 0 2px !important;
}

.flex-control-paging li a {
	background: url('../images/bilderwechsel_off.png') !important;
	height: 24px !important;
	width: 24px !important;
	margin-top: -70px !important;
	float: right;
	color: transparent !important;
}

.flex-control-paging li a.flex-active {
	background: url('../images/bilderwechsel_on.png') !important;
	height: 24px !important;
	width: 24px !important;
}

.full-content {
	background: #EEEEEE; /* Old browsers */
	width: 100%;
	padding: 25px;
	max-width: 940px;
	margin-left: 2px;
	float: left;
	margin-bottom: 5px;
}

.full-content2 {
	background: #63121d; /* Old browsers */
	width: 100%;
	padding: 25px;
	max-width: 940px;
	margin-left: 2px;
	float: left;
	margin-bottom: 5px;
}

#content {
	position: relative;
	margin-top: -95px;
	z-index:15;
}
.content-left {
	background: url('../images/content_links.png') no-repeat;
	padding: 0px 25px 25px 25px;
	min-height: 304px;
	font-size: 12px;
	color: #4e4e4e;
}

#bilderwechsel {
	position: relative;
	margin-bottom: 100px;
	max-width: 945px;
}

#slidetext {
	background: #CCC;
	font-size:30px;
	padding: 8px 0; 
	font-family: "Eras ITC", "Eras Light ITC",  sans-serif ;
	margin-top: 3px;
	color: #69535a;
}

#slider-bogen {
	position: absolute;
	z-index: 10;
	margin-left: -10px;
	margin-top: 220px;
}

#slider {
	overflow: hidden;
}

#slide-control {
	position: absolute;
	z-index: 40;
	margin-left: -31px;
	margin-top: 84px;
}

.slide_rechts {
	margin-top: -8px;
}

.slide_rechts, .slide_links {
	cursor: pointer;
}

.content-right {
	background: url('../images/content_rechts.png') no-repeat;
	position: relative;
	margin-left: -67px;
	min-height: 304px;
	padding-left: 95px;
	padding-top: 10px;
	font-size: 12px;
	color: #fff;
	text-align: right;
}

.content-right h1 {
	color: #FFF;
}

.content-left > * {
	padding-right: 50px;
	max-width: 500px;
}

.hilight {
	color: #2d5479;
}

.oeffnungszeiten {
	color: #333333;
}

#sidebox h3 {
	color: #2d5479 !important;
	font-weight: bold;
	margin-bottom: 7px;
}

.slide-nav {
	display: inline-block;
	vertical-align: top;
	margin-top: 40px;
	cursor: pointer;
}

.ticker_rechts {
	margin: 4px 0px 0 10px;
	cursor: pointer;
}

.ticker_links {
	margin-top: 4px;
	cursor: pointer;
}

.items ul {
	margin: 0;
	padding: 0;
	display: inline-block;
}

.items li {
	display: inline-block;
	list-style-type: none;
}

.col-md-6 {
	width: 52% !important;
}

#mobile-menu {
	display: none;
}

footer {
	background: url('../images/footer.png') no-repeat;
	height: 120px;
	padding: 15px;
	color: #333;
	font-size: 13px;
}

footer .data {
	padding-top: 15px;
}

#bottom {
	color: #0d2734;
	font-size: 13px;
}

footer a {
	color: #333;
	font-weight: bold;
}

img.bilder {
	width			: 129px;
	height			: 215px;
	padding			: 3px;
	border			: 1px solid #cccccc;
}
img.accessoires {
	width			: 125px;
	height			: 215px;
	padding			: 3px;
	border			: 1px solid #cccccc;
}
div.brautmoden {
	width			: 125px;
	margin			: 0 20px 10px 0;
	display			: inline-block;
}
div.accessoires{
	width			: 125px;
	margin			: 0 20px 20px 0;
	float			: left;
}
hr.trennlinie {
	width			: 500px;
	height			: 7px;
	background		: url(/images/trennlinie.png);
	border			: none;
	margin			: 0px 0 20px 0;
}
hr.trennlinie-kl {
	width			: 216px;
	height			: 7px;
	background		: url(/images/trennlinie_aktuelles.png);
	border			: none;
	margin			: 0px 0 15px 30px;
}
img.messe {
	width			: 230px;
	margin			: 5px 22px 15px 0;
	padding			: 3px;
	border			: 1px solid #cccccc;
}
img.hochzeitsplaner {
	float			: right;
	margin			: 0px 10px 5px 5px;
	padding			: 3px;
	border			: 1px solid #cccccc;
}
img.partnerlogo {
	width			: 270px;
	height			: 104px;
	padding			: 3px;
	border			: 1px solid #DCDCDC;
}

.menudot:first-child {
	display: none !important;
}

#mobile-menu, #bottom-menu {
	display: none;
}

#mobile-menu a {
	display: inline-block;
	text-align: center;
	width: 25%;
	margin: 10px;
}

#mobile-menu a.active {
	color: #2e2e2e;
}

.m-menu {
	border-top: 2px solid #EEE; 
	border-bottom: 2px solid #EEE; 
	background: #F4F4F4;
}

#bottom-menu {
	background: #222;
}

#bottom-menu .fa {
	font-size: 42px !important;
	padding: 15px 0px;
	width: 25%;
	color: #FFF;
}


/* Brautmoden-Slider */
.rm_wrapper{
	width:70%;
	padding: 0px 20px;
	margin:0 auto;
	position:relative;
	margin-top: -14px;
}
.rm_container{
	width:100%;
	overflow:hidden;
	position:relative;
	height:400px;
	margin:0 auto;
}
.rm_container h2{
	background:transparent url(../images/slider/lines.png) repeat top left;
	padding:10px;
	position:absolute;
	top:70px;
	right:0px;
	color:#000;
	font-size:27px;
	text-transform:uppercase;
	text-shadow:1px 0px 1px #fff;
	line-height: 0.8em;
}

.rm_container h2 a {
	font-size: 17px;
	text-transform: lowercase;
	margin-top: -5px;

}
.rm_container ul{
	width:1170px;
}
.rm_container ul li{
	float:left;
	margin-left:-80px;
	position:relative;
	overflow:hidden;
	width:100%;
	height:465px;
	border:30px solid #EEEEEE;
	border-width:50px 30px 0px 150px;
	background-color:#EEEEEE;
	-moz-transform:rotate(-10deg) !important;
	-webkit-transform:rotate(-10deg) !important;
	transform:rotate(-10deg) !important;
}
.rm_container ul li img{
	position:absolute;
	top:0px;
	left:0px;
}
.rm_mask_right, .rm_mask_left{
	position: absolute;
	height: 100px;
	background: #EEEEEE;
	width: 530px;
	bottom: -80px;
	left: 0px;
	-moz-transform:rotate(-15deg) !important;
	-webkit-transform:rotate(-15deg) !important;
	transform:rotate(-15deg) !important;
}
.rm_mask_right{
	left:auto;
	right:0px;
	-moz-transform:rotate(-15deg) !important;
	-webkit-transform:rotate(-15deg) !important;
	transform:rotate(-15deg) !important;
}
.rm_corner_right, .rm_corner_left{
	background: #EEEEEE;
	position:absolute;
	width:200px;
	height:100px;
	bottom:0px;
	left:-65px;
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}
.rm_corner_right{
	left:auto;
	right:-65px;
	-moz-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
.rm_nav a{
	position:absolute;
	top:200px;
	width:38px;
	height:44px;
	cursor:pointer;
	opacity:0.7;
}
.rm_nav a:hover{
	opacity:1.0;
}
.rm_nav a.rm_next{
	background:transparent url(../images/footerwechsel_r.png) no-repeat top left;
	right:0px;
}
.rm_nav a.rm_prev{
	background:transparent url(../images/footerwechsel_l.png) no-repeat top left;
	left:0px;
}
.rm_nav a.rm_next:hover{
	background:transparent url(../images/footerwechsel_r_hover.png) no-repeat top left;
	right:0px;
}
.rm_nav a.rm_prev:hover{
	background:transparent url(../images/footerwechsel_l_hover.png) no-repeat top left;
	left:0px;
}
.rm_controls{
	position:absolute;
	top:0px;
	left:-40px;
	height:20px;
}
.rm_controls a{
	cursor:pointer;
	opacity:0.7;
	padding-left:24px;
	font-size:16px;
	text-transform:uppercase;
	height:20px;
	float:left;
	line-height:20px;
}
.rm_controls a:hover{
	opacity:1.0;
}
.rm_controls a.rm_play{
	display:none;
	background:transparent url(../images/slider/play.png) no-repeat center left;
}
.rm_controls a.rm_pause{
	background:transparent url(../images/slider/pause.png) no-repeat center left;
}

/* Responsive */

@media (max-width:992px) {
	#rm_next, #rm_prev {
		margin: 0 15px;
	}
	.rm_wrapper {
		width: 100%;
		padding: 0;
		height: 500px;
	}
	.rm_container {
		height: 400px;
	}
	.rm_container ul {
		margin-top: 120px;
	}
	.rm_corner_left, .rm_corner_right, .rm_mask_right, .rm_mask_left {
		display: none;
	}
	.rm_container ul li {
		transform: rotate(0deg) !important;
		margin-left: -120px;
		text-align: center;
		list-style-type: none;
	}
	.rm_container h2 {
		width: 100%;
		padding-top: 10px !important;
	}
}

@media (max-width: 1000px) {
	.mobile-topmenu {
		display: block;
	}
	#bottom-menu {
		display: block;
	}
	.flex-control-nav, .flex-control-paging, .flex-direction-nav {
		display: none;
	}
	.herzen-content {
		display: none;
	}
	img {
		max-width: 100%;
		height: auto;
	}
	body {
		background: #FFF;
	}
	#wrapper {
		background: url('../images/bg.png') repeat;
	}
	#top {
		padding-bottom: 15px;
		margin: 0 auto;
		text-align: center;
	}
	#menu {
		display: none;
	}
	#top > figure {
		margin: 0 auto;
	}
	#slogan {
		width: 100%;
		display: block;
		padding: 0 0 20px 0;
	}
	#mobile-menu {
		display: block;
	}
	aside {
		display: none;
	}
	h2 {
		padding-top: unset !important;
	}
	#bilderwechsel {
		display: none;
	}
	#content, footer {
		width: 100%;
		padding: 0 !important;
		margin: 0 !important;
	}
	h1, h2 {
		font-size: 22px;
		color: #4e4e4e !important;
	}
	.content-left, .content-right {
		width: 100% !important;
		background: none;
		padding: 0  !important;
		margin: 0;
		min-height: unset !important;
		color: #4e4e4e;
		text-align: left;
		font-size: 13px;
	}
	.content-left > *, .content-right > * {
		padding: 0;
		max-width: unset !important;
	}
	.full-content {
		background: none;
		padding: 0;
	}
	#right-head {
		margin-right: -30px;
	}
	.logo {
		margin: 20px auto 0 auto;
		max-width: 311px;
		width: 90%;

	}
	#slider {
		display: none;
	}
	footer {
		background: none;
		color: #333;
		height: auto;
	}
	footer .data {
		margin: 0 auto;
		width: 75% !important;
	}
	footer a {
		color: #333;
	}
	footer img {
		max-width: 100%;
	}
	#bottom {
		background: #FFF;
		padding: 0 !important;
		text-align: center;
		font-size: 11px;
		margin-top: 40px;
	}
	#right-head {
		display: none;
	}
	#mobile-menu {
		width: 100%;
	}
	#mobile-menu select {
		padding: 10px;
		width: 100% !important;
	}
	.hidden-print {
		display: none;
	}
	#newsbox {
		display: none;
	}
}

@media (max-width: 640px) {
	h1, h2, h3, h4 {
		font-size: 12pt;
	}
	body {
		font-size: 11pt;
	}
}

@media print {
	.logo {
		width: 160px;
		height: auto;
	}
	#menu, #slider, #bilderwechsel, #newsbox, a[href]:after, .mobile-topmenu, #mobile-menu, #bottom-menu, .hidden-print {
		display: none;
	}
	#bottom {
		position: fixed;
		bottom: 10px;
	}
}