html[xmlns^="http"] { overflow-y: scroll };

html {
	margin:0;
	padding:0;
}

body, td, th {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:20px;
	color:#666666;
	
	margin:0;
	padding:0;
	text-align:left;	
}


h1, h2, h3, h4, h5, p, div, table, form, {padding:0; margin:0}

input, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;	
	color:#666666;
	margin:0;	
}

.check {border:none;}
.radio {border:none;}


label {	
	cursor:pointer;
	margin:0 20px 0 0;
}
img {border:0}
p { margin:0 0 10px 0}

ul, ol {padding:0; margin:0; margin-bottom:10px}

ul li {
	margin-bottom:5px;
	list-style:url(../grafik/common/bullet.gif) outside;
	margin-left:20px;		
}

ol li {
	margin-bottom:5px;
	list-style-type:decimal;
	margin-left:16px;	
}

h1 {
	font-size:20px;
	line-height:22px;
	color:#CCCCCC;
	text-transform:uppercase;	
	
	padding:0;
	margin:0px 0 5px 0;
}

h2 {
	font-size:16px;
	line-height:20px;
	color:#999999;	
	
	padding:0;
	margin:0px 0 5px 0;
}

h3 {
	font-size:16px;
	line-height:20px;
	color:#999999;	
	
	padding:0;
	margin:0px 0 5px 0;
}


/*h3 {
	font-size:12px;
	line-height:25px;	
	
	padding:0;
	margin:0;
}
*/

.small{
	font-size:10px;
	line-height:15px;
}

.bu {
	font-size:11px;
	line-height:15px;
	color:#999999;
	margin-top:5px;
	margin-bottom:20px;
}

/* Links */
a, a:link, a:visited, a:hover, a:visited:hover {
	font-weight:bold;
	text-decoration:none;
	color:#333333;
}

a:hover, a:visited:hover {
	color:#000000;
	border:none;
}

/* Logos */
.logoYul{
	width: 230px;
	height:110px;
	background:#FFFFFF url(../grafik/common/logo_yul.gif) no-repeat;	
}

.logoVollmar {
	float:left;
	width:140px;
	height:40px;
	background:#FFFFFF url(../grafik/common/logo_vollmar.gif) no-repeat;
	margin-right:130px;
}

.logoCandles {
	float:right;
	width:110px;
	height:40px;
	background:#FFFFFF url(../grafik/common/logo_candles.gif) no-repeat;
	margin-left:20px;
}





/* Floats & Clears */

.left {	float:left}
.right {float:right}

.clearL {clear:left}
.clearR {clear:right}

.clear, .clear5, .clear10, .clear20, .clearLine{clear:both;	font-size:0; position:relative; display:block}
.clear { height:0px}
.clear5 { height:5px}
.clear10 { height:10px}
.clear20 { height:20px}

.clearLine {
	display:block;
	position:relative;	
	border-top:#CCCCCC dotted 1px;	
	height:5px;		
}

.spacer10 {
	display:block;
	width:10px;	
}






/* Text Farben */
.grey_bright {color:#CCCCCC;}
.grey {color:#999999;}
.grey_dark {color:#333333;}
.black {color:#000000;}
.star {color:#CC0000; margin-left:2px}		
.bold {	font-weight:bold;}
.normal {font-weight:normal;}


.colorBox {display:block; float:left; height:18px; width:18px; background-color:#FFFFFF; border:#EEEEEE solid 1px; margin-right:3px}
.colorBox:hover, .colorBox:visited:hover, .colorBox.active, .colorBox.active:hover {border:#000000 solid 1px;}	
.colorBox.active, .colorBox.active:hover {cursor:default;}	

/* Background Colors */
.bg_white {
	background-color:#FFFFFF;
}



/* Site Layout */


#colorBorde {
	width:100%;
	height:5px;
	font-size:0;
}

#centerDiv {
	position: relative;	
    left: 50%;    
    margin-left: -470px; 
	width: 940px;	
	   
   	text-align:left; 	
}

#mainNavDiv {
	float:left;
	width:230px;
	margin-bottom:30px;	
}


#language{
	width: 230px;
	height:30px;		
}

#contentDiv {	
	float:right;	
	width:670px;	
	padding-bottom:30px;	
}

#bottomDiv {
	clear:both;
	width:100%;
	border-top:#DDDDDD solid 1px;
	height:40px;	
	padding-bottom:20px;	
}

.bottomBorde {	
	font-size:11px;
	line-height:12px;
	color:#999999;
}

#viewModeDiv {	
	float:right;	

	width:100px;
	height:40px;	
}

