/* -------------------------------- */
/*  CSS Document - Obrycki          */
/*  http://www.obrycki.de           */
/*                                  */
/*  0.  BASIX                       */
/*  1.  THEME-STYLE                 */
/*  1.1 BG-IMG                      */
/*  1.2 OBJECT-COLOR                */
/*  1.3 TEXT-STYLE                  */
/*  1.4 IMG-STYLE                   */
/*  1.5 LINK-STYLE                  */
/*  2. GLOBALS                      */
/*  3. CONSTRUCTION                 */
/*  3.1 ABSTRACT                    */
/*  3.2 MENU                        */
/*                                  */
/* -------------------------------- */



/* -------------------------------- */
/*  0. BASIX                        */
/* -------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0px;
	padding:0px;
	border:0px;
	outline:0px;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
}

html, body {
	width:100%;
	height:100%;
	max-height:100%;
}


/* -------------------------------- */
/*  1. THEME-STYLE                  */
/* -------------------------------- */

	/* -------------------------------- */
	/*  1.1 BG-IMG                      */
	/* -------------------------------- */
	
	#header{
		background:url(img/headerBg01.jpg) no-repeat left top;
	}
		
	#shadowContainer{
		background:url(img/shadowRight.gif) repeat-y right top;
	}
	
	#langChange{
		background:url(img/chooseLang.png) no-repeat left top;
	}
	
	#logoDE{
		background:url(img/obryckiDesignerboden.png) no-repeat left top;
	}
	
	#logoEN{
		background:url(img/obryckiDesignerfloor.png) no-repeat left top;
	}
	
	#footer{
		background:url(img/footerBg.gif) ;
	}
	
	
	/* -------------------------------- */
	/*  1.2 OBJECT-COLOR                */
	/* -------------------------------- */
	
	body {
		background-color:#fff;
	}

	#mainContainer{
		background-color:#f6f6f6;
	}
	
	#header{
		border-bottom-color:#333333;
	}


	/* -------------------------------- */
	/*  1.3 TEXT-STYLE                  */
	/* -------------------------------- */
	
	/*font-style, font-variant, font-weight, font-size/line-height, font-family */
		
	#content{
		font:normal normal normal 12px/18px Verdana, Arial, Helvetica, sans-serif;
		text-align:justify;
		color:#333;
	}
	
	#content h2{
		font:normal normal bold 14px/18px Verdana, Arial, Helvetica, sans-serif;
		text-transform:uppercase;
	}
	
	#content h3{
		font:normal normal bold 12px/18px Verdana, Arial, Helvetica, sans-serif;
		text-transform:uppercase;
	}
	
	#langChange{
		font:normal normal normal 9px/14px Verdana, Arial, Helvetica, sans-serif;
		padding:3px 0px 3px 6px;
	}
	
	#logoDE h1, #logoEN h1{
		position:absolute;
		top:-1000px;
		left:-1000px;
		width:0px;
		height:0px;
		font:normal normal normal 0px/0px Verdana, Arial, Helvetica, sans-serif;
	}
	
	#footer{
		font:normal normal bold 10px/14px Verdana, Arial, Helvetica, sans-serif;
		text-align:center;
	}
	
	.contentText, .contentImgAndText, .contentTextAndImg{
		padding-bottom:10px;
		margin-bottom:20px;
		border-bottom:1px dashed #333;
	}
	
	.contentDate{
		font:normal normal bold 12px/18px Verdana, Arial, Helvetica, sans-serif;
		margin-bottom:5px;
	}
	
	.contentDate span{
		border-bottom:1px dashed #333;
	}
	
		
	#content ul{
		list-style-type:square;
		list-style-position:outside;
		margin-left:14px;
	}
	
	.download{
		text-transform:uppercase;
	}
	
	.small{
		font:normal normal normal 10px/18px Verdana, Arial, Helvetica, sans-serif;
	}
	
	.smallItalic{
		font:italic normal normal 10px/25px Verdana, Arial, Helvetica, sans-serif;
	}		
	
	
	/* -------------------------------- */
	/*  1.4 IMG-STYLE                   */
	/* -------------------------------- */
	
	.imgBox{
		display:block;
		width:252px;
		height:auto;
		margin-top:-3px;
		margin-bottom:4px;
		background:url(img/bg_imgwrap_half.gif) no-repeat 0px 100%;
	}
	
	.imgBoxInner{
		background:url(img/bg_imgwraptop_half.gif) no-repeat left top scroll;
		padding:16px;
	}
	
	.contentImgAndText .imgBox{
		float:left;
		margin-left:-5px;
	}
	
	.contentTextAndImg .imgBox{
		float:right;
	}
	
	.galerieImgItem{
		width:170px;
		height:120px;
		display:inline;
		float:left;
		margin:0px 10px 10px 0px;
		padding:4px;
		background-color:#f6f6f6;
		border:1px solid #ccc;
	}
	
	.galerieImgItem:hover{
		background-color:#eee;
		border:1px solid #666;
	}
	
	#emAtInfo{
		display:block;
		width:106px;
		height:13px;
		overflow:hidden;
		border:none;
		background:url(img/emAtInfo.gif) no-repeat left top;
	}
	
	#emAtInfo:hover{
		background:url(img/emAtInfo.gif) no-repeat left bottom;
	}
	
	#emAtPLalvani{
		display:block;
		width:136px;
		height:13px;
		overflow:hidden;
		border:none;
		background:url(img/emAtPLalvani.gif) no-repeat left top;
	}
	
	#emAtPLalvani:hover{
		background:url(img/emAtPLalvani.gif) no-repeat left bottom;
	}
	
	#emAtMSchneider{
		display:block;
		width:161px;
		height:13px;
		overflow:hidden;
		border:none;
		background:url(img/emAtMSchneider.gif) no-repeat left top;
	}
	
	#emAtMSchneider:hover{
		background:url(img/emAtMSchneider.gif) no-repeat left bottom;
	}
	
	
	/* -------------------------------- */
	/*  1.5 LINK-STYLE                  */
	/* -------------------------------- */
	
	#langChange a{
		position:relative;
		font:normal normal normal 10px/11px Verdana, Arial, Helvetica, sans-serif;
		padding:1px;
		z-index:1000;
	}
	
	#langChange a:hover{
		text-decoration:underline;
	}
	
	#theMenu a{
		position:relative;
		font:normal normal bold 12px/25px Verdana, Arial, Helvetica, sans-serif;
		text-decoration:none;
		vertical-align:top;
		z-index:1000;
	}
	
	#theMenu a:hover{

	}
	
	span.download a{
		font:normal normal bold 10px/15px Verdana, Arial, Helvetica, sans-serif;
		color:inherit;
		text-decoration:none;
	}
	
	.textBox a, .multiTextBox a{
		font:normal normal bold 12px/18px Verdana, Arial, Helvetica, sans-serif;
		color:inherit;
		border-bottom:1px dashed #333;
		text-decoration:none;
	}
	
	.textBox a:hover, .multiTextBox a:hover{
		border-bottom:1px solid #333;
	}
	
	a:link    {text-decoration:none; color:#333;}
	a:active  {text-decoration:none; color:#333;}
	a:visited {text-decoration:none; color:#333;}
	a:hover   {text-decoration:none; color:#333;}



/* -------------------------------- */
/*  2. GLOBALS                      */
/* -------------------------------- */

.wrapper{
	clear:both;
}

.roundedConerTopLeft{
	position:absolute;
	top:-1px;
	left:-1px;
	float:left;
	width:6px;
	height:6px;
	background:url(img/roundedConerLeft.gif) no-repeat left top;
	z-index:99;
}

.roundedConerTopRight{
	position:absolute;
	top:-1px;
	right:-5px;
	float:right;
	width:10px;
	height:9px;
	background:url(img/roundedConerRight.gif) no-repeat left top;
	z-index:99;
}

.roundedConerBottomLeft{
	position:absolute;
	bottom:-6px;
	left:-1px;
	float:left;
	width:7px;
	height:11px;
	background:url(img/roundedConerBottomLeft.gif) no-repeat left top;
	z-index:99;
}

.roundedConerBottomRight{
	position:absolute;
	bottom:-6px;
	right:-5px;
	float:right;
	width:11px;
	height:11px;
	background:url(img/roundedConerBottomRight.gif) no-repeat left top;
	z-index:99;
}

.textBox{
	display:block;
}

.multiTextBox{
	float:left;
	margin-right:20px;
}
.multiTextBox.mehrAbstand{
	margin-left:65px;
}

.contentImgAndText .textBox{
	margin-left:268px;
}

.contentTextAndImg .textBox{
	margin-right:268px;
}

.multilangBox{
	float:left;
	margin-right:5px;
}

.multilangBox2{
	float:left;
}

.neverSeenTheLight{
	display:none;
	visibility:hidden;
}

/* -------------------------------- */
/*  3. CONSTRUCTION                 */
/* -------------------------------- */

	/* -------------------------------- */
	/*  3.2 ABSTRACT                    */
	/* -------------------------------- */
	
	#shadowContainer{
		position:relative;
		top:0px;
		left:50%;
		width:1004px;
		height:auto;
		margin:25px 0px 0px -502px;		
	}
	
	#mainContainer{
		position:relative;
		top:0px;
		left:0px;
		width:998px;
		height:auto;
		border:1px #333333 solid;
	}
	
	#header{
		position:relative;
		top:0px;
		left:0px;
		width:100%;
		height:188px;
		border-bottom-width:1px;
		border-bottom-style:solid;
		z-index:1;
	}
	
	#langChange{
		position:absolute;
		top:-1px;
		left:889px;
		width:110px;
		height:20px;
		z-index:1;
	}
	
	#logoDE, #logoEN{
		position:absolute;
		left:5px;
		bottom:5px;
		width:341px;
		height:86px;
		overflow:hidden;
	}
	
	#content{
		width:957px;
		height:auto;
		min-height:350px;
		_height:350px; /* ie hack */
		padding:16px 25px 10px 16px;
	}
	
	#footer{
		position:relative;
		bottom:-5px;
		width:998px;
		height:32px;
		padding-top:17px;
	}
	
	#map{
		width:220px;
		height:170px;
		overflow:hidden;	
	}
	
	#hzSortList li{
		float:left;
		width:300px;
		display:block;
	}

	/* -------------------------------- */
	/*  3.2 MENU                        */
	/* -------------------------------- */
	
	#theMenu{
		position:relative;
		left:347px;
		top:159px;
		width:647px;
		height:30px;
		vertical-align:top;
	}
	
	#theMenuTabBottomHiding{
		position:relative;
		left:977px;
		top:153px;
		width:21px;
		height:6px;
		overflow:hidden;
		background-color:#f6f6f6;
		border-top:1px solid #333;
	}
	
	#theMenu ul{
		list-style-type:none;
		padding:0px;
		margin:0px;
	}
	
	#theMenu ul li{
		float:left;
		width:105px;
		height:30px;
		text-align:center;
		vertical-align:top;
		z-index:3;
	}
	
	.tabNormal{
		color:#757575;
		background:url(img/tabNormal.png) no-repeat left top;
	}
	
	.tabNormal:hover{
		color:#000;
		background:url(img/tabActive.png) no-repeat left top;
	}
	
	.tabActive{
		color:#000;
		background:url(img/tabActive.png) no-repeat left top;
	}
	
	.tabNormalFirst{
		color:#757575;
		background:url(img/tabNormalFirst.png) no-repeat left top;
	}
	
	.tabNormalFirst:hover{
		color:#000;
		background:url(img/tabActiveFirst.png) no-repeat left top;
	}
	
	.tabActiveFirst{
		color:#000;
		background:url(img/tabActiveFirst.png) no-repeat left top;
	}
	
	div#theMenu ul ul, div#theMenu ul ul ul, div#theMenu ul ul ul, div#theMenu ul li:hover ul ul, div#theMenu ul ul li:hover ul ul {display: none;}