/****************************************************************\
|*************************** INFO *******************************|
|*									*|
|* Dev-Web:				http://bopla.profile-media.de	*|
|* Autor: 				Johan Prawiro, 02.11.2007	*|
|* Letzte Aenderung:	22.11.2007 von Johan Prawiro			*|
|* 									*|
\****************************************************************/


/* ----- ALLGEMEINES ----- */

	body {
		background-color: 	#FFF;
		font-family: 		Verdana,Arial, Helvetica, sans-serif;
		font-size:			100.1%;
		height:				100%;
		margin:				0;
		padding:			0;
	}

	html {
		height:				100%;
		margin-bottom:		0.1px;
	}

	h1,h2,h3,h4,h5,h6,blockquote,form,p {
		margin: 			0;
		padding: 			0;
	}

	a img {
		border:				0px;
	}

	a:link,
	a:visited,
	a:hover,
	a:active {
		/*color:				#264185;*/
		color:					#D90A0A;
		font-size:			11px;
		padding:			0;
		margin:				3px 0;
		text-decoration:	underline;
	}	
		
	a:hover {
		text-decoration:	none;		
	}
	
	#contentContainer,
	#footerContainer {
		clear:				both;
    }



/* --- CANVAS --- */

	#canvasContainer {
		border-left:		1px solid #FFF;
		border-right:		1px solid #FFF;
		font-size:			11px;
		margin:				0 auto;
		width:				953px;
    }


/* --- HEADER --- */

	#headerContainer {
		
    }

	#headerRowOne {
		clear:				both;
    }

	#headerRowTwo {
		background-color:	#EF0707;
		clear:				both;
		padding-top:		20px;
    }
	
	#headerRowTwo:after,
	#headerContainer:after {
		clear:				both;
		content:			".";
		display:			block;
		height:				0;
		line-height:		0;
		padding:			0;
		visibility:			hidden;
    }
	
	/* IE-FIX */
	#headerRowTwo {
		zoom:				1;
	}
	/* !IE-FIX */
	
	.logoContainer1 {
		float:				left;
		overflow:			hidden;
		width:				166px;
    }

	.topMenuContainer {
		float:				left;
		width:				672px;
    }
	
		.topMenuContainer .auxMenu {
			border-bottom:		2px solid #ED4B49;
			height:				36px;
			padding:			14px 0 0 0;
			text-align:			right;
        }

			/* -- SPRACHMEN� -- */

			.auxMenu .langForm {
				display:			inline;
				padding:			0;
				/* - Positionierung der selectbox - */
				left:				-15px;
				position:			relative;
				top:				-6px;
			}

			.auxMenu .langForm label {
				padding:			0 5px 0 0;
			}

			.auxMenu .langForm select {
				background:			#FFF;
				border:				1px solid #000;
				font-family: 		Verdana,Arial, Helvetica, sans-serif;
				font-size:			11px;
			}

	
		.topMenu {
			position:			relative;
        }

			.topMenuContainer .topMenu ul {
				margin:				10px 0 20px 0;
				padding:			0;
			}

			.topMenuContainer .topMenu ul li {
				display:			inline;
				margin:				0;
				padding:			0 0 0 30px;
			}

			.topMenuContainer .topMenu ul ul {
				left:				0;
				margin:				0;
				padding:			0;
				position:			absolute;
				top:				18px;
			}

			.topMenuContainer .topMenu a:link,
			.topMenuContainer .topMenu a:visited,
			.topMenuContainer .topMenu a:hover,
			.topMenuContainer .topMenu a:active {
				background:			url(../art/btn_bullet_menu_off.gif) 0 2px no-repeat;
				color:				#52483F;
				padding-left:		9px;
				font-weight:		600;
				text-decoration:	none;
			}

			.topMenuContainer .topMenu a:hover,
			.topMenuContainer .topMenu a:active {
				background-image:	url(../art/btn_bullet_menu_hover.gif);
				color:				#ED4B49;
			}

			.topMenuContainer .topMenu a.activeLink:link,
			.topMenuContainer .topMenu a.activeLink:visited {
				background-image:	url(../art/btn_bullet_menu_on.gif);
				color:				#000;
			}
			

	.logoContainer2 {
		float:				left;
		width:				115px;
    }

	/* -- Headerbild und Suchformular */
	
	#headerImage {
        float:				left;
		width:				783px;
    }
	
	#addLinkContainer {
		border-top:			1px solid #FFF;
		color:				#FFF;
		float:				left;
		width:				170px;
    }

		.searchForm {
			background-color:	#F0807F;
			border-bottom:		1px solid #FFF;
	    }

		.searchForm form {
			padding:			8px 0 10px 10px;
		}

		.searchForm label {
			display:			block;
			font-size:			11px;
			font-weight:		600;
			padding-bottom:		3px;
	    }
		
		.searchForm input.inputText {
			border:				1px solid #CCC;
			font-family: 		Verdana,Arial, Helvetica, sans-serif;
			font-size:			11px;
			width:				115px;
		}
		
		.detailSearchLink {
			background-color:	#F0807F;
			border-bottom:		1px solid #FFF;
			padding:			8px 0 10px 10px;
	    }

		.detailSearchLink a:link,
		.detailSearchLink a:visited,
		.detailSearchLink a:hover,
		.detailSearchLink a:active {
			color:				#FFF;
			font-weight:		600;
			text-decoration:	none;
	    }


		.vipLoginLink {
			display:			block;
			margin:				20px 0 0 11px;
		}

		.vipLoginLink a:link,
		.vipLoginLink a:visited,
		.vipLoginLink a:hover,
		.vipLoginLink a:active {
			background:			transparent url(../art/btn_bullet_vip_off.gif) 0 3px no-repeat;
			color:				#FFF;
			font-weight:		600;
			padding:			0 0 0 9px;
			text-decoration:	none;
	    }


		.stepLoginLink {
			display:			block;
			margin:				10px 0 0 11px;
		}

		.stepLoginLink a:link,
		.stepLoginLink a:visited,
		.stepLoginLink a:hover,
		.stepLoginLink a:active {
			background:			transparent url(../art/btn_bullet_vip_off.gif) 0 3px no-repeat;
			color:				#FFF;
			font-weight:		600;
			padding:			0 0 0 9px;
			text-decoration:	none;
	    }












	


