/* CSS Document */

@import url("imgreplace.css");

/*--------------------------------------------------------------------------------
										BODY										
--------------------------------------------------------------------------------*/										

body{
	font-family: "Century Gothic", Verdana, Tahoma, Arial;
	font-size: 100%;
	color: #000000;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	height: 100%;
 	background-color: #cccccc;
	background-image:url(../images/bg.gif);
	background-repeat:repeat;
	
}

/*--------------------------------------------------------------------------------
										SITEHOLDER										
--------------------------------------------------------------------------------*/

#siteholder{
width: 760px;
margin: auto;
background-color:#FFFFFF; 
}

/*--------------------------------------------------------------------------------
										HEADER										
--------------------------------------------------------------------------------*/

#header{
background-image: url(../images/header.gif);
background-repeat:no-repeat;
width: 760px;
height: 106px;
margin: 0em;
padding: 0em;
}

/*--------------------------------------------------------------------------------
										TOPNAV										
--------------------------------------------------------------------------------*/

#topnav{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
float: right;
margin: 0px;
padding: 0px;
}

#topnav ul{
list-style-type: none;
display: block;
line-height: 100%;
clear: both;
margin: 0px;
padding: 15px 15px 0px 0px;

}

#topnav ul a{
font-weight: normal;
text-decoration: none;
color:#eca021;
margin: 0px;
padding: 0px;
}

#topnav ul a:hover{
color: #000;
}

#topnav li{
display: inline;}

/*--------------------------------------------------------------------------------
										NAVIGATION										
--------------------------------------------------------------------------------*/

#navbox{
margin: 0em 0em 0em 0em;
padding: 1em 0em 1em 0em;
clear: both;
height: 15px;
width: 100%;
background: url(../images/line.gif) repeat-y bottom left;
font-size: 12px;
}

#navlist{
margin: 0em 0em 0em 2.5em;
padding: 0em 0em 0em 0em;
list-style-type: none;

}

#navlist li{
margin: 0em 0em 0em 0em;
padding: 0em 1em 0em 1em;
display: inline;
}

#navlist a{
text-decoration: none;
color:#FFF;
}

#navlist a:hover{
color:#000;}

/*--------------------------------------------------------------------------------
										WRAPPER										
--------------------------------------------------------------------------------*/

#wrapper{
/*border: #00CC00 1px solid;*/
width: 100%;
clear: both;
margin: 0em;
padding: 0em;
background: url(../images/verticalline.gif) no-repeat top right;
}

/*--------------------------------------------------------------------------------
										SUBNAV										
--------------------------------------------------------------------------------*/

#subnavbox{
font-size: 12px;
float: right;
width: 193px;
margin: 0em 0em 0em 0em;
padding: 0em 0em 0em 0em;
}

#kontaktbox {
padding:1em 1em 1em 1em;
margin: 0px 15px 0px 0px;
border-bottom: #fff solid 1px;
}

#kontaktbox a{
text-decoration: none;
color:#FFF;}

#kontaktbox a:hover{
color: #000;}

.ressurser{
padding:1em 1em 1em 1em;
margin: 0px 15px 0px 0px;
border-bottom: #fff solid 1px;
}

.ressurser ul{
list-style-type: none;
display: block;
margin: 0em;
padding: 0em 0em 0em 0em;
}

.ressurser ul a{
text-decoration: none;
color:#FFF;
}

.ressurser ul a:hover{
color: #000;
}

/*--------------------------------------------------------------------------------
										CONTENT										
--------------------------------------------------------------------------------*/

#content{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: .7em;
margin: 0px 193px 0px 0px;
padding: 8px;
line-height: 150%;
}

#content a{
color: #FF6600;
text-decoration: none;
font-weight: bold;
}

#content a:hover{
text-decoration: underline;}

#content h2{
font-family: "Century Gothic", Verdana, Tahoma, Arial;
font-size: 10px;
font-variant: small-caps;
color:#eca021;
clear: left;
margin: 1em 1em 0em 0em;
padding: 0em;
}

#content h5{
font-family: "Century Gothic", Verdana, Tahoma, Arial;
font-size: 16px;
font-variant: small-caps;
color:#eca021;
margin: 1em 1em 0em 0em;
padding: 0em;
}

#content p{
padding: 0em;
margin: 0px;
clear: left;
}

#banners{
clear: left;
padding: 0px;
margin: 0px;
 }

#banner{
width: 551px;
float: left;
clear: left;
height: 202px;
padding: 0px;
margin: 0px;
background:url(../images/banner.jpg) no-repeat top left;}

#undersok{
float: right;
padding: 0px;
margin: 0px;
}


/*--------------------------------------------------------------------------------
										INDEX										
--------------------------------------------------------------------------------*/
div#wdesign,
div#ldesign {
width: 258px;
height: 200px;
float:left;
clear: left;
border: #eca021 1px solid;
padding: 0px 5px 5px 5px;
}

div#ddesign,
div#fprofil {
width: 258px;
height: 200px; 
float:right; 
clear: rigth;
border: #eca021 1px solid;
padding: 0px 5px 5px 5px;
}

div#wdesign p,div#ldesign p,div#ddesign p,div#fprofil p{
padding: 5px 0px 0px 0px;
}

div#wdesign h5,div#ldesign h5,div#ddesign h5,div#fprofil h5{
padding: 0px 0px 0px 0px;
margin: 3px 0px 0px 0px;
}





/*--------------------------------------------------------------------------------
										FOOTER										
--------------------------------------------------------------------------------*/

#footer{
margin: 0em 0em 0em 0em;
padding: 0em 0em .5em 0em;
clear: both;
width: 100%;
text-align: center;
background: none;
/*background: url(../images/verticalline.png) no-repeat bottom left;*/
font-size: .7em;

}
/*--------------------------------------------------------------------------------
										EXTRA DIVS										
--------------------------------------------------------------------------------*/

.floatright{
float:right;}

.floatleft{
float:left;}

.thumbs{
float: left;
border: #000000 solid 1px;
margin: 0px 10px 10px 0px;
}

.clear{
clear: left;}

.clearboth{
clear: both;}

.portfolio{
clear: left;}

#portrett1, #portrett2{
border: #000000 solid 1px;}

.leftport{
padding: 0px 5px 0px 0px;
float: left;
}

.rightport{
padding: 0px 0px 0px 5px;
float: right;}

iframe{
width: 540px;
height: 400px;
}

.input{
border: 1px solid #eca021;}

#send, #reset{
border: 1px solid #eca021;
background: #eca021;
color: #fff;
}