

body{background:#F3F3F3 url(/gfx/bg-head.png) top repeat-x; height: 100%; padding: 0; margin: 0;}

p + p  { text-indent: 0; margin-top:0em; }
a{color: #51BAE1;}

img.right{float: right; margin: 0 10px 0 15px;}


hr.frontpage_divider{height: 4px; color: #ddd; width: 680px;}

/*Logo*/

h1#logo{
width: 193px;
height: 37px;
float: left;
margin: 0px 15px 25px 13px;
}

h1#logo a{
width: 193px;
height: 37px;
display: block;
background:url(/gfx/logo.png) no-repeat;
}



.payoff{float: left; color: #fff; font-size: 130%; padding: 9px 0 0 0; font-family: Georgia, serif;}



h2.blocktitle{margin: 0 0 3px 0; text-transform: uppercase; font-size: 200%; color: #666;}



/* MENU */

ul#menu{float: left; margin: 0; width: 727px; text-align: right; list-style-type: none; padding: 0;}
ul#menu li{ display: inline; margin: 0; white-space: nowrap;}
ul#menu li a{text-decoration: none; background: #999; color: #ddd; padding: 5px 10px; text-align: center;  margin: 0; font-size: 120%; font-weight: bold; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px;}

ul#menu li.current a{background: #fff; color: #333;}



/*products_menu*/
ul.products_menu{
list-style-type: none;
padding: 0 0px 0 0px;
margin: 0 0 20px 0;
float: left;
}




.products_menu li{
float: left;
margin: 0 1px 0px 0;
width: 201px;
padding: 5px 10px 5px 10px;
background: #595959;
/*-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;*/
}


.products_menu li a{text-decoration: none; font-weight: bold; color: #aaa; font-size: 120%;}
.products_menu li a span{color: #fff; font-weight: normal; display: block; font-size: 70%;}

.products_menu li#first_tab{
-moz-border-radius: 10px 0px 0px 10px;
-webkit-border-radius: 10px 0px 0px 10px;
-khtml-border-radius: 10px 0px 0px 10px;
}

.products_menu li#last_tab{
margin: 0;
-moz-border-radius: 0px 10px 10px 0px;
-webkit-border-radius: 0px 10px 10px 0px;
-khtml-border-radius: 0px 10px 10px 0px;
}

.products_menu li.ui-state-active{background: #438AD8;}
.products_menu li.ui-state-active a{color: #fff;}




/*Layout*/

.container{float: left; margin: 15px 0 0px 0px; height: 100%!important; min-height: 100%!important;}
.white_box {padding:1.5em;margin-bottom:1.5em;background:#FFFFFF;}


.grey_box{ padding:1.5em;margin-bottom:1.5em;background:#ddd; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px;}
.blue_box{ padding:1.5em;margin-bottom:1.5em;background:#438AD8; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px;}
.blue_box p,
.blue_box h3,
.blue_box .alt,
.blue_box h4,
.blue_box h2{color: #fff;}

#content_container{height: 100%!important; min-height: 1000px!important; margin-bottom: 0; background: url(/gfx/content_container_bg.png) top left repeat-y;}

#content_container hr{width: 96%;}


.quote{font-size: 90%;}
.quote .alt{font-size: 120%; display: block; font-family: Helvetica, sans-serif;}




#right_outside{margin: 50px 0 0 0;}



#frontpage_intro{background: #CDEDF1 url(/gfx/intro_bg.jpg) bottom no-repeat; padding: 2.3em;}
#frontpage_intro h2{font-size: 250%; margin-bottom: 8px; color: #666;}
#frontpage_intro p{font-size: 150%; margin-bottom: 8px; color: #666;}


.frontpage_productlist h3{text-transform: uppercase; font-size: 140%; font-weight: bold; color: #666;}
.frontpage_productlist img{margin: 0 0 8px 0; padding: 2px; border: 1px solid #eee;}



#right_outside h2{font-family: Georgia, serif; margin-bottom: 8px; border-bottom: 1px dotted #999; text-transform: uppercase; font-size: 120%;}

/*News list right*/

div.news_list{float: left; margin-bottom: 8px; padding-bottom: 8px; border-bottom: 1px dotted #999;}

.news_list h3{font-size: 120%; margin-bottom: 2px; color: #666;}
.news_list h3 a{color: #666; text-decoration: none;}
.news_list h3 a:hover{color: #51BAE1;}
.news_list p{font-size: 90%; color: #666; margin-bottom: 0;}


.news_list p:last-child{margin-bottom: 0!important;}



/*Login*/
form#loginform p{margin-bottom: 5px;}
form#loginform label{width: 80px; float: left; padding: 8px 0 0 0;}



.no_margin{margin: 0!important;}


/*Footer*/

div#footer{float: left; margin-bottom: 20px; border-bottom: 2px solid #999; padding: 0px 0 0px 0; width: 100%;}

#footer p{color: #666;}
#footer p strong{font-size: 120%;}



.ui-tabs .ui-tabs-hide {
     display: none;
}





/*contact_form*/



/*#contact_form fieldset{padding: 0; margin: 0; border: none;}

#contact_form legend{font-size: 130%; padding: 0!important; margin: 0 0 10px 0!important;}


#contact_form textarea{height: 100px; width: 90%;}*/




form.cmxform fieldset { padding: 0; margin: 0 0 10px 0; border: none;}

form.cmxform legend {
	/*padding: 0 2px;*/
	font-weight: bold;
	font-size: 150%;
	_margin: 0 -7px; /* IE Win */
	}
	
form.cmxform label {
	display: inline-block;
	/*line-height: 1.8;
	vertical-align: top;*/
	}
	
form.cmxform fieldset ol {
	margin: 0;
	padding: 0;
	}
	
form.cmxform fieldset li {
	list-style: none;
	padding: 0;
	padding-left: 0!important;
	margin: 0 0 0px 0;
	}
	
form.cmxform fieldset fieldset {
	border: none!important;
	margin: 0px 0 3px 0;
	}
	
form.cmxform fieldset fieldset legend {
	padding: 0 0 0px;
	font-weight: bold;
	font-size: 100%;
	}
	
form.cmxform fieldset fieldset label {
	display: block;
	width: auto;
	}

form.cmxform em {
	font-weight: bold;
	font-style: normal;
	color: #f00;
	}

form.cmxform label { width: 210px; } /* Width of labels */
form.cmxform fieldset fieldset label { margin-left: 213px; } /* Width plus 3 (html space) */

/*\*//*/ form.cmxform legend { display: inline-block; } /* IE Mac legend fix */


.cmxform label { width: 250px; } /* Width of labels */
.cmxform fieldset fieldset label { margin-left: 253px; } /* Width plus 3 (html space) */


.cmxform textarea{height: 150px; width: 300px;}

.text.postnr{width: 50px;}

.text.poststed{width: 235px;}




.req{color: #f00;}


a.lightbox{margin: 0 0 5px 0; padding: 2px; border: 1px solid #eee; float: left;}
a.lightbox:hover{border: 1px solid #999;}

a.lightbox img{margin: 0 0 0 0; float: left;}


