/* Vision & Praxis 2014 */

body {
	color: #000000;
	background:
	/*	url(../../img/backgrounds/bg_vp_bottom.png) bottom repeat-x,*/
		url(../../img/backgrounds/bg_vp_top.png) repeat-x,
		#f0f0f0 url(../../img/backgrounds/bg4.jpg) fixed;
	}

#outer_div {
	/*background-image: url(../img/backgrounds/menu_bg_lightgrey.jpg);
	background-repeat: repeat-y;*/
	background-color: #ffffff;
	color: #000000;
	border: 0;
	}
#outer_div_image {
	background-color: #e8e8e8;
	border: 0;
	}
/* obs: indstil også background-color i slide_object.css */

#content {
	/*background: url("../../img/backgrounds/leaves_07.jpg") no-repeat;
	background-position: right 60px;*/
	background-color: #ffffff;
	}
#content_image {
	background-position: right 80px;
	background-color: #ffffff;
	}

#header {
/*	background-color: #f0f0f0;*/
	border-bottom: 0px solid #505050;
	}
.newsbox {
	background-color: #f0f0f0;
	border: 2px solid #e0e0e0;
	border-radius: 8px;
	}
.highlight_box {
	position: relative;
	border: 2px solid #e0e0e0; 
	border-radius: 8px; 
	padding: 8px 10px 8px 8px;
	background-color: #f0f0f0;
	font-size: 12px;
	}
.input_style_general {
	border-radius: 8px;
	border: 2px solid #e0e0e0;
	background-color: #f8f8f8;
	padding-left: 6px;
	}


/*--- farver ----- (for farver i menu se menu nedenfor) -------------*/

h1 {
	/*font-family: prostoone-regular-webfont;*/
	background-color: transparent;
	/*color: #808080;*/
	color: #88C000;
	} 
h2, h3, .underoverskrift, .opdateret, .linkkategori, .smalltextcolor {       
	background-color: transparent;
	color: #c02030;
	font-weight: bold;
	font-size: 20px;
	} 
#logofelt_2007 {
	color:#303030;
	}
.faqquestion {   
	color: #606060;       
	background-color: transparent;
	}   
.datoer {   
	color: #606060;       
	background-color: transparent;
	}


a {
 	color: #000000;        
	}       
a:hover {
 	color: #606060;
	}

/* zebra style anvendes på artikler, nyhedsbrev, filer og links */

.zebrarow_light, .zebrarow_light a {
	font-size: 11px; 
	background-color: #ffffff;
	}
.zebrarow_dark, .zebrarow_dark a {
	font-size: 11px; 
	background-color: #f0f0f0;
	}

.vote_hr {
	height:5px;
	color: #906030; 
	}

/*--- MENUEN -----------------------*/       

#menu {  /* resten af css i globalscreen.css og header.css */
	width: 150px;       
	padding: 42px 0 25px 0;       
	}
/* alle knapper*/
.layoutbutton, .layoutbutton a, .layoutbutton a:hover, .activebutton, .activebutton a, .activebutton a:hover, .subbutton, .subbutton a, .subbutton a:hover, .subbutton_active, .subbutton_active a, .subbutton_active a:hover {
	width: 150px;
	height: 22px;
	line-height: 22px;       
	margin: 2px 0 0 0;
	text-align: left;
	border: 0;
	}

/* alle a'er */
.layoutbutton a, .activebutton a, .subbutton a, .subbutton_active a {
	display: block;
	text-decoration: none;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	}
/* alle a:hover */
.layoutbutton a:hover, .activebutton a:hover, .subbutton a:hover, .subbutton_active a:hover {
	color: #000000;
	}
.layoutbutton {
	font-weight: normal;
	}
.layoutbutton a {
	font-size: 11px;
	color: #000000;
	/* menubg_phantom.gif nødvendig for at a:hover virker i 100% bredde*/
	background-image: url(../img/backgrounds/teaternu_knapbg.png);
	background-repeat: no-repeat;
	}
