/*
	Description	: basic styles for jQuery Plugin "modalBox". feel free to customize this styles
	Author		: Steffen Hollstein
	Author URI	: http://www.steffenhollstein.de
	Project Page: http://code.google.com/p/jquery-modalbox-plugin/


	put following inline css in your html document:
	-----------------------------------------------
	<!--- modalbox PNG Fix / BEGIN --->
	<!--[if lte IE 6]>
		<style type="text/css">
			div#modalBox div#modalBoxBody div.modalboxStyleContainerTopLeft {
				background-image:none;
				filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod='crop', src='yourabsoluteimagepath/img/shadows_bg_topright.png');
			}
			div#modalBox div#modalBoxBody div.modalboxStyleContainerTopRight {
				background-image:none;
				filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod='crop', src='yourabsoluteimagepath/img/shadows_bg_topleft.png');
				height:1%;
			}
			div#modalBox div#modalBoxBody div.modalboxStyleContainerBottomLeft {
				background-image:none;
				filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod='crop', src='yourabsoluteimagepath/img/shadows_bg_bottomright.png');
			}
			div#modalBox div#modalBoxBody div.modalboxStyleContainerBottomRight {
				background-image:none;
				filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod='crop', src='yourabsoluteimagepath/img/shadows_bg_bottomleft.png');
			}
		</style>
	<![endif]-->
	<!--- modalbox PNG Fix / END --->
*/


/* ~~~~~~~~~~~ modalBox / BEGIN ~~~~~~~~~~~ */
.modalboxContent {
	display:none;
}
div#modalBoxFaderLayer,
div#modalBoxAjaxLoader,
div#modalBox,
div#modalBox div#modalBoxBody,
div#modalBox div#modalBoxBody div.modalBoxBodyContent,
div#modalBox div#modalBoxBody div#modalBoxCloseButton,
div#modalBox div#modalBoxBody #modalBoxCloseButton a.closeModalBox,
div#modalBox div#modalBoxBody #modalBoxCloseButton a.closeModalBox span,
div#modalBox div#modalBoxBody div.modalboxStyleContainerTopLeft,
div#modalBox div#modalBoxBody div.modalboxStyleContainerTopRight,
div#modalBox div#modalBoxBody div.modalboxStyleContainerBottomLeft,
div#modalBox div#modalBoxBody div.modalboxStyleContainerBottomRight {/* default reset */
	margin:0;
	padding:0;
}
div#modalBoxFaderLayer {
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:9999;
}
* html div#modalBoxFaderLayer {/* IE6 Fix */
	position:absolute;
	top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop+0:document.body.scrollTop+0);
}
iframe.modalBoxIe6layerfix {
	display:none;
}
* html iframe.modalBoxIe6layerfix {/* ie6 fix */
	display:block;
	position:absolute;
	top:0;
	left:0;
	z-index:0;
	width:100%;
	height:100%;
	filter:mask();
}
div#modalBoxAjaxLoader {
	background:transparent url(../images/ajax-loader.gif) 50% 40% no-repeat;
	height:100px;
	padding:130px 0 0 0;
	text-align:center;
	overflow:hidden;
}
div#modalBox {
	display:none;
	position:fixed;
	z-index:10000;
	text-align:left;
	background-color:transparent;
}
* html div#modalBox {/* IE6 Fix */
	position:absolute;
	top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop+40:document.body.scrollTop+40);
}
div#modalBox {
	width:600px; /* default wide */
}
div#modalBox.small {
	width:400px;
}
div#modalBox.medium {
	width:500px;
}
div#modalBox.large {
	width:700px;
}
div#modalBox.threecolumns {
	width: 755px;
}
div#modalBox.full {
	width: 983px;
	margin-left: -19px;
}
div#modalBox div#modalBoxBody {
	position:relative;
	width: 100%;
}
div#modalBox div#modalBoxBody div.modalBoxBodyContent {
	background-color:white;
	/* padding:20px; */
}
div#modalBox.emphasis div#modalBoxBody div.modalBoxBodyContent {
	border:1px dotted red;
}
div#modalBox div#modalBoxBody div#modalBoxCloseButton {
	position:absolute;
	top:19px;
	left:19px;
	text-align:right;
	width:100%;
	padding:5px 1px 5px 0;
	background-color:#efefef;
	border-bottom:1px solid #E5E5E5;
}

