/* BASE STYLE */

body { margin: 0px; padding: 0px;
color: #000000;
font: 12px BankGothicLtBTLight;
background-color:#FFFFFF;
}

br { clear:right; }

hr, HR { border: 1px dotted #000000; width:100%; }

@font-face {
	font-family: 'BankGothicLtBTLight';
	src: url('/fonts/bank_gothic-1-webfont.eot');
	src: local('☺'), url('/fonts/bank_gothic-1-webfont.woff') format('woff'), url('/fonts/bank_gothic-1-webfont.ttf') format('truetype'), url('/fonts/bank_gothic-1-webfont.svg#webfontg9fhMH06') format('svg');
	font-weight: normal;
	font-style: normal;
}


	
h6 { float: left; clear: none; margin:0 10 0 0; font-size: 10px; display:inline; color: #FF0000; padding:5px; background-color:#000000; border: 1px solid #000000; position: relative; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; behavior: url("../js/border-radius.htc"); }
h5 { clear: right; margin:0; font-size: 10px; display:inline-block;  color: #000000; padding:5px; background-color:#FFFFFF; border: solid 1px #000000; position: relative; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; behavior: url("../js/border-radius.htc"); width:150px; }


/* Form Globals */
input { color: #000000; font-size: 18px; font-family: 'BankGothicLtBTLight'; }
input[type="radio"], input[type="checkbox"] { border: 0px; }
input[type="password"], input[type="text"], input[type="submit"], input[type="button"] { border: solid 1px #FF0000; }
input[type="submit"], input[type="button"] { clear:both; cursor:pointer; cursor:hand; }

.gradients { background: #FFF; background: -moz-linear-gradient(top, #FFF, #FF0000); background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#FF0000)); border: 1px solid #D6D6D6; color: #000000; display: inline-block; filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#FFFFFF', EndColorStr='#FF0000'); font-size: 14px; height: 22px; padding: 0 10 0 10; text-decoration: none; -moz-border-radius: 5px; -webkit-border-radius: 5px;  }
.gradients:HOVER { background: #FF0000; background: -moz-linear-gradient(top, #FF0000, #000000); background: -webkit-gradient(linear, left top, left bottom, from(#FF0000), to(#000000)); border: 1px solid #FF0000; color: #FFFFFF; filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#FF0000', EndColorStr='#000000'); }

.navigationButtons, .navigationButtonsDelete { background: #EEE;  border: 1px solid #D6D6D6; color: #666; display: inline-block;  font-size: 14px; height: 18px; padding: 4px 10px; text-decoration: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.navigationButtons:HOVER { background: #DDD; border: 1px solid #B6B6B6; color: #444;  }
.navigationButtonsDelete:HOVER { background: #FF0000; border: 1px solid #B6B6B6; color: #444;  }
 
/* 3 OR 2 Col Layoyt // 940 px tilsammen */
#col1 { float: left;  width: 180px; text-align:left; margin: 0px 21px 0px 20px; }
#col2 { float: left;  width: 540px; }
#col3 { float: right; width: 180px; text-align:left; margin: 0px 20px 0px  0px; }

#col1 ol { list-style-type:decimal; }
#col1 ul { list-style-type:square; }

#colB1 { float: left;  width: 350px; text-align:left; margin: 0px 20px 0px 20px; }
#colB2 { float: right;  width: 350px; text-align:left; margin: 0px 20px 0px  0px; }

.contact { font-size: 14px; }
.about   { font-size: 12px; }
.about b { font-size: 16px; }

/** BASIC LAYOUT **/
#wrapper {   width: 800px; text-align: left; margin: 0px auto; background: url("../graphic/qbg.jpg") no-repeat;  }
#container { width: 780px; min-height: 600px; margin-left: 10px; margin-right: 10px; overflow: hidden; text-align:center; }

/* HEADER & FOOTER */
#header,
#footer { width: 780px; margin-left: 10px; margin-right: 10px; color: #FF0000; font-size: 9px; position:relative;}

#footer-space { height: 30px; clear: left; }

#header { height: 136px; background: url("/graphic/qlogo.jpg") no-repeat; }
#footer { clear: both;  text-align: center; position:relative; padding: 5px 0px 5px 0px; background-color:#000000; }
#footer a:link, #footer a:visited, #footer a:hover { color: #CCCCCC; margin: 0 16 0 16; text-decoration: none; }
#footer a:hover { text-decoration: underline; }

#topmenu { height:18px; width:210px; text-align:left; float: right; margin-top: 20px; }
#topmenu a:link, #topmenu a:visited, #topmenu a:hover { display: block; height:18px; top 3px; font-size: 10px; color: #000000; margin: 10 0 0 0; text-decoration: none; }
#topmenu a:hover {  color: #FF0000; }

#topmenu2 { height:18px; width:210px; text-align:left; float: right; margin-top: 20px; }
#topmenu2 a:link, #topmenu2 a:visited, #topmenu2 a:hover { display: block; height:18px; top 3px; font-size: 10px; color: #000000; margin: 10 0 0 0; text-decoration: none; }
#topmenu2 a:hover {  color: #FF0000; }

/*************/

#orderAdressInformations { width: 350px; margin: 0px auto; }
#orderAdressInformations label,
#orderAdressInformations input[type="text"] { text-align: left; display:block; width: 350px; }
#orderAdressInformations input[type="text"] { border: solid 1px #000; }

#orderPriceInfo { width: 520px; margin: 0px auto; }
#orderPriceInfo label { float:left; text-align: right; width: 240px;  }
#orderPriceInfo p { text-align: right; float:right;  width: 80px; margin:0; margin-right: 195px; }


#dialog div { font-size: 12px; font-family: 'BankGothicLtBTLight'; }
#dialog #designElement { height: 40px; margin-top:12px; cursor:pointer;cursor:hand; display:block;}
#dialog img { float:left; margin-right:10px; }

/**************/
.ui-dialog-titlebar { font-family: 'BankGothicLtBTLight'; color: #FF0000; background:black; } 
.ui-dialog { border: solid 1px #666; right: 75px;  }
/*opacity:0.7;filter:alpha(opacity=70);*/
#DivAjaxLoading { position:absolute; display:none; }

/*
#loading { position:absolute; }
#pictures{ position:relative; }
*/

/*#ajaxSpinner3 { opacity:0.7;filter:alpha(opacity=70); position:absolute; margin: 0px auto; top:40px; background-color: #000000; }
*/

#ajaxBrowse { font-size: 14px; font-family: 'BankGothicLtBTLight'; color: #000000; text-decoration: none; }

#next { float: right; margin-right: 100px; }
#prew { float: left; margin-left: 100px; }

#ajaxSpinner { opacity:0.7;filter:alpha(opacity=70); }

.P10BA { position:relative; }
.P10BA #name { font-size: 22px; }
.P10BA #info { font-size: 12px; }
.P10BA #img  { position:relative; width: 350px; height: 350px; z-index:1; border: solid 1px #000; }
.P10BA #name { font-size: 22px; }

.P10BA a:link, .P10BA a:visited, .P10BA a:hover   	{ position:absolute; width: 45px; height:45px; z-index:500; display:block; background-image:url(../graphic/transparent100x100.png); -moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px; behavior: url("../js/border-radius.htc"); }
.P10BA a:hover 									  	{ border: solid 1px #FF0000; }
.P10BA a:active										{ background-color: #FF0000; }

/*******************/

.browse { position:relative; }
.browse #pictures { font-size: 22px; }
.browse #prew { cursor:pointer;cursor:hand; }
.browse #next { cursor:pointer;cursor:hand; }
/*
.browse a:link, .browse a:visited, .browse a:hover   	{ position:absolute; width: 30px; height:30px; border: solid 0px #FFFFFF; -moz-border-radius: 15px; -webkit-border-radius: 15px; }
.browse a:hover 									  	{ border: solid 2px #FF0000; }
.browse a:active										{ background-color: #FF0000; }
*/

/****************/

.iwish #name { font-size: 22px; }
.iwish #info { font-size: 12px; }
.iwish #img  { width: 350px; height: 350px; border: solid 10px #FF0000; -moz-border-radius: 5px; -webkit-border-radius: 5px; }