@charset "utf-8";
/* CSS Document */

/* hide from ie on mac \*/
html {
	height: 100%;
	overflow: hidden;
}

body {
	height: 100%;
	margin: 0;
	padding: 0;
	font-family:"Courier New", Courier, monospace;
	font-size:11px;
	color:#B7B4A8;
	background-image:url(../images/ruit.gif);
	background-repeat:repeat;	
}

#div_container{
	z-index:1;
	overflow:hidden;	
	text-align:center;
	height:120px;
	width:300px;
	position:absolute;
	display:none;
}

#div_container_content{
	z-index:1;
	overflow:hidden;	
	text-align:center;
	height:98px;
	width:278px;
	position:absolute;
	left:10px;
	top:10px;
	border:1px solid #cccccc;
}
#div_container_bg{
	z-index:0;
	overflow:hidden;	
	text-align:center;
	height:800px;
	width:800px;
	position:absolute;
	left:0px;
	top:0px;
	background-color:#FFFFFF;
}

#div_container_content.loading{
	background-image:url(../images/loader.gif);
	background-position:center;
	background-repeat:no-repeat;
}

#div_container_header{
	width:278px;
	position:absolute;
	left:0px;
	top:0px;
	text-align:center;
}

a, a:visited, a:hover{
	color:#a2439b;
	text-decoration:underline;
}

a.nav_item, a.nav_item:visited{
	color:#FFCC00;
	text-decoration:none;
	font-size:11px;
	font-weight:bolder;
}
a.nav_item:hover{
	text-decoration:underline;
}


#nav_prev{
	position:absolute; top:374px; left:0px; height:41px; width:111px; overflow:hidden;
}
#nav_next{
	position:absolute; top:373px; left:177px; height:42px; width:110px; overflow:hidden; 
}

/*#div_menu{
	background-image:url(../images/fragile.jpg);
	background-position:top left;
	background-repeat:repeat-y;
	position:absolute;
	left:10px;
	top:0px;
	width:140px;
	height:1500px;
}*/

#div_corner{
	background-image:url(../images/menu_bg.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	position:absolute;
	left:0px;
	top:0px;
	width:146px;
	height:257px;
}
#div_menu{
	position:absolute;
	left:0px;
	top:0px;
	width:146px;
	height:120px;
	overflow:hidden;
}

#div_menu_1, #div_menu_2, #div_menu_3, div.menu_bg, div.menu_txt{
	position:absolute;
	left:0px;
	top:0px;
	width:140px;
	height:25px;
	text-align:center;
	cursor:pointer;
	font-size:20px;
	line-height:24px;
	padding:3px;
}
#div_menu_1, #div_menu_2, #div_menu_3{
	left:-150px;
	color:#FFFFFF;
}
div.menu_bg{
	background-color:#eb2d2e;
}

#div_menu_1.active, #div_menu_2.active, #div_menu_3.active{
	color:#000000;
}

#div_menu_2{
	top:40px;
}

#div_menu_3{
	top:80px;
}

.header{
	font-size:20px;
	color:#eb2d2e;
}

#div_about,#div_contact,#div_collection{
	position:absolute;
	left:20px;
	top:100px;
	width:610px;
	text-align:justify;
	color:#333333;
	display:none;
}

#collection{
	position:absolute;
	left:0px;
	top:85px;
	width:610px;
	height:200px;
	z-index:10;
}


div.listing_row{
	position:relative;
	width:610px;
	height:20px;
	overflow:hidden;
	border-bottom:1px solid #cccccc;
	padding-bottom:1px;
	cursor:pointer;
	z-index:11;
	
}
div.div_thumb{
	width:90px;height:90px;overflow:hidden;
	vertical-align:middle;
	text-align:center;
}

img.thumb{
	text-align:center;
	vertical-align:middle;
}

table.table_thumb{
	height:90px;
	width:90px;
	text-align:center;
	vertical-align:middle;
}

td.td_thumb{
	padding:0px;
	text-align:center;
	vertical-align:middle;
	height:90px;
	width:90px;
}
td.label{
	width: 75px;
	text-align:left;
}
td.td_titel{
	color: #eb2d2e;	
	width:100%
}

span.colored{
	color: #eb2d2e;	
}

