/*
 * Reset
 * Loosely based on Eric Meyer's CSS Reset http://meyerweb.com/eric/tools/css/reset/ 
 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; }
fieldset, img { border: none; vertical-align: middle; }

/*
 * Margins
 */
p, ul, ol, dl, table, address, pre, fieldset { margin: 0 0 18px 0; }
p.extraspace { line-height:20px; font-style: italic;}
p { text-align:justify;}
#textbox p, #contentbox p, #contentbox2 p, #contentbox3 p  { text-align:left;}
/*
 * Hyperlinks
 */
a { text-decoration: underline; overflow: hidden; color: #1b4164; }
a:hover, a:focus { text-decoration: none; }

.left { float: left; display: inline; margin-right: 10px; } 
.right { float: right; display: inline; margin-left: 10px; } 
.hidden { display: none; }

/*
 * General Document Settings
 */
html { background: url(../images/background.gif) repeat 0 0; }
body { font: 12px/18px Arial, Helvetica, Verdana,  sans-serif; background: url(../images/topbg.jpg) repeat-x 0 0; }
#wrap { width: 960px;  margin: 0 auto; position: relative; }
/*
 * Headings
 */
h1, h2, h3, h4, h5, h6 { font-size: 1em; margin: 0 0 9px 0; font-family: Arial, Helvetica, Verdana, sans-serif; }
h1 { font-size: 18px; font-weight: normal; color: #8cc63f; text-transform: uppercase; }
h2 { font-size: 14px; font-weight: normal; color: #1b4164; text-transform: normal; }
h3 { font-size: 14px; font-weight: normal; color: #1b4164; }
h4 { font-size: 12px; font-weight: normal; color: #1b4164; }
h5 { font-size: 12px; font-weight: normal; color: #1b4164; }

/*
 * Lists
 */
ul { margin-left: 2.2em; }
li ul, li ol { margin-top: 0; margin-bottom: 0; }
ol { margin-left: 2.2em; }
ol ul li { list-style: disc !important; }
ol li { list-style-type: decimal; }
ol li ol li { list-style-type: lower-alpha; }
ol li ol li ol li { list-style-type: upper-roman; }

ul.specialo { margin-left: 0em; }
ul.specialo li { margin-top: 0; margin-bottom: 2em; background-image: url(../images/bullit-li.gif); background-repeat: no-repeat; background-position:0px 4px; list-style: none; padding-left: 20px; font-weight: bold; font-style: italic; }
/*
 * Definition List
 */
dt { font-weight: bold; }
dd { margin-bottom: .5em; }

/*
 * Table
 */
table { border-collapse: collapse; border: 1px solid #999; width: 100%; }
table.special {  border: 1px solid #fff; background-color:#fff; padding: 0px; margin: 0px; width:600px; }
table.special td {  border: 1px solid #fff; }
caption, th, td { text-align: left; padding: 4px; }
th, td { border: 1px solid #999; }
caption, th { font-weight: bold; }

/*
 * Quotes
 */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/*
 * Code
 */
pre { border: 1px solid #999; }
code, pre { font-size: 1em; }

/*
 * Forms
 */
input, select, textarea, button { font-size: 1em; font-family: inherit; padding: .3em; }
fieldset { border: 1px solid #999; padding: 1em 2em; }

form ol { margin: 0; }  
form li { list-style: none; }  
form li label { display: block; }  
form .inline label { display: inline; }  
form .inline input { margin-right: 1em; } 



/*
 * Meta 
 */
#meta { position: absolute; top: 10px; right: 0px; width: 165px; height: 22px; background: url(../images/toolbarbg.jpg) no-repeat 0 0; margin: 0; padding-left: 5px;}
#meta li { float: left; margin: 0; list-style: none; }
#meta li:first-child, #meta li.first-child { background: none; }
#meta a { float: left; line-height: 22px; padding: 5px 20px 3px 10px; color: #fff; text-decoration: none; }
#meta .active a, #meta a:hover, #meta a:focus { text-decoration: none; }

/*
 * topwrap
 */
#topwrap { width: 960px; height: 93px; display: block; float: left; padding: 0; margin: 0; border: 0px solid #000;  }
/*
 * Logo
 */
#logo {  border: 0px solid #ccc; padding: 0; margin: 0; }
#logo a { position: absolute; top: 40px; left: 0px; display: block; width: 272px;  height: 53px;  }
/*
 * Nav
 */
#nav { background: #fff; color: #1b4164; text-transform: uppercase; display: inline-block; overflow: hidden; padding: 0px 0px 0px 0px; margin: 60px 0px 0px 0px; }
#nav { display: block; }
#nav ul { float: right; margin: 0; }
#nav li { float: left; display: inline; list-style: none; margin: 0 0 0 -1px;}
#nav li:first-child, #nav li.first-child { background: none; }
#nav a { color: #1b4164; float: left; line-height: 25px; text-decoration: none; padding: 0 15px 0 15px; }
#nav .active a, #nav a:hover, #nav a:focus { text-decoration: none; background: url(../images/menuborder.jpg) no-repeat 50% 100%; }

/*
 * Column
 */
#column { float: left; width: 240px; display: inline; margin: 18px 0px 0px 0px; overflow: hidden; background: #fff; line-height: 13px; color: #666; 
border-top: 1px solid #ccc; }
#column .content { padding: 0 11px; }

/*
 * Subnav
 */
#subnav { margin: 0; text-transform: uppercase; line-height: 18px; }
#subnav li { margin: 0; list-style: none; background: url(../images/dotsbg.jpg) no-repeat 0 90%;}
#subnav a { display: inline-block; padding: 6px 12px; background: url(../images/menuarrow.jpg) no-repeat 0 50%; color: #666; text-decoration: none; 
border-bottom: 1px solid #fff; }
#subnav a { display: block; }
#subnav .active a, #subnav a:hover, #subnav a:focus { text-decoration: none; color: #1b4164;}

#subnav ul { margin: 0; background: #ccc; }
#subnav .active ul a { background: url(../images/menuarrow.jpg) no-repeat 13px 50%; color: #666; text-decoration: none; padding-left: 30px; }
#subnav .active ul a:hover, #subnav li.active ul a:focus, #subnav li.active ul .active a { text-decoration: none; color: #1b4164;}

/*
 * Content
 */
#content { float: right; width: 700px; display: inline; margin-right: 0px; overflow: hidden; position: relative; }
#inner { padding: 0 0px; color: #666;   
	min-height:400px;
  	height:auto !important;
  	height:400px;
 }

/*
 * Banner
 */
#topbanner { position: relative; display: inline-block; padding: 10px 0px 0px 0px; color: #fff; margin: 0px 0px 10px 0px; width: 960px; height: 143px; overflow: hidden; border-bottom: 5px solid #8cc63f;}
#topbanner { display: block; clear: both;}
/*
 * Navpath
 */
#navpath { margin: 0 0 15px 0; padding: 0px; display: inline-block; overflow: hidden; color: #999; text-transform: none; font-size: 11px; }
#navpath { display: block; height: 17px; border-bottom: 1px solid #ccc; }
#navpath ol { float: left; margin: 0; padding: 0px; list-style: none; }
#navpath li { float: left; margin: 0; list-style: none; }
#navpath a { float: left; display: inline; color: #999; text-decoration: none; padding-left: 10px; margin-right: 15px; background: url(../images/menuarrow.jpg) no-repeat 0 50%; }
#navpath a:hover, #navpath a:focus { text-decoration: underline; }

/*
 * Footer
 */
#footer { clear: both; background: url(../images/footer.jpg) no-repeat 0 100%; height: 80px; text-align: center; }
#footer .footcontent { font-size: 11px; color: #fff; line-height: 27px; padding: 0px; position: absolute; left: 10px; bottom: 25px; width: 960px; }
#footer a { color: #999; text-decoration: none; }
#footer a:hover, #footer a:focus { text-decoration: underline; }


/*
 * topboxes
 */
#boxes { float: left; display: inline-block; width: 960px; height: 350px; margin: 0px; padding: 10px 0px 0px 0px; overflow: hidden; position: relative; border: 0px solid #ccc; background-color: transparent; }
#boxes { display: block; }
#topbox1, #topbox2, #topbox3 { float: left; display: inline; margin: 0px; padding: 0px; width: 240px; height: 350px; position: relative;}
#topbox4 {  float: left; display: inline; margin: 0px; padding: 0px; width: 240px; height: 350px; position: relative; color: #fff; 
font-size: 14px; line-height: 14px; background:#8cc63f url(../images/topbox4.jpg) no-repeat top left;}
#topbox4 #textbox { float: left; display: inline; margin: 0px; padding: 15px; position: relative; color: #fff; overflow: hidden;
font-size: 12px; line-height: 18px;}

/*
 * homecontentboxes
 */
#contenthome { float: left; width: 960px; display: inline; margin: 10px 0px 10px 0px; padding: 0px; overflow: hidden; position: relative; }
#contentbox { float: left; display: inline; margin: 0px; padding: 0px; width: 240px; height: 267px; position: relative; color: #666; background-color: #eee; line-height: 14px; overflow: hidden;}
#contentbox2 { float: left; display: inline; padding: 0px; margin: 0px 5px 0px 5px; width: 470px; height: 267px; position: relative; color: #666; background-color: #eee; line-height: 14px; overflow: hidden;}
#contentbox3 { float: left; display: inline; margin: 0px; width: 240px; height: 267px; position: relative; color: #666; background-color: #eee; line-height: 14px; overflow: hidden; }

#contentbox p.bodytext, #contentbox2 p.bodytext, #contentbox3 p.bodytext { padding: 10px; margin: 0px; }
#contentbox h1, #contentbox3 h1 { background: url(../images/headerbg.jpg) no-repeat top left; font-size: 14px; color: #fff; padding: 10px; margin: 0px; height: 15px; }
#contentbox2 h1 { background: url(../images/headermiddlebg.jpg) no-repeat top left; font-size: 14px; color: #fff; padding: 10px; margin: 0px; height: 12px; }

/*
 * formularer
 */
fieldset { padding:5px 0px 5px 0px; border: none; }
legend { display: none; }
.csc-mailform { text-align:left; margin-bottom:2px; border: 0px dashed #CCCCCC; }
input { font-family: Arial, Helvetica, sans-serif; color: #666; width: 250px; vertical-align: middle; border: 1px solid #ccc; text-align: left;
	padding: 2px; margin: 5px 0px 5px 0px; }
input[type=checkbox] { border: none; width: 15px; text-align: left; }
input#tx-srfeuserregister-pi1-username, input#tx-srfeuserregister-pi1-password, input#tx-srfeuserregister-pi1-password_again, input#tx-srfeuserregister-pi1-first_name, input#tx-srfeuserregister-pi1-last_name, input#tx-srfeuserregister-pi1-address, input#tx-srfeuserregister-pi1-city, input#tx-srfeuserregister-pi1-zip, input#tx-srfeuserregister-pi1-email {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	border: 0px solid #000;
	text-align: left;
	padding: 3px;
	margin: 0px 20px 0px 0px;
}
div.tx-powermail-pi1 input[type=submit] { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333; font-weight: bold; text-align: center;
	vertical-align: middle; cursor:pointer; border:outset 1px #ccc; background-image: url(../images/buttonbg.jpg); background-position: top left;
	background-repeat: repeat-x; width: 100px; padding: 2px 2px 2px 2px; margin: 10px 0px 5px 160px;
}
input[type=submit] { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333; font-weight: bold; text-align: center;
	vertical-align: middle; cursor:pointer; border:outset 1px #ccc; background-image: url(../images/buttonbg.jpg); background-position: top left;
	background-repeat: repeat-x; width: 100px; padding: 2px 2px 2px 2px; margin: 10px 0px 5px 0px;
}
label { float: left; text-align: right; width:150px;margin: 2px 10px 0px 0px; font-weight: bold; }

select { background-color:#FFF; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666; border: 1px solid #ccc;
	text-align: left; width: 250px; padding: 2px; }
.radio { background-color:#FFF; color: #333; padding: 2px; border: 0px; vertical-align: bottom; }
textarea { background-color:#FFF; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666; border: 1px solid #ccc;
	text-align: left; width: 250px; height: 100px; padding: 2px; }
.csc-mailform-submit { text-align: center; vertical-align: top; margin-left: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
.csc-mailform-check {
}
.powermail_mandatory { color:#F00; padding-left: 2px; }
div.powermail_mandatory_js { color:#FF0000; margin: 0px 0px 0px 160px; padding: 0px; }