/* --- CONTENT --- */

	#contentContainer {
		background:			#FFF url('../art/bg_submenu.gif') 0 0 repeat-y;
		margin-bottom:		20px;
    }
	
		.nestingContainerLevel-One:after,
		.nestingContainerLevel-Two:after {
			clear:				both;
			content:			".";
			display:			block;
			height:				0;
			line-height:		0;
			padding:			0;
			visibility:			hidden;
	    }

		/* IE-FIX */
		.nestingContainerLevel-One,
		.nestingContainerLevel-Two,
		.subMenuContainer ul a:link,
		.subMenuContainer ul a:visited,
		.subMenuContainer ul a:hover,
		.subMenuContainer ul a:active {
			zoom:				1;
		}
		/* !IE-FIX */


		.subMenuContainer {
			float:				left;
			width:				188px;
        }

			.subMenuContainer ul {
				list-style:			none;
				margin:				0;
				padding:			0;
            }

			.subMenuContainer ul ul {
				margin-top:			10px;
			}

			.subMenuContainer ul li {
				display:			block;
				margin:				0;
				padding:			0;
			}

			.subMenuContainer ul.auxSubmenu {
				margin-top:			30px;
            }
			
			.subMenuContainer ul span.activeLink,
			.subMenuContainer ul span.link,
			.subMenuContainer ul a:link,
			.subMenuContainer ul a:visited,
			.subMenuContainer ul a:hover,
			.subMenuContainer ul a:active {
				background-color:	#EF0707;
				color:				#FFF;
				display:			block;
				font-size:			13px;
				margin:				0;
				padding:			4px 10px 4px 20px;
				font-weight:		600;
				text-decoration:	none;
			}

			.subMenuContainer ul span.activeLink,
			.subMenuContainer ul a.activeLink:link,
			.subMenuContainer ul a.activeLink:visited,
			.subMenuContainer ul a.activeLink:hover,
			.subMenuContainer ul a.activeLink:active {
				background:			#EF0707 url(../art/btn_bullet_menu_on.gif) 10px 6px no-repeat;
				color:				#000;
			}

			.subMenuContainer ul.productMenu ul a.activeLink:link,
			.subMenuContainer ul.productMenu ul a.activeLink:visited,
			.subMenuContainer ul.productMenu ul a.activeLink:hover,
			.subMenuContainer ul.productMenu ul a.activeLink:active {
				background-color:	#AFB0B4;
			}
			
			.subMenuContainer ul ul a:link,
			.subMenuContainer ul ul a:visited,
			.subMenuContainer ul ul a:hover,
			.subMenuContainer ul ul a:active,
			.subMenuContainer ul.auxSubmenu a:link,
			.subMenuContainer ul.auxSubmenu a:visited,
			.subMenuContainer ul.auxSubmenu a:hover,
			.subMenuContainer ul.auxSubmenu a:active {
				background-color:	#AFB0B4;
				border-bottom:		1px solid #FFF;
				font-size:			11px;
			}

			.subMenuContainer ul a:hover,
			.subMenuContainer ul a:active {
				background:			#EF0707 url(../art/btn_bullet_menu_hover.gif) 10px 6px no-repeat;
				color:				#DDD;
			}
		
		.nestingContainerLevel-One {
			background:			transparent url(../art/bg_advanced_right.gif) right 0 repeat-y;
		}

		.nestingContainerLevel-Two {
/*			background:			transparent url(../art/bg_advanced_right.gif) right 0 repeat-y;*/
			float:				left;
			width:				765px;
        }
		
			.auxContentContainer {
				float:				right;
				margin-left:		20px;
				width:				170px;
                background-color:   #fff;   /*hinzugefügt am 29-01-08- Gaby*/ 
            }

				.infoBox {
					border-bottom:		8px solid #FFF;
					border-top:			8px solid #FFF;
                	background-color:	#E5E6EB;
					padding-bottom:		1em;
                }

				.newsBox .newsItem {
					border-bottom:		8px solid #FFF;
                	background-color:	#E5E6EB;
					padding-bottom:		1em;
                }

				.auxContentContainer h2 {
					color:				#000;
					font-size:			12px;
					padding:			13px 8px 5px 8px;
				}

				.auxContentContainer h3 {
					font-size:			11px;
					padding:			0 8px 10px 8px;
				}

				.auxContentContainer p {
					font-size:			11px;
					padding:			0 8px;
				}

				.auxContentContainer p.moreLink {
					font-weight:		600;
					margin-top:			5px;
					padding:			0 8px;
				}


			.mainContent {
				float:				left;
				padding:			25px 0 0 20px;
				width:				555px;
            }

				.mainContent h2 {
					font-size:			12px;
					padding:			5px 0;
				}

				.mainContent h3 {
					color:				#000;
					font-size:			11px;
					padding:			5px 0 20px 0;
				}
				
				.mainContent p {
					font-size:			11px;
					line-height:		1.5;
					margin-bottom:		1em;
					text-align:			justify;
				}
				/* newloginbox felogin */
				.mainContent .tx-newloginbox-pi1 p { padding: 0 0.3em; }
				.tx-newloginbox-pi1 form { margin-bottom: 1em; }

















