/*
BW BRUGERWEB
BASIC TEMPLATE LEFTNAVIGATION

Dette stylesheet dækker kun opsætningen af tags, classes og Id's, ingen designstyling. 





Lykke S. Lorenzen 
2008
*/

/* Iframe page css start*/
div.iframeinfo{
	width: 560px;
}
div.iframecontent{
	width: 560px;
	
}

div.iframeeditbuttonlink{
padding-bottom:10px;
}
/* Iframe page css end*/


/**********************************************************************************************************
                   SUB MENU LAYOUT (BELONGS IN THE LAYOUT STYLESHEETS
***********************************************************************************************************/
#submenusection{
margin-left:-5px;
width:575px !important;
}
#submenusection a{
display:block;
float:left;
margin-bottom:10px;
padding-left:2px;
padding-right:10px;
vertical-align:top;
}

#addnewsubmenu img{
float:left;}
#submenusection a:active{
padding-right:10px;
padding-left:2px;
vertical-align:top;
}
/************************** END ********************************/


h1.pagename{
clear:left;}

/*TOM SIDE EDITOR*/
div.simpelinfo{
	width: 520px;
}

div.simpelinfo div#editor textarea#tedit{
	width: 520px;
	height: 350px;
}

/***************************************  SIDEINDHOLD  ****************************************/
div.pagecontent{
	display: block;
	min-height:500px !important;
	float: right;
	width: 580px;
	padding-top: 20px;
	padding-bottom: 22px;
	padding-left: 20px;
}
div.bwmaincontent{
	float: left;
}


/***************************************  FORSIDE  ****************************************/

div.forside{
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
}

/*FORSIDE TEKSTAREA*/
div.forsidetekst div#editor textarea#tedit{
	width: 520px;
}

/***************************************  FORSIDE TEKST  ****************************************/
div.forsidetekst{
	display: block;
	margin-bottom: 15px;
	padding-right: 15px;
}
div.forsidetekstheader{
}
div.forsidetekstcontent{
}
div.forsidetekst h1{
	font-size: 16px;
	padding:0;
	margin:0;
}
div.forsidetekst h2{
	font-size: 14px;
	padding:0;
	margin:0;
}
div.forsidetekstfooter{
}
/***************************************  BLOGUDTRÆK FORSIDEN  ****************************************/
div.blogpreviews{
	display: block;
	height: 250px;
	width: 210px;
	float: right;
	margin-right: 15px;
}
div.blogpreviews h1{
	font-size: 16px;
	font-weight: lighter;
	display: block;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 4px;
	padding-left: 2px;
	margin-bottom: 10px;
}
div.blogpreviews h3, div.blogpreviews h3 a, div.blogpreviews h3 a:visited{
	font-size: 14px;
	color: #E1E1E1;
	text-decoration: underline;
	margin-top: 2px;
	margin-bottom: 3px;
}
div.blogpreviews h3 a:hover{
	color: #FFCC00;
	text-decoration: none;
}
/***************************************  FORSIDE THUMBS FRA GALLERI  ****************************************/
div.forsidethumbcontainer{
	display: block;
	height: 170px;
	width: 280px;
	float: left;
}
div.forsidethumbcontainer h1{
	font-size: 16px;
	font-weight: lighter;
	display: block;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 4px;
	padding-left: 2px;
	margin-bottom: 10px;
	width: 255px;
}







/*****************************************  VERTICAL BAR LEFT  ********************************************/
div.verticalbar{
	display:block;
	float: left;
	width:160px;
	padding-bottom: 15px;
	height: 100%;
	margin-top: 10px;
}





/********************************************  CONTENTCONTAINERS  ********************************************/
div.boxcontainer_bred{
	display: block;
	float: left;
	min-height: 400px;
	width: 340px;
	padding-bottom: 20px;
}
div.boxcontainer_smal{
	display: block;
	float: right;
	min-height: 400px;
	width: 180px;
	padding-right: 30px;
	padding-bottom: 20px;
	padding-top: 5px;
}






