/*
Created by:
TRUT I TAKT
trutitakt.dk
*/


/***** BODY *****/
body {
margin: 4px 0px 15px 0px;
margin-left: 50%;
padding: 0px;
background-color: #786C60;
background-image: url(gfx/bg.jpg);
background-repeat: no-repeat;
}


/***** TOPMENU *****/
#topmenu{
clear: both;
margin: 0px auto;
width: 736px;
position:relative;
margin-left: -370px;
text-align:right;
font-family: Arial, Verdana, Helvetica, sans-serif; 
font-size:10px; 
margin-bottom:4px;
margin-right:0px;
color:#FFFFFF;
}

#topmenu a:link{
text-decoration:none;
color:#FFFFFF;
}

#topmenu a:visited{
text-decoration:none;
color:#FFFFFF;
}

#topmenu a:hover{
text-decoration:none;
color:#ddc9b5;
}

#topmenu a:active{
text-decoration:none;
color:#ddc9b5;
}


/***** CONTAINER *****/
#container {
clear: both;
margin: 0px auto;
width: 736px;
position: relative;
margin-left: -370px;
border: 2px solid #FFFFFF;
background-color:#FFFFFF;
background-image:url(gfx/wrap_bg.gif);
background-repeat: repeat-y;
}


/***** HEADER *****/
#header{
clear: both;
height: 116px;
background-image:url(gfx/header_bg.jpg);
background-repeat: repeat-x;
}

/***** HEADER PIC *****/
.header_pic{
position: absolute; 
left: 176px; 
top: 17px; 
z-index: 10;
}

/***** HEADER FRAME *****/
.header_frame{
position:absolute;
left: 173px; 
top:14px;
width:550px;
height:86px; 
}

/***** HNE LOGO *****/
.hne_logo{
position: absolute; 
left: 30px; 
top:0px; 
z-index: 10;
}

/***** OPLEV LIVET *****/
.oplev_livet{
position: absolute; 
left: 523px; 
top:60px; 
z-index:30;
}


/***** WRAPPER *****/
#wrapper{
padding:0;
margin:0;
clear: both;
width: 736px;
}

/***** MENU *****/
.menu {
float: left;
width: 160px;
text-align:right;								
color:#333333;
}

.menu ul, .menu li{
display: inline;
white-space:nowrap;
margin: 0px;
padding: 0px;
list-style: none;
text-align:right;
}

.menu_default ul li{
padding:0px;
margin:0px;
}


/***** MENU LEVEL 1 *****/		
.menu a{
text-decoration: none;
color:#333333;
display:block;
padding: 4px 0px;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
background-image:url(gfx/button1_link.gif);
background-repeat: no-repeat;
background-position: right;
}
				