#selectViewMode {
	width:160px;
	vertical-align:top;
	/*border:#EEEEEE solid 1px;*/
}

#selectPicType {
	width:160px;
	vertical-align:top;	
	/*border:#EEEEEE solid 1px;*/
}





/* Spalten */
#colHeadline {
	position:relative;
	height:85px;
}

#colBoth{
	position:relative;
	clear:both;	
}

#colLeft {
	position:relative;
	float:left;
	width:340px;	
}

#colLeftWide {
	position:relative;
	float:left;
	width:490px;	
}

#colRight {
	position:relative;
	float:right;
	width:300px;
}

#colRightNarrow {
	position:relative;
	float:right;
	width:150px;	
}



/* Candles List */
.containerList {
	width:700px;
}

.listProduct, .listProductOver {
	position:relative;
	float:left;
	width:160px;
	height:250px;
	margin: 0 10px 10px 0;	
	cursor:pointer;	
}

.listProductEmpty {
	position:relative;
	float:left;
	width:160px;
	height:250px;
	margin: 0 10px 10px 0;
	cursor:default;	
}

.listProductPic {
	position:relative;
	margin:1px;	
	text-align:center;
}

.listProductText {
	position:absolute;
	width:140px;
	bottom:0;
	margin:5px;
	padding:5px;
	background-color:#F8F8F8;	
}

.listProductOver .listProductText {background:none}
	

.listProduct h2, .listProductOver h2 {
	font-size:11px;
	line-height:13px;
	font-weight:bold;	
}

.productDescriptionLeft, .productDescriptionRight {
	font-size:10px;	
	line-height:12px;
	font-weight:bold;
	color:#999999;	
}

.productDescriptionLeft { float:left; text-align:left }
.productDescriptionRight { float:right; text-align:right }	

.listProduct {color:#666666;}
.listProductOver {color:#000000; background:#FFFFFF url(../grafik/articles/article_bg.gif) no-repeat}
.listProductOver .productDescription {color:#666666;}
.listProductOver .productColor {color:#666666;}



/* Candles Showroom */
#showroomMood {
	float:left;	
}

#showroomArticles {
	float:right;	
	width:340px;
	height:500px;	
}

#showroomArticlePic {
	position:absolute;
	z-index:0;	
	width:340px;
	height:500px;	
}

#showroomArticleNav {
	position:absolute;
	z-index:200;
	width:340px;
	height:460px;	
}

#showroomColors {
	position:relative;
	clear:both;
	padding-top:30px;
	width:670px;
	font-size:11px;	
}

.articlePic {	
	position:absolute;
	z-index:1;
	top:50px;
	text-align:center;
	
	width:340px;
	height:500px;
	
	filter:alpha(opacity=0); 
 	-moz-opacity: 0; 
 	opacity: 0;
}

.articlePicActive {	
	position:absolute;
	z-index:0;
	top:50px;
	text-align:center;
	
	width:340px;
	height:500px;
}


/* Farbtabelle */
.farbTabelleRow {
	position:relative;
	width:100%;
	height:80px;
	clear:both;
}

.farbname {
	position:relative;
	float:left;
	margin-top:30px;
	font-size:12px;
	font-weight:bold;
	color:#999999;
}

.duft {
	position:relative;
	float:left;
	width:165px;
	height:180px;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	color:#999999;
	
}
	