/* --- FOOTER --- */

	#footerContainer {
		border-top:			2px solid #ED4B49;
		color:				#333;
		font-size:			10px;
		padding-top:		5px;
    }
	
	#footerContainer:after {
		clear:				both;
		content:			".";
		display:			block;
		height:				0;
		line-height:		0;
		padding:			0;
		visibility:			hidden;
    }
	.copyright {
		float:				left;
    }

	
	.footerMenu ul {
		list-style:			none;
		margin:				0;
		padding:			0;
		float:				right;
    }
	
	.footerMenu ul li {
		display:			inline;
		padding-left:		10px;
	}

	.footerMenu ul li a:link,
	.footerMenu ul li a:visited,
	.footerMenu ul li a:hover,
	.footerMenu ul li a:active {
		color:				#333;
		font-size:			10px;
		text-decoration:	none;
	}

	.footerMenu ul li a:hover,
	.footerMenu ul li a:active {
		text-decoration:	underline;
	}




/* Styles für die 40 Jahre Bopla JQTabs */
#contentContainer .ui-widget-header {
	background: transparent;
	border:none;
	float:left;
}
#contentContainer .ui-widget-content {
	background:none;
	background-color:#E6E7EC;
	border:none;
}
#contentContainer .ui-corner-all {
	-moz-border-radius:1px 1px 1px 1px;
}
#contentContainer .ui-corner-top {
	-moz-border-radius-topleft:1px;
	-moz-border-radius-topright:1px;
}