.layoutbutton a:hover {
	color: #000;
	background-color: #f0f0f0;
}


.activebutton {
	font-weight: normal;
	}
.activebutton a {
	font-size: 11px;
	color: #ffffff;
	background-color:#99CC00;
	}
.activebutton a:hover {
	color: #000;	
	background-color: #f0f0f0;
	}

/* alle subbuttons */
.subbutton, .subbutton a, .subbutton a:hover, .subbutton_active, .subbutton_active a, .subbutton_active a:hover {
	font-size: 10px;
	}

.subbutton {
	font-weight: normal;
	line-height: 20px;
	}       
.subbutton a {       
	background-image: url(../../img/backgrounds/arrow_menu_black.gif);
	/*background-color: #f0ffe0;*/
	background-color: #fff090;
	/*background-color: #ffffc8;*/
	background-repeat: no-repeat;
	}       
.subbutton a:hover {
	color: #000;
	background-image: url(../../img/backgrounds/arrow_menu_black.gif);
	background-color: #f0f0f0;
	background-repeat: no-repeat;
	}       

.subbutton_active {
	font-weight: normal;       
	}       
.subbutton_active a {
	color: #ffffff;
	background-color:#99CC00;
	background-image: url(../../img/backgrounds/arrow_menu_white.png);
	background-repeat: no-repeat;
	}       
.subbutton_active a:hover {
	color: #000;
	background-color: #f0f0f0;
	background-image: url(../../img/backgrounds/arrow_menu_black.gif);
	background-repeat: no-repeat;
	}

/*--- smallcalendar ----- farver nedenfor ----------------*/

.calendartable {  /* tabellen med kalenderen */
	width: 160px;
	font-size: 10px;
	}
.calendartable td {
	text-align: center;
	height: 16px;
	line-height: 16px
	}
.cal_header {    /* øverste række */
	font-weight: bold;
	}
.cal_daylabel {   /* række med: m t o t f l s */
	font-weight: bold;
	}
.DateField {
	width: 20px;
	}
.DateFieldToday a {
	text-decoration: none;
	display: block;
	}
.DateFieldLink a {
	text-decoration: none;
	display: block;
	}

/* --- kalender --- farver ----------------- */

.calendartable {  /* tabellen med kalenderen */
	background-color: #d09040;
	color: #ffffff;
	}
.cal_header {    /* øverste række */
	background-color: #b07020; 
	color: #ffffff; 
	}
.cal_daylabel {   /* række med: m t o t f l s */
	color: #ffffff; 
	}
.DateField {
	color: #e0a050;
	background-color: #b07020;
	}
.DateFieldToday {
	color: #ffffff;
	background-color:#e0a050;
	}
.DateFieldToday a {
	color: #ffffff;
	background-color:#e0a050;
	}
.DateFieldLink a {
	color: #ffffff;
	background-color:#c08030;
	}


/* --- footer ------- is hidden for print --- */
#footer {
	border-top: 1px solid #505050;
	background-color: #505050;
	/*background-image: url(../../img/backgrounds/giraf_footer.jpg);
	background-repeat: no-repeat;*/
	color: #ffffff;
	}
#footer a {
	color: #ffffff;
	text-decoration: none; 
	}
#footer a:hover {
	color: #d0a050;
	text-decoration: none; 
	}

/* ----- hvis header har unormal højde brug disse -------------*/
#content {
	padding: 185px 0 0 0;
	}
#menu {  /* resten af css i globalscreen.css og themes css */
	padding: 190px 0 25px 0;       
	}

/* HUSK: tilpas position af evt. baggrundsbilleder i themes */

#header {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 170px;
	}
#header a {
	display: block;
	line-height: 150px; /* samme som #header height */
	border: 0;
	text-decoration: none;
	}
#content_image {
	padding-top: 170px;
	}