/* News */
.newsDiv {	
	padding-bottom:20px;
}

.newsHeadline {
	float:left;
	width:470px;
}

.newsDatum {
	float:right;
	width:180px;
	font-style:italic;
	text-align:right;
}

.newsDiv hr {
	padding:0;
	margin:0 0 5px 0;
	border:0;
	border-top:#CCCCCC dotted 1px;	
	height:0px;	
}

.newsPicDiv {
	float:right;
	width:300px;
	margin-top:2px;
	margin-left:30px;
	text-align:right;	
}

.newsPic {	
	width:300px;
	margin-bottom:10px;	
}

.newsPic img {	
	margin-bottom:10px;		
}

.newsThumbDiv {
	
	height:40px;	
}

.newsThumb {
	border:#CCCCCC solid 1px;
	float:right;	
	margin-left:10px;
}


/*KONTAKT*/
.formRow {
	clear:both;		
	margin-bottom:10px;	
}

.formCol {	
	width:140px;	
}



/* DOWNLOAS */
.katalogContainer{
	position:absolute;
	z-index:1;
	text-align:center;
	width:700px;
	height:400px;
	top:240px;		
}

.katalogPic {
	float:left;
			
	cursor:pointer;
	margin:10px;
	vertical-align:text-top;
}

.katalogPic img {
	position:relative;
	top:50px;	
	width:110px;
}

.katalogTextContainer {	
	position:relative;
	z-index:2;
	height:40px;	
	width:670px;
	margin-top:350px;
	
	
	padding:10px 0 0 0;
	border-top:#CCCCCC solid 1px;
	background-color:#FFFFFF;
}

.katalogText {
	position:absolute;
	width:100%;
	text-align:center;
	visibility:hidden;
}

/* HISTORY */

.historyRow {
	margin-bottom:20px;
	cursor:pointer;

}

.historyBig img {
	position:absolute;

	filter:alpha(opacity=0); 
 	-moz-opacity: 0; 
 	opacity: 0;
}

.historyThumb {
	float:left;
	width:70px;
}

.historyText {
	float:left;
	width:260px;
}


