/* CSS Document */

BODY{
	margin:0px;
	background:#000000;
	font-family:Arial, Helvetica, sans-serif;
}
DIV{
	text-align:left;
}
.site_holder{
	position:relative;
	width:990px;
	height:698px;
}
#container{
	position:relative;
	width:990px;
	height:698px;
}
#header{
	float:left;
	width:990px;
	height:131px;
	position:relative;
	z-index:100;
}
#anouk{
	width:242px;
	height:131px;
	float:left;
}
#logo{
	width:498px;
	height:131px;
	float:left;
}
#header IMG, #menu IMG{
	float:left;
}
#header A#Official_Website{
	position:absolute;
	top:10px;
	right:0;
	display:block;
	width:100px;
	margin:0px;
	display:inline;
	height:100px;
}

.taalkeuze{
	width:39px;
	height:13px;
	position:absolute;
	left:790px;
	top:30px;
	z-index:900;
	display:block;
}
.taalkeuze A{
	width:18px;
	height:13px;
}
.eng{
	width:18px;
	height:13px;
	float:left;	
}
.eng A:HOVER{
}
.nld{
	width:18px;
	height:13px;
	float:left;
	margin:0px 0px 0px 3px;
}
.nld A:HOVER{
}

#menu{
	float:left;
	width:990px;
	z-index:400;
}
#menu.menu_overlay{ position:absolute; left:0; bottom:-40px; width:990px; height:40px;}
.menu_item{
	float:left;
	height:39px;
}
#choose_shirt{
	width:242px;
	background:url(../Images/1_Choose_Shirt.jpg) left no-repeat;
}
#choose_lyric{
	width:250px;
	background:url(../Images/2_Chose_Lyric.gif) left no-repeat;
}
#shirt_preview{
	width:248px;
	background:url(../Images/3_Shirt_Preview.gif) left no-repeat;
}
#and_order{
	width:250px;
	background:url(../Images/4_And_Order.gif) left no-repeat;
}




#Shirt{
	float:left;
	height:469px;
	width:222px;
	padding:20px 10px 10px 10px;
	background:#cccccc;
}
#Shirt UL{
	margin:20px 0 0 0;
	padding:0px;
	float:left;
	list-style:none;
	width:222px;
}
#Shirt UL LI{
	font-size:12px;
	font-weight:bold;
	float:left;
}
#Shirt UL LI#aan A{
	background:url(../Images/tabblad_categorie.gif) right;
}
#Shirt UL LI A{
	color:#000000;
	padding:0 20px 0 10px;
	text-decoration:none;
}
#Shirt UL LI A:hover{
	background:url(../Images/tabblad_categorie_over.gif) right;
}
#Shirt #shirtjes{
	float:left;
	width:222px;
	height:415px;
	overflow:auto;
	background:#FFFFFF;
}
#Shirt #shirtjes .shirtje{
	position:relative;
	float:left;
	width:63px;
	height:84px;
	margin:2px 2px 5px 2px;
	padding:0px;
	background-repeat:no-repeat;
	background-position:center top;
}
#Shirt #shirtjes .shirtje .zoom{
	position:absolute;
	width:20px;
	height:20px;
	right:0px;
	z-index:2;
}
#Shirt #shirtjes .shirtje .bestel{
	z-index:1;
	width:63px;
	height:84px;
	position:absolute;
}

#Shirt #shirtjes .shirtje IMG{
	behavior: url(http://www.lyricsshirt.com/Include/iepngfix.htc);
	border:0px;
}

#Shirt #shirtjes .shirtje A.zoom{
	text-align:right;
	display:block;
	width:20px;
	height:20px;
}
#Shirt #shirtjes .shirtje .bestel A{
	text-decoration:none;
	display:block;
	width:63px;
	height:84px;
	color:#FFFFFF;
	text-align:center;
	font-size:11px;
	font-weight:bold;
}
#Shirt #shirtjes .shirtje .bestel A SPAN{
	margin:68px 0 0 0;
	height:16px;
	display:block;
	background:#000000;
}