div#modalBox div#modalBoxBody div#modalBoxCloseButton {
	width: 516px !important;
}

div#modalBox.small div#modalBoxBody div#modalBoxCloseButton {
	width: 400px !important;
}

div#modalBox.medium div#modalBoxBody div#modalBoxCloseButton {
	width: 500px !important;
}

div#modalBox.large div#modalBoxBody div#modalBoxCloseButton {
	width: 700px !important;
}

div#modalBox.full div#modalBoxBody div#modalBoxCloseButton {
	width: 983px !important;
}

div#modalBox.threecolumns div#modalBoxBody div#modalBoxCloseButton {
	width: 755px !important;
}

div#modalBox div#modalBoxBody #modalBoxCloseButton a.closeModalBox,
div#modalBox div#modalBoxBody #modalBoxCloseButton a.closeModalBox span {
	display:block;
	float:right;
	text-decoration:none;
	color:#000;
	cursor:pointer;
}
div#modalBox div#modalBoxBody #modalBoxCloseButton a.closeModalBox {
	background:transparent url(../images/closebutton_21x21.png) right center no-repeat;
	margin:0 4px 0 0;
}
div#modalBox div#modalBoxBody #modalBoxCloseButton a.closeModalBox span {
	padding:3px 27px 3px 0;
}
div#modalBox div#modalBoxBody div.modalboxStyleContainerTopLeft,
div#modalBox div#modalBoxBody div.modalboxStyleContainerTopRight,
div#modalBox div#modalBoxBody div.modalboxStyleContainerBottomLeft,
div#modalBox div#modalBoxBody div.modalboxStyleContainerBottomRight {
	background-color:transparent;
	background-position:left top;
	background-repeat:no-repeat;
	width:100%;
	clear:both;
}
div#modalBox div#modalBoxBody div.modalboxStyleContainerTopLeft,
div#modalBox div#modalBoxBody div.modalboxStyleContainerBottomLeft {
	padding:0 39px 0 0;
}

div#modalBox div#modalBoxBody div.modalboxStyleContainerTopLeft {
	background-image:url(../images/shadows_bg_topright.png);
	background-position:right top;
}
div#modalBox div#modalBoxBody div.modalboxStyleContainerTopRight {
	background-image:url(../images/shadows_bg_topleft.png);
}
div#modalBox div#modalBoxBody div.modalboxStyleContainerBottomLeft {
	background-image:url(../images/shadows_bg_bottomright.png);
	background-position:right top;
}
div#modalBox div#modalBoxBody div.modalboxStyleContainerBottomRight {
	background-image:url(../images/shadows_bg_bottomleft.png);
	background-position:left top;
}
div#modalBox div#modalBoxBody div.modalboxStyleContainerBottomLeft,
div#modalBox div#modalBoxBody div.modalboxStyleContainerBottomRight {
	height:39px;
}
div#modalBox div#modalBoxBody div.modalboxStyleContainerContent {
	padding:69px 0 0 39px;
}

div#modalBox.threecolumns div#modalBoxBody #page,
div#modalBox.threecolumns div#modalBoxBody #columns-position {
	background: #fff;
	margin: 0;
	padding: 0;
	width: 731px;
}

/* ~~~~~~~~~~~ modalBox / END ~~~~~~~~~~~ */