.menu a:link{
text-decoration: none;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
				
.menu a:visited{
display:block;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
				
.menu a:hover {
display: block;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
color: #009933;
background-image:url(gfx/button1_hover.gif);
background-repeat: no-repeat;
background-position: right;
}

.menu_current a{
display:block;
padding: 4px 0px;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
color: #009933;
background-image:url(gfx/button1_active.gif);
background-repeat: no-repeat;
background-position: right;
}


/***** MENU LEVEL 2 *****/

/* Denne overskriver .menu_current */

.menu li ul a{
font-size: 11px;
padding-right: 12px;
color: #333333;
background-image:url(gfx/button2_link.gif);
background-repeat: no-repeat;
background-position: right;
}
		
.menu li ul a:hover{
font-size: 11px;
padding-right: 12px;
color: #009933;
background-image:url(gfx/button2_hover.gif);
background-repeat: no-repeat;
background-position: right;
}

li ul .menu_current a{
font-size: 11px;
padding-right: 12px;
color: #009933;
background-image:url(gfx/button2_active.gif);
background-repeat: no-repeat;
background-position: right;
}
	
		
/***** SEARCH BOX *****/
#search_box{
background-color:#E2DCD7;
border: 1px solid #817C76;
margin: 16px;
padding: 0px;
height: 75px;
}
		
.search_string {
width: 90px;
height: 14px;
font-size: 11px;
margin: 15px 15px 3px 15px;
padding: 0px;
vertical-align: middle;
}
					
.search_submit {
width: 94px;
height: 20px;
font-size: 10px;
margin: 3px 15px 0px 15px;
padding: 0px;
vertical-align: middle;
}


/***** LATEST UPDATE *****/
.last_update{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-align:left;
background-color:#EEEEEE;
border: 1px solid #817C76;
margin: 16px;
padding: 7px;
}				

.last_update p{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-align:left;
}

.last_update a{
padding: 3px 0px 0px 13px;
text-align:left;
background-color: #EEEEEE;
background-image:url(gfx/latest_arrow_active.gif);
background-repeat: no-repeat;
background-position: left;
}	

.last_update a:hover{
padding: 3px 0px 0px 13px;
text-align:left; 
background-color: #EEEEEE;
background-image:url(gfx/latest_arrow_hover.gif);
background-repeat: no-repeat;
background-position: left;
}		

				
/***** CONTENT *****/
#content{
float: right;
width: 541px;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 100%; 
line-height: 125%; 
color: #333333; 
padding: 0px 10px 20px 10px;
margin: 5px 0px 0px 10px;
}

#content p {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 80%; 
line-height: 120%; 
color: #333333; 
margin-right: 5px; 
}
		
#content h2, h3, h4, h5 {
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
padding-left: 5px;
border-bottom: 1px solid #D1D1D1;
width: 525px;
}

#content ul, li{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 90%;
margin:0px 0px 0px 10px;
padding:0px 15px 4px 5px;
list-style-image:url(gfx/arrow_ul.gif);
}

#content ul ul li{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 90%;
line-height: 80%;
margin:0px 0px 0px 0px;
padding:3px 15px 6px 5px;
list-style-image:url(gfx/arrow_li.gif);
}

#content ul ul{
margin:2px 0px 0px 15px;
padding:2px 15px 2px 0px;
}

#content td{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 80%;
padding: 5px;
text-align:left;
vertical-align:text-top;
}
			
#content a {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 100%; 
line-height: 125%; 
color: #009933; 
margin: 0px; 
text-decoration: underline;
}
				
#content a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 100%; 
line-height: 125%; 
color: #000000; 
margin: 0px; 
text-decoration: none;
}


/***** CONTENT SEARCH *****/
#content_string{
margin: 10px 15px 11px 36px;
height: 14px;
}				
				
#content_searchbutton{
margin: 10px 23px 11px 0px;
}
				
.radio_buttons{
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 80%; 
line-height: 125%; 
color: #333333; 
padding: 7px 23px 0px 36px; 
margin: 0px;
}
				
.resultat_for {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 80%; 
line-height: 125%; 
color: #333333; 
padding: 15px 23px 5px 36px; 
margin: 0px; 
}
				
.search_result {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 80%; 
line-height: 180%;
text-align: left;
color: #333333; 
padding: 7px 0px 5px 36px; 
margin: 0px; 
}
	
.last_updated_by {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 70%; 
line-height: 150%;
text-align: right;
color: #333333; 
padding: 7px 15px 5px 15px; 
margin: 0px; 
}
				
.no_result {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 80%; 
line-height: 125%; 
color: #FF0000; 
padding: 7px 23px 5px 36px; 
margin: 0px; 
}


/***** CONTENT NEWS *****/
.post_title {
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
text-transform: uppercase;
letter-spacing: 1px;
margin: 5px 18px 0px 31px;
padding: 19px 25px 0px 5px;
background-image:url(gfx/h1.jpg);
background-repeat: no-repeat;
width: 497px;
height: 26px;
}
		
.post_short {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 100%; 
line-height: 125%; 
color: #333333; 
padding: 7px 15px 5px 0px; 
margin: 0px; 
}
			
