/* BASE STYLE */

body { margin: 0px; padding: 0px;
color: #000000;
font-size: 12px;
background:#F2F2F2; /* url("../graphic/Khaki.gif") repeat; */
}

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: 14px; }
input:hover { color: #666; }
input[type="radio"], input[type="checkbox"] { border: 0px; }
input[type="password"], input[type="text"], input[type="submit"], input[type="button"] { border: solid 1px #000; }
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 {   
background:#F2F2F2; /* url("../graphic/stripe_d698dafdfafe46ee32379dcb58c14481.png") repeat; */
width: 800px;
text-align: left;
margin: 0px auto;
/*border-left: 1px solid #000;
border-right: 1px solid #000;*/

/*background: url("../graphic/qbg.jpg") no-repeat;*/

}
#container { width: 800px; min-height: 600px; overflow: hidden; text-align:center; }

/* HEADER & FOOTER */

#footer { width: 100%; color: #FF0000; font-size: 9px; position:relative;}

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

#header {
	/* border-top: 5px solid #444; */
	padding: 30px 0 20px 20px;
	position: relative;
}

#header #header-info {
	color: #000;
	font-size: 12px;
	text-transform: uppercase;
	font-weight:bold;
}
#header #header-info a {
	color: #F00;
	font-size: 26px;
	text-decoration: none;
	height: 50px;
}

#header #header-info h2 {
	text-transform:capitalize;
	font-weight:normal;
	color: #444;
	font-size: 14px;
	text-decoration: none;
}

#footer { clear: both;  text-align: center; position:relative; padding: 5px 0px 5px 0px; background-color:#F2F2F2; }
#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; }


#navigation {
    width: 100%;
    text-align: center;
    background: #000;
    /* 
    border-top: 1px solid #999;
    */
    border-bottom: 1px solid #999;
    padding: 5px 0;
}

#navigation ul {
    padding:0;
    margin: 0;
}

#navigation ul li {
    list-style-type: none;
    display: inline;
}

#navigation li a {
    display: inline-block;
    color: #999;
    font-size:13px;
    font-weight: bold;
    text-decoration: none;
    padding:  0 15px 0 15px;
    text-transform: uppercase;
}

#navigation li a:hover {
	color: #FFF;
}

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

#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'; }
#dialogTest #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; }