/*
	Description	: basic styles for jQuery Plugin "modalBox". feel free to customize this styles
	Author		: Steffen Hollstein
	Author URI	: http://www.steffenhollstein.de
	Project Page: http://code.google.com/p/jquery-modalbox-plugin/


	put following inline css in your html document:
	-----------------------------------------------
	<!--- modalbox PNG Fix / BEGIN --->
	<!--[if lte IE 6]>
		<style type="text/css">
			div#modalBox div#modalBoxBody div.modalboxStyleContainerTopLeft {
				background-image:none;
				filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod='crop', src='yourabsoluteimagepath/img/shadows_bg_topright.png');
			}
			div#modalBox div#modalBoxBody div.modalboxStyleContainerTopRight {
				background-image:none;
				filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod='crop', src='yourabsoluteimagepath/img/shadows_bg_topleft.png');
				height:1%;
			}
			div#modalBox div#modalBoxBody div.modalboxStyleContainerBottomLeft {
				background-image:none;
				filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod='crop', src='yourabsoluteimagepath/img/shadows_bg_bottomright.png');
			}
			div#modalBox div#modalBoxBody div.modalboxStyleContainerBottomRight {
				background-image:none;
				filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod='crop', src='yourabsoluteimagepath/img/shadows_bg_bottomleft.png');
			}
		</style>
	<![endif]-->
	<!--- modalbox PNG Fix / END --->
*/


/* ~~~~~~~~~~~ modalBox / BEGIN ~~~~~~~~~~~ */
.modalboxContent-over {
	display:none;
}
div#modalBoxFaderLayer-over,
div#modalBoxAjaxLoader-over,
div#modalBox-over,
div#modalBox-over div#modalBoxBody-over,
div#modalBox-over div#modalBoxBody-over div.modalBoxBodyContent-over,
div#modalBox-over div#modalBoxBody-over div#modalBoxCloseButton-over,
div#modalBox-over div#modalBoxBody-over #modalBoxCloseButton-over a.closeModalBox-over,
div#modalBox-over div#modalBoxBody-over #modalBoxCloseButton-over a.closeModalBox-over span,
div#modalBox-over div#modalBoxBody-over div.modalboxStyleContainerTopLeft,
div#modalBox-over div#modalBoxBody-over div.modalboxStyleContainerTopRight,
div#modalBox-over div#modalBoxBody-over div.modalboxStyleContainerBottomLeft,
div#modalBox-over div#modalBoxBody-over div.modalboxStyleContainerBottomRight {/* default reset */
	margin:0;
	padding:0;
}
div#modalBoxFaderLayer-over {
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:9999;
}
* html div#modalBoxFaderLayer-over {/* IE6 Fix */
	position:absolute;
	top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop+0:document.body.scrollTop+0);
}
iframe.modalBoxIe6layerfix {
	display:none;
}
* html iframe.modalBoxIe6layerfix {/* ie6 fix */
	display:block;
	position:absolute;
	top:0;
	left:0;
	z-index:0;
	width:100%;
	height:100%;
	filter:mask();
}
div#modalBoxAjaxLoader-over {
	background:transparent url(../images/ajax-loader.gif) 50% 40% no-repeat;
	height:100px;
	padding:130px 0 0 0;
	text-align:center;
	overflow:hidden;
}
div#modalBox-over {
	display:none;
	position:fixed;
	z-index:20000;
	text-align:left;
	background-color:transparent;
}
* html div#modalBox-over {/* IE6 Fix */
	position:absolute;
	top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop+40:document.body.scrollTop+40);
}
div#modalBox-over {
	width:400px; /* default wide */
}
div#modalBox-over.small {
	width:400px;
}
div#modalBox-over.medium {
	width:500px;
}
div#modalBox-over.large {
	width:700px;
}
div#modalBox-over.full {
	width: 983px;
	margin-left: -19px;
}
div#modalBox-over.threecolumns {
	width: 755px;
}
div#modalBox-over div#modalBoxBody-over {
	position:relative;
}
div#modalBox-over.large div#modalBoxBody-over div.modalBoxBodyContent-over {
	background-color:white;
	height: 580px;
	overflow: auto;
	/* padding:20px; */
}
div#modalBox-over.small div#modalBoxBody-over div.modalBoxBodyContent-over {
	background-color:white;
	height: 300px;
	overflow: auto;
	/* padding:20px; */
}
div#modalBox-over.emphasis div#modalBoxBody-over div.modalBoxBodyContent-over {
	border:1px dotted red;
}
div#modalBox-over div#modalBoxBody-over div#modalBoxCloseButton-over {
	position:absolute;
	top:19px;
	left:19px;
	text-align:right;
	width:100%;
	padding:5px 1px 5px 0;
	background-color:#efefef;
	border-bottom:1px solid #E5E5E5;
}
div#modalBox-over div#modalBoxBody-over #modalBoxCloseButton-over a.closeModalBox-over,
div#modalBox-over div#modalBoxBody-over #modalBoxCloseButton-over a.closeModalBox-over span {
	display:block;
	float:right;
	text-decoration:none;
	color:#000;
	cursor:pointer;
}
div#modalBox-over div#modalBoxBody-over #modalBoxCloseButton-over a.closeModalBox-over {
	background:transparent url(../images/closebutton_21x21.png) right center no-repeat;
	margin:0 4px 0 0;
}
div#modalBox-over div#modalBoxBody-over #modalBoxCloseButton-over a.closeModalBox-over span {
	padding:3px 27px 3px 0;
}
div#modalBox-over div#modalBoxBody-over div.modalboxStyleContainerTopLeft,
div#modalBox-over div#modalBoxBody-over div.modalboxStyleContainerTopRight,
div#modalBox-over div#modalBoxBody-over div.modalboxStyleContainerBottomLeft,
div#modalBox-over div#modalBoxBody-over div.modalboxStyleContainerBottomRight {
	background-color:transparent;
	background-position:left top;
	background-repeat:no-repeat;
	width:100%;
	clear:both;
}
div#modalBox-over div#modalBoxBody-over div.modalboxStyleContainerTopLeft,
div#modalBox-over div#modalBoxBody-over div.modalboxStyleContainerBottomLeft {
	padding:0 39px 0 0;
}