.post_short a {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 100%; 
line-height: 125%; 
color: #333333; 
padding: 0px;
margin: 0px; 
}
				
.display_name {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 80%; 
line-height: 125%; 
color: #333333; 
padding: 10px 23px 5px 0px; 
margin: 3px 0px; 
}

.comment_title {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-weight: bold;
font-size: 80%;
line-height: 125%; 
padding: 7px 15px 5px 0px; 
margin: 0px; 
}

.comment_text {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 80%; 
line-height: 125%; 
padding: 7px 15px 5px 0px; 
margin: 0px; 
}

			
/***** GALLERI *****/
#galleri {
position: relative;
text-align: center;
}
				
#galleri p{
font-family: Verdana, Arial, Helvetica, sans-serif; 
text-align: left;
font-size: 80%; 
margin: 15px 18px 0px 31px;
padding: 2px 25px 2px 5px;
}

#galleri .vis_galleri{
text-align: right;
padding: 0;
margin-right: 23px;
margin-bottom: 7px;
}		
			
#galleri h2{
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
border: none;
font-size: 90%;
text-decoration: none;
text-align: left;
padding: 12px 0px 0px 5px;
background-image:url(gfx/h2_galleri.jpg);
background-repeat: no-repeat;
width: 522px;
height: 21px;
}
					
#galleri a{
text-decoration: underline;
font-size: 90%; 
margin: 0px;
padding: 0px;
}

#galleri img{
border: 1px solid black;
}
					
#galleri a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 90%; 
margin: 0px;
padding: 0px;
}


/***** DOWNLOAD GALLERI *****/
.line, .line_rightalign{
border-bottom: 1px solid #DDDDDD;
}

.line_rightalign{
text-align: right; 
white-space: nowrap; 
font-size: 10px;
}


/***** FORMS *****/
.required {
color: #FF0000;
}

.field_title {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 12px;
width: 100px;
vertical-align: top;
text-align:right;
}

.textfield {
font-size: 12px;
width: 300px;
}

.textarea {
font-size: 12px;
width: 300px;
height: 100px;
}

.field_heading {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 12px;
font-weight: bold;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #666666;
padding-top: 10px;
color: #666666;
}

.select {
font-size: 12px;
}

.checkbox_label {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 11px;
cursor: pointer;
}

.radio_label {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 11px;
cursor: pointer;
}

.email {
font-size: 12px;
width: 300px;
}


/***** TIL TOPPEN *****/
#til_toppen{
position:absolute;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 70%;
text-align: right;
padding: 0;
margin: 0;
bottom: 35px;
right: 15px;
}


/***** FOOTER *****/
#footer{
clear: both;
margin: 0px;
height: 31px;
background-image:url(gfx/footer.jpg);
background-repeat: repeat-x;
}
	
#footer p {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 60%;
line-height: 120%; 
color: #333333; 
padding: 14px 0px 4px 175px; 
margin: 0px; 
}

#footer a:link{
text-decoration:none;
color:#009933;
}

#footer a:visited{
text-decoration:none;
color:#009933;
}

#footer a:hover{
text-decoration:none;
color:#000000;
}

#footer a:active{
text-decoration:none;
color:#000000;
}


/***** TRUTITAKT LOGO *****/
.trutitakt_logo{
position: absolute; 
right: 5px; 
bottom:5px; 
z-index: 10;
}

/***** GENERAL STUFF *****/
h1{
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
text-transform: uppercase;
letter-spacing: 1px;
margin: 4px;
padding: 18px 25px 0px 5px;
background-image:url(gfx/h1.jpg);
background-repeat: no-repeat;
width: 497px;
height: 28px;
}

p {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 80%; 
line-height: 120%; 
color: #333333; 
padding: 5px; 
margin: 0px; 
}


/*
Created by:
TRUT I TAKT
trutitakt.dk
*/