.tip{
	position: absolute;
	left:0px;
	top:0px;
	background-color:#cccccc;
	width:90px;
	z-index:50;
	height:auto;
	vertical-align:middle;
} 
.tip_wide{
	position: absolute;
	left:0px;
	top:0px;
	background-color:#cccccc;
	width:180px;
	z-index:50;
	height:auto;
	vertical-align:middle;
} 
 
.tip-title {
	width:100%;
	height:auto;
	color: #eb2d2e;
	position: absolute;
	padding:4px;
	left:0px;
	top:0px;
	text-align:left;
	overflow:hidden;
	background-color:#cccccc;
	vertical-align:middle;
}

a, a:visited{
	color: #FFFFFF;
	text-decoration:underline;
	background-color:#eb2d2e;
	padding:2px;
}
a:hover{
	color: #FFFFFF;
	background-color:#888888;
	text-decoration:none;
}
a.normal, a.normal:visited{
	color: #eb2d2e;
	text-decoration:underline;
	padding:2px;
	background-color:#FFF;
}
a.normal:hover{
	color: #FFFFFF;
	background-color:#eb2d2e;
	text-decoration:none;
}

#collection_text, #collection_gallery{
	position:absolute; top:35px; width:600px; height:400px; left:0px;
}
#scrollcontent{
	position:absolute; height:300px; top:55px; left:0px; width:570px; overflow:hidden; 
}
    	
#scrollnavigation{
	position:absolute;
	float:left;
	left:580px;
	top:290px;
	width:20px;
	height:50px;
	overflow:hidden;
}  	
#thumb_scrollnavigation{
	position:absolute;
	float:left;
	left:0px;
	top:315px;
	width:20px;
	height:50px;
	overflow:hidden;
}

#text_scroll1{ 
	position:absolute; top:0px; left:0px; z-index:100; cursor:pointer; width:20px; height:20px;
	background-color:#FFFFFF;
}

#text_scroll2{
	position:absolute; top:25px; left:0px; z-index:100; cursor:pointer; width:20px; height:20px;
	background-color:#FFFFFF;
}

div.thumbnail{
	position:relative; left:0px; top:0px; width:55px; height:55px; float:left; overflow:hidden; cursor:pointer;
}
#div_thumbs{
	position:absolute; left:0px; top:10px; width:110px; height:300px; border:0px solid #000; overflow:hidden;
}
#div_imageBG{
	position:absolute; left:110px; top:10px; width:500px;border:0px solid #000; background-color:#FFFFFF; height:320px; text-align:center;
}
#div_image{
	position:absolute; left:110px; top:10px; border:0px solid #333333;
}

#div_credits{
	width:130px;
	height:20px;
	display:none;
	position:absolute;
}




















a.CONTACT_item, a.CONTACT_item:visited{
	color:#cb0a27;
	text-decoration:none;
	font-size:11px;
	font-weight:bolder;
}
a.CONTACT_item:hover{
	text-decoration:underline;
}

div.header, td.header{
	font-size:13px;
	font-weight:bolder;
	line-height:17px;
}
div.info_header_nav{
	font-size:13px;
	width:170px;
	font-weight:bolder;
	line-height:17px;
	position:relative;
	float:left;
	top:15px;
	margin-bottom:10px;
	background-color:#FFFFFF;
}
div.info_items_nav{
	line-height:17px;
	position:relative;
	float:left;
	width:160px;
	padding:5px;
	top:5px;
	left:5px;
	padding-left:3px;
	padding-right:2px;
	border-bottom:1px dotted #f46f17;
}

.toggler, .toggled {
	color: #000000;
	margin: 0;
	padding: 5px;
	border-top: 1px dotted #cb0a27;
	font-size: 11px;
	font-weight: normal;
	text-align:left;
	cursor:pointer;
}

td{
	vertical-align:top;
}

input, select, textarea{
	font-size:10px;
  	font-family: Verdana, Arial, Helvetica, sans-serif;
	border:1px solid #cb0a27;
	width:140px;
}
input.error, select.error{
	background-color:#dca4d1;
}

input.client{
	width:140px;
	height:12px;
	padding:2px;
}
select.client{
	width:145px;
	height:20px;
	border:1px solid #00b5cf;
	padding:2px;
}

input.client.error, select.client.error{
	border:1px solid #EF3E42;
}

td.header_contact{
	background-color:#dca4d1;
	color:#cb0a28; font-size:12px; font-weight:bold; margin:5px;
}