#contentContainer .ui-tabs .ui-tabs-nav li,
#contentContainer .ui-tabs .ui-tabs-nav li a {
	display:block;
	float:none;
	margin:0;
	padding:0;
}
#contentContainer .ui-tabs .ui-tabs-nav li a {
	margin:0;
	padding:0.4em 1em 0.4em 0.9em;
	text-align:center;
}
* html #contentContainer .ui-widget-header {
	width:3.9em;
}
* html #contentContainer .ui-tabs .ui-tabs-nav li {
	display:inline-block;
	margin-bottom:0;
	padding-bottom:0;
}
* html #contentContainer .ui-tabs .ui-tabs-nav li a {
	display:inline-block;
	width:3.9em;
	margin-bottom:0;
}

#contentContainer .ui-tabs .ui-tabs-panel {
	margin-left:5.5em;
	padding-top:0;
}
#contentContainer .ui-tabs .ui-tabs-nav li {
	border-bottom-width:1px !important;
	margin-bottom:-1px !important;
}

#contentContainer .ui-state-default a,
#contentContainer .ui-state-default a:link,
#contentContainer .ui-state-default a:visited {
	color:#333;
}
#contentContainer .ui-state-active a,
#contentContainer .ui-state-active a:link,
#contentContainer .ui-state-active a:visited {
	color:white;
	background-color:#EF0707;
}
#contentContainer .ui-state-default,
#contentContainer .ui-widget-content .ui-state-default {
	background:none;
	background-color:white;
	border-color:#AFB0B4;
}
#contentContainer .ui-state-active,
#contentContainer .ui-widget-content .ui-state-active {
	background:none;
	background-color:white;
	border-color:#F0807F;
	color:#EF0707;
}
#contentContainer .ui-state-hover,
#contentContainer .ui-widget-content .ui-state-hover,
#contentContainer .ui-state-focus,
#contentContainer .ui-widget-content .ui-state-focus {
	color:#EF0707;
	border-color:#F0807F;
}



/* Styles für die 40 Jahre Bopla Rundgaenge */
.rundgang {
	float:left;
	width:100%;
}

.rundgang a.next {
	float:right;
}
.rundgang a.prev {
	float:left;
}
.rundgang a.up {
	display:block;
	margin:3px 20% 8px;
	text-align:center;
}
.tx-srfeuserregister-pi1 a { background: none; }


/* callback formular */
#callback fieldset { border: none; padding: 0; margin: 0 2em 0 0; }
#callback label { float: left; width: 100px; }
#callback select,
#callback input { margin-bottom: .5em; }
#callback .csc-mailform-submit { margin: 1em 99px; }
#callback .formError { font-style: italic; }

#callbackLink { background:#AFB0B4 url(../art/callback_icon.png) no-repeat 167px center; }