*{
	font-family:   Verdana,arial,Sans-serif;
	font-size:     10px;
	margin:        0px;
	padding:       0px;
	color:         #fff;

}

body {
	background-color:  #fff;
	background-image:  url('/tpl_images/bg.jpg');
    /*background-repeat: no-repeat;*/
    overflow:   auto;
}


/* Submain and main are used in front and subpages */
#main {
	width:         500px;
	padding:       0px;
	margin:	       0px auto;
	margin-top:    64px;
}

table#main {
    border: 0px solid red;
}

table#main td {
    border: 0px solid blue;
}


#submain {
	width: 500px;
	margin:	0px auto;
	margin-top:    64px;
	padding:0px;
}

img {
	border:0px solid #ffffff;
}


/* Positioning of the front banners */
#front_banners {
 position:      relative;
	clear:         both;
	margin-left:   50px;
	top: 70px;
	_top: 55px;

}

#front_banners1 {
background: url('tpl_images/teaser_banner.gif') no-repeat;
    position:      relative;
	clear:         both;
	margin-left:   50px;
	top: 70px;
	_top: 55px;
	height: 220px;

	
}

#f_banner_text {
color: black;
font-size:10px;
font-weight:bold;
overflow: auto;
position: relative;
top: 15px;
width: 400px;
margin-left: 20px;
height: 180px;
}

#f_banner_text h1 {
color: #143A7C;
font-size: 16px;
font-weight: bold;
}

#f_banner_text a {
color: #009CD9;
text-decoration: none;
}

.color *{
	color:#a4a3a3;
}

#links_left{
float: left;
border: 1px solid;
}
#links_right{
float: right;
border: 1px solid;
}
/**************************************************************************************/
/*********************** TAB MENU ITEMS ***************************************/
/**************************************************************************************/

#menu_white_w{
	background: url('tpl_images/menu_white.gif') no-repeat;
	vertical-align:top;
	width:31px;
	height:393px;
	font-size:7px;
	padding-top:0px;
}

#menu_white {
	background: url('tpl_images/tab_home.gif') no-repeat;
	vertical-align:top;
	width:31px;
	height:393px;
	font-size:7px;
	padding-top:0px;
}

#menu_white_k {
	background: url('tpl_images/tab_kontakt.gif') no-repeat;
	vertical-align:top;
	width:31px;
	height:393px;
	font-size:7px;
	padding-top:0px;
}

#menu_white_p {
	background: url('tpl_images/tab_planbo.gif') no-repeat;
	vertical-align:top;
	width:31px;
	height:393px;
	font-size:7px;
	padding-top:0px;
}

#menu_white_g {
	background: url('tpl_images/tab_garntier.gif') no-repeat;
	vertical-align:top;
	width:31px;
	height:393px;
	font-size:7px;
	padding-top:0px;
}

/*
.menu {
	position:relative;
	top:18px;
	left:2px;
	line-height:8px;
	color:#4d4589;
	padding:0px;
	width:31px;
	height:393px;
}
*/

.menu {
    position: absolute;
    top: 64px;
}

table#submain .menu {
    _top: 76px;
}

.menu a {
    margin-bottom:  9px;
    display:        block;
}

/*
.menu h1 {
	color:#4d4589;
	font-size:7px;
	text-decoration:none;
	display:block;
	
}

.menu a {
	font-weight:bold;
	font-size:7px;
	font-family:verdana;
	color:#4d4589;
	text-decoration:none;
	display:block;
	width:8px;
	_width:16px;
	padding:0px 4px;
	border:0px solid #000000;
}

.menu h1 a:hover *{
	color:#a29dce;
}
*/

/**************************************************************************************/
/*********************** END OF TAB MENU ITEMS ***************************************/
/**************************************************************************************/


/***************************************************************************************/
/********************** START OF PROJECT MENU ******************************************/
/***************************************************************************************/

#project_nav_front {
	background: url('tpl_images/new_menu.jpg') no-repeat;
	width:201px;
	height:288px;
	display:block;
	float:right;
}

#project_nav_front a {
	display:block;
	width:70%;
	text-decoration:none;
	font-size:8px;
	font-weight:bold;
	font-family:verdana;
	position:relative;
	top:16px;
	_top:15px;
	left:25px;
	line-height:29px;
	letter-spacing:2px;
}

