/* CSS Document */


/*========================================================================
	THINGS OF UNIVERSAL IMPORTANCE
========================================================================*/

body {
background-image: url("images/background.gif");
background-repeat: no-repeat;
margin: 20px;
color:#333;
background-color: #fff;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 12px;
line-height:18px;
}

input, textarea
{
background-color:#ececec;
border:1 px solid #AE3336;
padding:1px;
margin-top:2px;
margin-left:0px;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 10px;
font-color:;#fff;
valign:center;
}

h1, csc-header-n2, .csc-firstHeader {
font-size:17px;
font-weight:bold;
line-height:20px;
}
/*========================================================================
	MAILFORM SETTINGS
========================================================================*/
.csc-mailform {
	border:0px solid #666;

	}

/*========================================================================
	LINK SETTINGS
========================================================================*/

a
{
  color:#6d1600;
  cursor:hand;
  text-decoration:none;
}

a:visited
{
  color:#6d1600;
}

a:hover 
{ 	
  color:#6d1600;
  text-decoration:underline;
}

/*========================================================================
	MENU 1  
========================================================================*/

#menu1 {
position:absolute;
min: 1040px;
width:100%;
height:38px;
top:160px;
left:0px;
background-color:#ececec;
font-size: 11px;
z-index:100
}

#menu2 {
display:none;
}

.layer1 {
}


div#menu1, div.menuitem, div.menuitem-active {
  float: left;
}


/*************************
    LAYER 1 
*************************/

.layer1 .menuitem a, .layer1 .menuitem a:visited {
display:block;
margin-left:0px;
padding-left:13px;
padding-top:10px;
height:26px;
width:140px;
background-color:#ececec;
border:1px solid #e4dcca;
color:black;
overflow:hidden;
}

.layer1 .menuitem-active a {
display:block;
margin-left:0px;
padding-left:13px;
padding-top:10px;
height:26px;
width:140px;
background-color:none;
border:0px solid #e4dcca;
color:none;
overflow:hidden;
}

.layer1 .menuitem a:hover {
background-color: #e4dcca;
border:1px solid #e4dcca;
margin-left:0px;
padding-left:13px;
padding-top:10px;
color:black;
display:block;
width:140px;
overflow:hidden;
}



/*************************
    LAYER 2 - vises ikke
*************************/

.layer2 {
display:none;
clear:both;
top:72px;
width:140px;
height:auto;
position:absolute;
left:0px;
z-index:100
}

.layer2 .menuitem a, .layer2 .menuitem a:visited {
display:block;
margin-left:0px;
padding-left:13px;
padding-top:8px;
height:22px;
width:140px;
background-color:none;
border:1px solid #none;
overflow:hidden;
}

.layer2 .menuitem-active a {
display:block;
margin-left:0px;
padding-left:13px;
padding-top:6px;
height:22px;
width:140px;
background-color:transparent;
border:1px solid none;
overflow:hidden;
}

.layer2 .menuitem a:hover {
margin-left:0px;
background-color: #000;
border:1px solid none;
display:block;
overflow:hidden;
color:#FFCC00
}


/*========================================================================
	CONTENT
========================================================================*/

#contentboxes {
}

/* PRIMARY COLUMN */
#contentbox1 {
position:absolute;
top:200px;
left:155px;
width:420px;
z-index:0;
padding:10px 10px 10px 13px;
}


/* LEFT TOP IMAGE  */
#contentbox2 {
top:55px;
height:138px;
left:0px;
width:155px;
z-index:10;
}

/* TOP IMAGE BANNER BACKGROUND*/ 
#contentbox3 {
position:absolute;
top:45px;
left:165px;
width:465px;
height:138px;
z-index:0;
}

/* LEFT COLUMN */ 
#contentbox4 {
background-image: url("images/oeyne_sh.png");
background-repeat: no-repeat;
position:absolute;
top:200px;
left:0px;
padding-left: 8px;
padding-top:28px;
height:100%;
width:150px;
z-index:0;
}

/* RIGHT COLUMN */ 
#contentbox5 {
position:absolute;
top:220px;
left:620px;
width:290px;
background: #FFFFCC;
line-height:14px;
padding:10px 10px 10px 10px;
}

/* FOOTER */ 
#contentbox6 {
position:absolute;
background-image: url("images/background.gif");
background-repeat: no-repeat;
top:8px;
left:540px;
width:370px;
height:autopx;
padding-left:90px;
color:#888; 
font-weight:bold;
text-align:left;
z-index:100
}

/* TOP SLOGAN */ 
#contentbox7 {
position:absolute;
top:60px;
left:170px;
width:400px;
color:#FFFFCC;
font-size: 12px;
line-height:14px;
z-index:12
}

/* TOP BANNER RIGHT*/ 
#contentbox8 {
position:absolute;
top:45px;
left:618px;
height:138px;
color:#FFFFCC;
font-size: 13px;
line-height:14px;
z-index:13
}

#contentbox9 {
		position:absolute;
		text-align:right;
		top:200px;
		height:20px;
		left:751px;
		width:220px;
		z-index:2;

}
/********************/