/*INTERN*/
.row1 {background-color:#F3F3F3;}
.row2 {background-color:#FFFFFF;}
.row1_active {background-color:#ebf6d5;}
.row2_active {background-color:#dfebc7;}

.selCatTitle {
	position:relative;
	float:left;
	width:70px;
	font-weight:bold;
}

.selCat {
	position:relative;
	float:left;
	width:190px;	
	margin-bottom:5px;
}


.listRow {
	display:block;
	position:relative;
	padding:3px;
	clear:both;
	height:20px;
}

.listRowNews {
	padding:3px;
	clear:both;
	height:40px;
}

.listRowWording {
	padding:3px;
	clear:both;
	padding-bottom:10px;	
}

.listTitle {
	font-size:12px;
	font-weight:bold;
	line-height:20px;
	height:20px;	
	
	/*border:#EEEEEE solid 1px;*/
}

.listEntry {	
	line-height:20px;
	height:20px;	
	
	/*border:#EEEEEE solid 1px;*/
}


.picTitleBorde {
	height:20px;
	width:140px;
	background:#FFFFFF url(../grafik/common/pic_title.gif) no-repeat;	
	overflow:hidden;
}



/* INPUT FELDER */ 
.inputCheck {float:left; margin-right:8px;}
.inputPos {float:left; width:50px; margin:0; margin-right:8px;}
.inputPosSmall {float:left; width:15px; margin:0;}
.inputArtNr {float:left; width:80px; margin-right:8px;}
.inputArtName {float:left; width:140px; margin-right:8px;}
.inputCatName {float:left; width:140px; margin-right:8px;}
.inputSize {float:left; width:25px; margin-right:2px;}
.inputHex {float:left; width:50px; margin:0;}
.inputPic {float:left; width:80px; margin:0;}
.inputSearch {float:left; width:150px; margin-right:10px;}
.inputPicName {float:left; width:110px; height:20px; border:0; background:none; font-size:9px; font-weight:bold; line-height:20px;}


/* BUTTONS */
.inputColor, .btnSearch, .btnPos, .btnDel, .btnEdit, .btnCopy, .btnNew, .btnChange, .btnSave, .btnSelPic, .btnDelPic, .btnColor {
	cursor:pointer;
	display:block;
	float:left;	
		
	height:20px;	
	border:none;
	
	font-size:11px;
	text-align:center;	
	font-weight:bold;	
	color:#FFFFFF;
}

.inputColor {background:url(../grafik/common/btn_color.gif) 0px 0px no-repeat; width:70px; height:16px; padding:2px 0; margin-right:10px; text-align:left; text-indent:2px; font-weight:normal}
.btnSearch {background:url(../grafik/common/btn_search.gif) 0px 0px no-repeat; width:20px; margin-right:10px;}
.btnPos {background:url(../grafik/common/btn_pos.gif) 0px 0px no-repeat; width:20px; margin-right:10px;}
.btnDel {background:url(../grafik/common/btn_del.gif) 0px 0px no-repeat; width:20px; margin-left:5px;}
.btnEdit {background:url(../grafik/common/btn_copy.gif) 0px 0px no-repeat; width:60px;}
.btnCopy {background:url(../grafik/common/btn_copy.gif) 0px 0px no-repeat; width:60px;}
.btnNew {background:url(../grafik/common/btn_new.gif) 0px 0px no-repeat; width:60px;}
.btnChange {background:url(../grafik/common/btn_change.gif) 0px 0px no-repeat; width:120px; margin-left:5px;}
.btnSave {background:url(../grafik/common/btn_save.gif) 0px 0px no-repeat;	width:85px;}
.btnSelPic {background:url(../grafik/common/btn_selpic.gif) 0px 0px no-repeat; width:140px; margin-bottom:10px;}
.btnDelPic {background:url(../grafik/common/btn_delpic.gif) 0px 0px no-repeat; width:20px; float:right}

.btnColor:hover, .btnSearch:hover, .btnDel:hover, .btnEdit:hover, .btnCopy:hover, .btnNew:hover, .btnChange:hover, .btnSave:hover, .btnSelPic:hover, .btnDelPic:hover {border:none; background-position:0 -20px; color:#FFFFFF;}



 /* FLAGS */
.flag_0, .flag_de, .flag_uk {
	background-repeat:no-repeat;
	width:20px;
	height:20px;
	margin:3px;	
}

.flag_0 {background-image:url(../grafik/common/flag_0.gif);}
.flag_de {background-image:url(../grafik/common/flag_de.gif);}
.flag_uk {background-image:url(../grafik/common/flag_uk.gif);}



/* LIBRARY */

/* viewmode */
.view_list, .view_list_over, .view_small, .view_small_over, .view_big, .view_big_over {
	float:left;	
	width:19px;
	height:19px;
	margin:0 0 0 3px;

	cursor:pointer;
	cursor:hand;	
}

.view_list { background:url(../grafik/pic_library/view_list.gif) no-repeat -19px 0px;}
.view_small {background:url(../grafik/pic_library/view_small.gif) no-repeat -19px 0px;}
.view_big {background:url(../grafik/pic_library/view_big.gif) no-repeat -19px 0px;}
.view_list_over {background:url(../grafik/pic_library/view_list.gif) no-repeat;}
.view_small_over {background:url(../grafik/pic_library/view_small.gif) no-repeat;}
.view_big_over {background:url(../grafik/pic_library/view_big.gif) no-repeat;}



/* THUMBNAILS */

/* thumbs list */
.thumb_list, .thumb_list_over, .thumb_list_active {
	position:relative;
	float:left;
	width:330px;
	height:40px;
	margin:0 12px 10px 0px;
	background-color:#EEEEEE;
}
.thumb_list_over {background-color:#CCCCCC}
.thumb_list_active {background-color:#99CC66}


/* thumbs small */
.thumb_small, .thumb_small_over, .thumb_small_active {
	position:relative;
	float:left;
	width:100px;
	height:150px;
	margin:0 14px 20px 0px;
	background:url(../grafik/pic_library/thumb_small.jpg) no-repeat;
	background-position:0 0;
}
.thumb_small_over {background-position:-100px 0px}
.thumb_small_active {background-position:-200px 0px}


/* thumbs big */
.thumb_big, .thumb_big_over, .thumb_big_active {
	position:relative;
	float:left;
	width:200px;
	height:250px;
	margin:0 34px 20px 0px;	
	background:url(../grafik/pic_library/thumb_big.jpg) no-repeat 0px 0px;
}
.thumb_big_over {background-position:-200px 0px}
.thumb_big_active {background-position:-400px 0px}


/* Delete Button */
.x {
	position:absolute;
	z-index:10;
	top:3px;
	right:3px;
	width:13px;
	height:13px;
	background:url(../grafik/pic_library/delPic.gif) no-repeat;
	background-position:0 0;
}

.x:hover {background-position:-13px 0px}


/* Checkbox */
.thumb_check {	
	margin:0;
	padding:0;
	margin-right:5px;	
}


/* Bild */
.thumb_pic_list, .thumb_pic_small, .thumb_pic_big {
	position:relative;
	margin:5px;
	text-align:center;
	overflow:hidden;
}


.thumb_pic_list {	
	float:left;
	width:30px;
	height:30px;	
}

.thumb_pic_small {	
	width:90px;
	height:90px;
	
}

.thumb_pic_big {	
	width:190px;
	height:190px;	
}


/* Beschreibung */
.thumb_desc_list, .thumb_desc_small, .thumb_desc_big {
	float:left;
	font-size:10px;
	font-weight:bold;
	overflow:hidden;
	
}

.thumb_desc_list {width:280px;margin-top:2px;}
.thumb_desc_small {width:100px;margin-top:5px;}
.thumb_desc_big {width:200px;margin-top:5px;}

.thumb_desc_list label, .thumb_desc_small label, .thumb_desc_big label{
	display:block;
	width:300px;
	cursor:pointer;
	cursor:hand;
}

.thumb_desc_list span, .thumb_desc_small span, .thumb_desc_big span{
	font-size:8px;
	font-weight:bold;
	line-height:12px;
	color:#BBBBBB;
}

.thumb_desc_list span, {
	display:inline-block;	
}

.thumb_desc_small span, .thumb_desc_big span {	
	display:block;
	width:200px;
}

.thumb_desc_small span.slash, .thumb_desc_big span.slash {
	visibility:hidden;	
	display:none;	
}



/* BOXEN */
.bgDiv, .vgDiv {
	
	
	height:100%;
	width:100%;
	top:0;
	left:0;
	right:0;
	bottom:0;	
}

.bgDiv {
	position:fixed;
	z-index:99;
	background-color:#CCCCCC;
	filter:alpha(opacity=80); 
 	-moz-opacity: 0.8; 
 	opacity: 0.8;	
}

.vgDiv {
	position:absolute;	
	z-index:100;	
}



#changeCatBox {	display:none;}
#selectMaterialBox {display:none;}
#selectPositionBox {display:none;}
#selectPicturesBox {display:none;}

.cat_box, .material_box, .position_box, .pictures_box {
	position:relative;	
	/*overflow:hidden;	*/
	
	margin:40px;
	border:#333333 solid 5px;
	background-color:#FFFFFF;
	padding:5px;	
	text-align:left;
	
 	box-shadow:4px 4px 4px #999;
	-webkit-box-shadow:4px 4px 4px #999;
	-moz-box-shadow:4px 4px 4px #999;
	
	border-radius:4px 4px 4px #999;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.cat_box { width:640px;	}
.material_box {	width:800px;}
.position_box { width:720px;}
.pictures_box { width:640px;}