.no_recent_project {
	background: url('tpl_images/menu_bg.gif') no-repeat;			
}

.recent_project {
	background: url('tpl_images/menu_bg_choosen.gif') no-repeat;			
}

/***************************************************************************************/
/********************** END OF PROJECT MENU ******************************************/
/***************************************************************************************/


/*******************************************************************
*	form begin
*******************************************************************/
#form {
	background: url('tpl_images/form_bg.gif') repeat;
	width:350px;
	height:222px;
	_height:224px;
	overflow:  hidden;
	
	vertical-align:top;
	float:right;
	position:relative;
	top: 15px;
	right:20px;
	_right: 50px;
	_left:-20px;
	color:#000000;
}

.parttelefon, .parttelefon * {
  clear: both;
  _width: 320px;
  _position: relative;
  _right: -3px;
  
}

.parttelefon label {
_posotion: relative;
_left: -3px;
}

.info_form_h {
	font-size:10px;
	font-weight:bold;
	text-align:left;
	color:#000000;

}

.info_form {
	font-size:8px;
	text-align:left;
	border:0px solid #000000;
	color:#000000;
	font-weight:bold;

}

.normalbox01 {
	position:relative;
	top:14px;
	_top:8px;
	
}

.normalbox01_h {
	position:relative;
	top:0px;
	_top:3px;
	
}

.normalbox02 {
	position:relative;
	top:23px;
	_top:15px;
}

.normalbox02_h {
	position:relative;
	top:19px;
	_top:9px;
}

.normalbox03 {
	position:relative;
	top:32px;
	_top:21px;
}

.normalbox03_h {
	position:relative;
	top:28px;
	_top:15px;
}

.noborder {
	border:0px solid #000000;
	color:#000000;
}

.button {
	border:0px solid #000000;
}

#loginForm {
	vertical-alignt:top;
	position:relative;
	top:20px;
	left:16px;
}

dl {
	line-height:5px;
}

/*
.submit {
	position:relative;
	font-weight:bold;
	top:38px;
	_top:28px;
	left:113px;
	_left:108px;
	border:0px solid #000000;
	background-color:#c1d2e6;
	color:#000000;
}
*/

    form#login {
        margin:         20px 2px 0px 0px;
        padding-left:   14px;
    }

    form#login * {
        color:          #000;
        font-size:      9px;
    }

    form#login h5 {
        font-size:12px;
        position: relative;
        left: 2px;
        margin-top:20px;
        width: 324px;
        
    }

    form#login h4 {
        font-size:12px;
        text-align: center;
        position: relative;
        top: 70px;
        
    }

    
    form#login p {
        display:        block;
        position: relative;
        left: 2px;
        width: 324px;
        _width: 324px;
    }
    
    form#login fieldset {
    	display:	block;
	border: 	0px;
	margin: 	3px;
    
    }		
    
    form#login label {
        display:        block;
        float:          none;
        margin-top:     2px;
        _margin-top:    0px;
        
        font-weight:    bold;
    }

    form#login input.text {
        display:        block;
        float:          none;
        border:         0px;
        margin:         0px;
        height:         13px;
        width:          100%;
    }
    
    form#login input.submit {
        display:        block;
        float:          none;
        width:          40px;
        text-align:     right;
        font-weight:    bold;
        /*
        width:      50px;
        height:     16px;
        border:     1px solid #777;
        */
        position: relative;
        _right: -64px;
        top: 40px;
        _top:0px !important;
        _cursor: hand;
        cursor: pointer;
        border:             0px;
        background-color:   transparent;
        margin:             2px 0px 0px 110px;
        _margin:             2px 0px 0px 120px;
	width: 67%;
    }

#address {
	position: relative;
	_left: 0px;
	
  float: left;
	width: 160px;
	height: 1px;	
}

#address input {
  position: relative;
  left: 0px;
  
}

#postal {
position: relative;
_right: 7px;
float:right;
width: 160px;
_width: 155px;
}

#postal input {
  position: relative;
  _left: -1px;
  
}