div#modalBox-over div#modalBoxBody-over div.modalboxStyleContainerTopLeft {
	background-image:url(../../../../../../aktionen-content/2010-adventskalender/img/shadows_bg_topright-advent.png);
	background-position: right 32px;
}
div#modalBox-over div#modalBoxBody-over div.modalboxStyleContainerTopRight {
	background-image:url(../../../../../../aktionen-content/2010-adventskalender/img/shadows_bg_topleft-advent.png);
	background-position: left 33px;
}
div#modalBox-over div#modalBoxBody-over div.modalboxStyleContainerBottomLeft {
	background-image:url(../../../../../../aktionen-content/2010-adventskalender/img/shadows_bg_bottomright-advent.png);
	background-position:right top;
}
div#modalBox-over div#modalBoxBody-over div.modalboxStyleContainerBottomRight {
	background-image:url(../../../../../../aktionen-content/2010-adventskalender/img/shadows_bg_bottomleft-advent.png);
	background-position:left top;
}
div#modalBox-over div#modalBoxBody-over div.modalboxStyleContainerBottomLeft,
div#modalBox-over div#modalBoxBody-over div.modalboxStyleContainerBottomRight {
	height:39px;
}
div#modalBox-over div#modalBoxBody-over div.modalboxStyleContainerContent {
	padding:69px 0 0 39px;
}

/* ~~~~~~~~~~~ modalBox / END ~~~~~~~~~~~ */


div#modalBox-over {
	display:none;
	position:fixed;
	z-index:20000;
	text-align:left;
	background-color:transparent;
}

div#modalBox-over {
	width: 516px;
}

div#modalBox-over.video {
	width: 563px;
	margin: 0 !important;
	padding: 0 !important;
	float: left !important;
}

div#modalBox-over.video div#modalBoxBody-over {
	width: 563px;
	margin: 0 !important;
	padding: 0 !important;
	float: left !important;
}