/**************************************** BANNER - for better or worse **************************************/
div.bwbanner{
	display: block;
	background-repeat: no-repeat;
	background-position: center top;
}





/******************************* BREADCRUMBS Hans & Grethe on the move *************************************/
div.bwbreadcrumbs{
	display: block;
	height: 17px;
	width: 590px;
	padding-top: 3px;
	margin-bottom: 10px;
	padding-bottom: 6px;
}







/********************************************ANNONCERING*******************************************/

div.towerleft{
	float: left;
	margin-right: 10px;
}
div.towerright{
	float: right;
}	



/************************************* BASIC GALLERI **************************************************/
div.topspace{
	height: 5px;
}
/*********Galleri forside*********/
div.thumbcontainer{
    display: block;
    margin-top: 10px;
    padding-top: 10px;
}
div.billede{
	display: block;
	width: 130px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
div.billede img{
	height: 120px;
	width: 120px;
}
/*bredere thumb*/
div.billedelandscape{
	display: block;
	width: 160px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
div.billedefooter{
	font-size: 10px;
}
div.billedefooter a, div.billedefooter a:visited{
	font-size: 10px;
	text-decoration: underline;
}
div.billedefooter a:hover{
	text-decoration: none;
}

/****************VIEWER ****************/
div.viewer{
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
}
div.viewerheader{}
div.viewerfooter{}

div.medie{
	display: block;
}
div.viewercontent{}
div.viewercontent img{}

/***********MEDIE NAVIGATION*************/
div.viewernav{
	margin-top: 3px;
	margin-bottom: 4px;
}
div.viewernav div.pagenavarrow{
	display: block;
	width: 15px;
	height: 15px;
	float: left;
	margin-right: 6px;
}
div.viewernav div.pagenavarrow img, div.viewernav div.pagenavarrow img a, div.viewernav div.pagenavarrow img:visited{
	border:none;
}

div.viewernav div.pagenumbers{
	height: 15px;
	min-width: 95px;
	font-size: 14px;
	color: #000000;
	display: block;
	float: left;
	margin-right: 6px;
}
/********************MEDIE INFO************/

div.medieinfo{
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 450px;
}
div.medieinfo h3{
	font-size: 18px;
	display: block;
	font-weight: lighter;
	margin-top: 8px;
	margin-bottom: 10px;
}
div.beskrivelse p{
	line-height: 20px;
}
div.mediefooter{
	display: block;
	margin-top: 5px;
	margin-bottom: 20px;
	width: 450px;
}

div.mediefooter a, div.mediefooter a.footerlink{
	margin-right: 10px;
}







/*************************************   BLOG  **************************************************/
div.blogindhold{
	display: block;
	padding-top: 6px;
	padding-bottom: 5px;
}
div.fullblogpost{
	padding-top: 15px;
	padding-bottom: 10px;
	padding-right: 40px;
	margin-bottom: 15px;
}
div.blogpost{
	display: block;
	width: 350px;
	margin-bottom: 30px;
}
div.blogheader{
}
div.blogfooter{
	height: 15px;
}





/**********arkiv***********/
div.arkiv{
	display: block;
	width: 180px;
	margin-bottom: 20px;
	}
div.mestlaeste{
	display: block;
	width: 180px;
	margin-bottom: 20px;
}

div.arkiv h1, div.mestlaeste h1{
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 5px;
	}

/* BLog vIewer*/
/*Blog styles skal lægges ud i de enkelte layouts 
fordi tekstfeltet skal være så stort som det er muligt*/
div.blogform div#editor textarea#tedit{
	width: 500px;
	height: 200px;
	font-size: 14px;
	padding: 3px;
}
input.editorinput{
	width: 500px;
	height: 20px;
	font-size: 12px;
	padding: 3px;
	margin-top: 3px;
	margin-bottom: 3px;
}


/*************************************   KOMMENTARER  **************************************************/
div.kommentarer{
}
div.kommentar{
	display: block;
	width: 300px;
	margin-bottom: 20px;
	margin-left: 20px;
	}
div.kommentarheader{
	display: block;
}
div.kommentarafsender{
	display: block;
}
div.kommentarindhold{
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
}
div.kommentarfooter{
	display: block;
	margin-bottom: 10px;
	padding-bottom: 10px;
}







/*************************************   DAGBOG  **************************************************/
div.dagbogcontent{
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
div.dagbogudskrift{
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;}

div.dagbogspost{
	display: block;
	width: 400px;
	margin-bottom: 50px;
}
div.dbheader{
}
div.dbindhold{
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
}




/*************************************   GÆSTEBOG  **************************************************/
div.guestbook{
	display: block;
	margin-left: 20px;
	padding-top: 20px;
}
div.guestpost{
	display: block;
	width: 300px;
	margin-top: 25px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}

div.guestbookindhold{
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
}
div.guestbookfooter{
	margin-bottom: 10px;
}
div.guestbookform{
}
div.guestbookform input, div.guestbookform textarea{
	width: 300px;
	padding: 2px;
	font-size: 12px;
}
div.guestbookform input.knap{
	width: 130px;
	height: 30px;
	padding-right: 2px;
	padding-bottom: 4px;
	padding-left: 2px;
	font-size: 12px;
	margin-top: 5px;
	float: right;
}





/*************************************   KONTAKTSIDE  **************************************************/
div.kontaktform{
	display: block;
	width: 350px;
	padding-left: 10px;
	float: left;
}
div.kontaktform input, div.kontaktform textarea{
	width: 300px;
	padding: 3px;
	font-size: 12px;
}
div.kontaktform input.knap{
	width: 111px;
	height: 30px;
	padding-right: 2px;
	padding-bottom: 4px;
	padding-left: 2px;
	font-size: 12px;
	margin-top: 5px;
	float: right;
}
div.kontaktinfo{
	display: block;
	width: 100px;
	padding-bottom: 10px;
	padding-top: 60px;
	float: left;
	}



/***************   SORTERING OG SØGNING   *********************/
div.soegbox{
	display: block;
	width: 200px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 15px;
	}




/*************************************   INFoSIDE   **************************************************/
div.infobillede{
	width: 200px;
	float: left;
	margin-top: 20px;
	margin-left: 10px;
}
div.infotekst{
	width: 300px;
	float: left;
	padding-right: 20px;
	padding-left: 15px;
	margin-top: 20px;
}
/*infotekst editor*/
div.infotekst div#editor textarea#tedit{
	width: 330px;
	height: 230px;
	font-size: 12px;
	padding: 5px;
}

/*************************** KALENDER *************************************/
/**kalender front**/
div.kalender_front{
	margin-right:10px;
	width:570px;
	margin-left:-5px;}


div.events{
	min-height:77px;
	width:65px;
}
div.day{
	width:5px;
	height:77px;}
	
	
	


/********** NY BLOG *********************/
div.searchfieldwrap {
    border: 1px solid #999999;
	background-color:#fff;
}
div.blogfront{
	margin-right:20px;
	width:710px;}

div.krummer{
	height:15px;
	margin-bottom:10px;
}
.cloud_tag {
    display: block;
    float: left;
    margin-bottom: 2px;
    margin-right: 12px;
    min-width: 20px;
    padding-bottom: 5px;
}

div.tagfront{ 
float: left;
width: 345px;}

div.blogposter{
 float: left;
    width: 345px;}
	
div.blogsidebar{
float:left;
margin-top:-39px;
width:230px;}
	
div.blogsidebar_content{
/*background-color:#FFFFFF;*/
padding:15px;
line-height:30px;}

/*** Hej, her er en kommentar, den siger at koden herunder begrænser billeder til 530px i bredden hvis de er uploadet af en bruger i en wysiwyg ***/
div.fixer img{
	max-width: 550px;
}