#comment{
position: relative;
_position: none;
_width: 322px;
_margin-left: 1px;
top: 20px;
_top: 0px;
}
#comment label{
position: relative;
_position: none;
top: 20px;
_top: 0px;
}


/**********************************************
form end
**********************************************/

#main_content li a {
	text-decoration:none;
	color:#a4a3a3;
}

#main_content li a:hover {
	text-decoration:none;
	color:#5b4dac;
}

#main_content .recent {
	color:#5b4dac;
}

#main_content {
	background: url('tpl_images/prosjekt01_06.jpg') no-repeat;
	width:596px;
	height:531px;
}

#main_content li {
	display:inline;
	text-transform:uppercase;
}

#main_content div ul{
	position:relative;
	top:26px;
	left:50px;
	color:#a4a3a3;
}

/*  THIS ONE SETS THE HEIGHT/WIDTH OF THE MAIN AREA */
.content {
	color:     #7d7e7f;
	font-size: 10px;
	position:  relative;
	top:       40px;
	left:      56px;
	margin-right:  64px;
	float: left;
}

.content h1 {
	color:#7d7e7f;
	padding-bottom:5px;
	font-size:18px;
}

.content h3 {
	color:#7d7e7f;
	padding-bottom:5px;
	font-size:12px;
}

.content span,.content font{
	color:#7d7e7f;
}



.text {
  position: relative;
	_right: 3px;
	 float:left;
}

.image {
	float:right;
	position:relative;
	right:15px;
	padding-left:25px;
}

.image_b {
	float:left;
	position:relative;
	left:50px;
	top:20px;
}

.image_s {
	clear:both;
	position:relative;
	left:50px;
	top:300px;
}


#right_nav {
	background: url('tpl_images/new_menu_bg.jpg') no-repeat;
	width:205px;
	height:288px;
	display:block;
}

#right_nav a {
	display:block;
	width:70%;
	text-decoration:none;
	font-size:8px;
	font-weight:bold;
	font-family:verdana;
	position:relative;
	top:16px;
	_top:15px;
	left:25px;
	line-height:29px;
	letter-spacing:2px;
}


.recent {
	color:#5b4dac;
}


/***************************************************************************************/
/********************** START OF NEWS LIST ******************************************/
/***************************************************************************************/

#news {
	background: url('tpl_images/news_bg.jpg') no-repeat;
	width:205px; 
	height:243px;
	
}

.news {
	line-height:18px;
	overflow:auto;
	height:200px;
	width:163px;
	margin-top:10px;
	position:relative;
	left:16px;
	_left:36px;
}

.news_h {
	position:relative;
	left:20px;
	width:150px;
}

.news_c a{
	position:relative;
	left:6px;
	_left:0px;
	top:10px;
	color:#57575c;
	width:145px;
	height:30px;
	border: 0px solid #000000;
	text-decoration:none;
	text-align:left;
	margin-top:5px;
}

.news_c a:hover {
	text-decoration:none;
	color:#bcbcbd;
}

.info{
	float:left;
	position:relative;
	top:12px;
	_top:16px;
	left:5px;
	_left:0px;
}

/***************************************************************************************/
/********************** END OF NEWS LIST ******************************************/
/***************************************************************************************/

/**********************************************
footer start
**********************************************/

#footer {
	position: relative;
  top: 90px;
	_top: 90px;
	_left: 10px;
	left: 10px;
	
}

#footer span {
	position:relative;
	left:40px;
	color:#62669d;
}


/**********************************************
footer end
**********************************************/



div.content * {
    color:  #000 !important;
}

/*
#bg_image {
    width:      100%;
    height:     1024px;
    left:       0px;
    top:        0px;
    position:   absolute;
    z-index:    0;
}

#wrapper {
    z-index:    1;
    position:   absolute;
}

#wrapper * {
    z-index:    2;
}
*/


#wrapper {
    
}

div#bannerstexts {
    position:   absolute;  
    top:        190px; 
    left:       18px; 
}


div.bannertext {
    float:          left;
    width:          200px;
    margin-right:   36px;
    font-size:      8pt;
    font-weight:    bold;
    color:          #9298b7;
}

div#banner1text {
    
}

div#banner2text {

}

div#banner3text {
    margin-left:    2px;
}