div#modalBox-over.video div#modalBoxBody-over div.modalboxStyleContainerContent {
	padding:52px 0 0 19px;
	margin-bottom: -22px;
}

div#modalBox-over.recipe-image {
	width: 503px;
	margin: 0 !important;
	padding: 0 !important;
	float: left !important;
}

div#modalBox-over.recipe-image div#modalBoxBody-over {
	width: 503px;
	margin: 0 !important;
	padding: 0 !important;
	float: left !important;
}

div#modalBox-over.recipe-image div#modalBoxBody-over div.modalboxStyleContainerContent {
	padding:52px 0 0 19px;
	margin-bottom: -20px;
}

div#modalBox-over div#modalBoxBody-over #header-position,
div#modalBox-over div#modalBoxBody-over #topmenu-position,
div#modalBox-over div#modalBoxBody-over #path,
div#modalBox-over div#modalBoxBody-over #sidemenu-position,
div#modalBox-over div#modalBoxBody-over #extrainfo-position,
div#modalBox-over div#modalBoxBody-over #global-navi-position,
div#modalBox-over div#modalBoxBody-over #footer,
div#modalBox-over div#modalBoxBody-over #page-bottom {
	height: 0px !important;
	width: 0px !important;
	float: left !important;
	display: none !important;
	z-index: -1 !important;
}

div#modalBox-over div#modalBoxBody-over #zentis-2010.tipafriend {
	background: none;
	margin: 0px;
}

div#modalBox-over div#modalBoxBody-over #page,
div#modalBox-over div#modalBoxBody-over #columns-position {
	background: #fff;
	margin: 0;
	padding: 0;
	width: 496px;
}

div#modalBox-over.large div#modalBoxBody-over #page,
div#modalBox-over.large div#modalBoxBody-over #columns-position {
	background: #fff;
	margin: 0;
	padding: 0;
	width: 620px;
}

div#modalBox-over div#modalBoxBody-over .contactform {
	padding: 10px;
	margin: 0;
	width: 600px;
}

div#modalBox-over div#modalBoxBody-over #page {
	position: relative;
	left: -8px;
	top: 15px;
	margin-top: -15px;
}

div#modalBox-over div#modalBoxBody-over #columns,
div#modalBox-over div#modalBoxBody-over .content-view-full {
	padding: 0;
	margin: 0;
}

div#modalBox-over div#modalBoxBody-over #columns {
	background: #fff;
}

div#modalBox-over div#modalBoxBody-over .title-image-box {
	width: 330px !important;
	top: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}

div#modalBox-over div#modalBoxBody-over div#modalBoxCloseButton-over {
	background-color: #E4E4E4;
}

.close-box {
	display: none;
}

div#modalBox-over div#modalBoxBody-over .close-box {
	display: block;
	float: left;
	width: 150px;
}

div#modalBox-over div#modalBoxBody-over .close-box .closeModalBox-over {
	width: 100%;
	text-align: right;
}

div#modalBox-over div#modalBoxBody-over .feedback,
div#modalBox-over div#modalBoxBody-over .warning {
	clear: both;
	margin-top: 20px;
	float: left;
}

#remember-warning {
	width: 454px !important;
	margin-top: 10px !important;
	clear: both;
}

div#modalBox-over div#modalBoxBody-over form {
	clear: both;
	padding-top: 0 !important;
}

div#modalBox-over div#modalBoxBody-over form fieldset {
	padding: 0 !important;
	margin: 0 !important;
}

div#modalBox-over div#modalBoxBody-over form fieldset.sender {
	margin-top: 5px !important;
}

div#modalBox-over div#modalBoxBody-over form fieldset.message {
	margin-top: 20px !important;
}

div#modalBox-over #remember-form .title-image-box {
	left: -6px;
	position: relative;
}

div#modalBox-over.threecolumns div#modalBoxBody-over #page,
div#modalBox-over.threecolumns div#modalBoxBody-over #columns-position {
	background: #fff;
	margin: 0;
	padding: 0;
	width: 731px;
}