#Lyric{
	font-size:11px;
	float:left;
	height:449px;
	padding:40px 10px 10px 10px;
	width:230px;
	background:#999999;
}
#Lyric FORM{
	margin:0px;
	padding:0px;
}
#Lyric FORM FIELDSET{
	margin:0px;
	padding:0px;
	border:0px;
}
#Lyric FORM FIELDSET LABEL{
	font-weight:bold;
	float:left;
	width:230px;
}
#Lyric FORM FIELDSET INPUT{
	border:1px solid #000000;
	width:225px;
	float:right;
	margin:0px;
}
#Lyric FORM FIELDSET INPUT.knop{
	width:auto;
	background:#e17802;
	border:0px;
	color:#FFFFFF;
	margin:2px 0 0 0;
	padding:2px 10px 2px 10px;
}
#Lyric H3{
	float:left;
	width:230px;
	font-size:12px;
	margin:0px;
	padding:0px;
}
#Lyric TABLE{
	width:230px;
	background:#000000;
	padding:5px 0 5px 0;
}
#Lyric TABLE TD{
	text-align:center;
}
#Lyric TABLE TD A{
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
}

#Lyric #resultaat{
	width:230px;
	height:315px;
	overflow:auto;
}
#Lyric #resultaat H4{
	color:#FFFFFF;
	font-size:12px;
	margin:10px 0 0 0;
	padding:0px;
}
#Lyric #resultaat UL{
	list-style:url(../Images/opsomminsstreepje.gif);
	margin:0 0 0 15px;
	padding:0px;
}
#Lyric #resultaat UL LI A{
	color:#000000;
	text-decoration:none;
}
#Lyric #resultaat UL LI A:hover{
	color:#e17802;
}







#Previeuw{
	font-size:11px;
	line-height:18px;
	float:left;
	height:451px;
	padding:38px 10px 10px 10px;
	width:228px;
	background:#7f7f7f;
	color:#FFFFFF;
}
#Previeuw H4{
	text-align:center;
	margin:0px;
	padding:0px;
}

#Previeuw #foto_voorbeeld{
	position:relative;
	background-position:top center;
	background-repeat:no-repeat;
	width:226px;
	border:1px solid #000000;
}

#Previeuw #foto_voorbeeld #link{
	z-index:3;
	position:absolute;
}
#Previeuw #foto_voorbeeld #link A{
	behavior: url(http://www.lyricsshirt.com/Include/iepngfix.htc);
	display:block;
	text-align:right;
}
#Previeuw #foto_voorbeeld #link IMG{
	behavior: url(http://www.lyricsshirt.com/Include/iepngfix.htc);
}


#Previeuw IMG{
	border:0px;
}

#Previeuw .streep{
	height:2px;
	background:#e17802;
}
#Previeuw SELECT{
	font-size:10px;
	height:20px;
	margin:2px 0 2px 0;
}

#Order{
	font-size:11px;
	line-height:18px;
	float:left;
	height:349px;
	padding:140px 10px 10px 10px;
	width:230px;
	overflow:hidden;
	background:#333333;
	color:#FFFFFF;
}

#Order TABLE{
	width:230px;
}
#Order TABLE TD A{
	color:#FFFFFF;
	text-decoration:none;
}
#Order A{
	color:#FFFFFF;
	text-decoration:none;
}
#Order A:hover{
	color:#cccccc;
}

#Order .Order_row{
}

#Order .Order_row_over TD{
	background:#000000;
}
#Order .prijs{
	text-align:right;
}
#Order .verwijder{
	text-align:right;
}
#Order .verwijder A IMG{
	width:10px;
	height:12px;
	background:url(../Images/vuilnisbak.gif);
	border:0px;
	margin:0 3px 0 0;
}
#Order .verwijder A:hover IMG{
	background:url(../Images/vuilnisbak_over.gif);
}
#Order .streep{
	height:2px;
	background:#e17802;
}
#Order #order_knop{
}
#Order #order_knop A{
	display:block;
	float: right;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	background:#e17802;
	border:0px;
	color:#FFFFFF;
	margin:2px 0 0 0;
	padding:2px 10px 2px 10px;
}


#Order_form{
	left:10px;
	top:206px;
	width:700px;
	height:396px;
	position:absolute;
	background:#FFFFFF;
	overflow:auto;
}
#Order_form #inhoud{
	margin:10px;
	font-size:12px;
	line-height:18px;
}
#Order_form #inhoud #oranje_randje{
	border:#ff7407 solid 1px;
}
#Order_form #inhoud H1{
	font-size:16px;
	color:#e17802;
	margin:5px 0 15px 0;
}
.veronica_banner{
	width:250px;
	height:100px;
	position:absolute;
	top:156px;
	right:0px;
	z-index:800;
}

.veronica_popup{
	width:100px;
	height:100px;
	float:left;
	background:#FF0000;
}





.login{
	font-size:12px;
}
.login H3{
	font-size:16px;
	color:#e17802;
	margin:5px 0 15px 0;
}

/*** LIGHTBOX STYLE ***/
#lightbox{
	display:none;
	position: absolute;
	top:50%;
	left:50%;
	z-index:9999;
	width:500px;
	height:400px;
	margin:-220px 0 0 -250px;
	border:2px solid #a3a3a3;
	text-align:left;
}
#lightbox[id]{
	position:fixed;
}

#overlay{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:5000;
	background-color:#000;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}
#overlay[id]{
	position:fixed;
}

#lightbox.done #lbLoadMessage{
	display:none;
}
#lightbox.done #lbContent{
	display:block;
}
#lightbox.loading #lbContent{
	display:none;
}
#lightbox.loading #lbLoadMessage{
	display:block;
}

#lightbox.done img{
	width:100%;
	height:100%;
}

P{
	font-family:Arial, Helvetica, sans-serif;
}

.close{
	width:500px;
	height:15px;
	position:absolute;
	bottom:0px;
	left:0px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:10px;
	text-align:center;
}
.platte_tekst{
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:12px;
	text-align:left;
}
.platte_tekst H3{
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:10px;
	text-align:left;
	margin:0px;
	padding:0px;
	font-weight:normal;
}
.close A{
	color:#ffffff;
	text-decoration:none;
}
.close A:HOVER{
	color:#000000;
	text-decoration:none;
}
.veronica_logo{
	width:200px;
	height:68px;
	position:absolute;
	top:10px;
	left:10px;
}
.code_invoeren{
	width:340px;
	height:90px;
	padding:30px;
	position:absolute;
	top:150px;
	left:50px;
	border:2px solid #a3a3a3;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:12px;
	text-align:left;
}
.code_invoeren H3{
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:10px;
	text-align:left;
	margin:0px;
	padding:0px;
	font-weight:normal;
}




.login FORM{
	margin:40px 0 0 0;
	padding:0px;
}
.login FORM FIELDSET{
	margin:0px;
	padding:0px;
	border:0px;
}
.login FORM FIELDSET LABEL{
	font-weight:bold;
	float:left;
	width:200px;
}
.login FORM FIELDSET INPUT{
	border:1px solid #000000;
	width:200px;
	float:left;
	margin:0px;
}
.login FORM FIELDSET INPUT.knop{
	width:auto;
	background:#e17802;
	border:0px;
	color:#FFFFFF;
	margin:2px 0 0 0;
	padding:2px 10px 2px 10px;
}








#Platte_tekst{
	left:252px;
	top:206px;
	width:728px;
	height:416px;
	overflow:auto;
	position: absolute;
	background:#FFFFFF;
}
#Platte_tekst #inhoud{
	margin:10px;
	font-size:12px;
	line-height:18px;
}
#Platte_tekst #inhoud H1{
	font-size:16px;
	color:#e17802;
	margin:5px 0 15px 0;
}
#Platte_tekst #inhoud P{
	margin:5px 0 15px 0;
}
#Platte_tekst #inhoud A{
	color:#e17802;
}
#Platte_tekst #inhoud A:hover{
	color:#000000;
}


#tabel TD{
	border-top:1px solid #000000;
}
#tabel .kosten{
	text-align:right;
}
#tabel .totaal TD{
	border-top:2px solid #000000;
}


#footer{
	float:left;
	font-size:11px;
	line-height:30px;
	width:990px;
	text-align:center;
	color:#FFFFFF;
}
#footer A{
	color:#FFFFFF;
	text-decoration:none;
}
#footer A:hover{
	color:#e17802;
}



