/*******************************/
/* © Apricore 2026             */
/* http://tieren.eprotokol.dk/ */
/*                             */
/* 10. Klasse Center Skive     */
/*******************************/

@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,400i,700);




/*********************************/
/* Grundlayout og grundtypografi */
/*********************************/
html {
	overflow-x: hidden;
	overflow-y: scroll;
	width: 100%;
	height: 100%;
}

body {
	width: 100%;
	height: 100%;
	background-attachment: fixed;
	background-repeat:  repeat;
	background-size:  auto;
	/* Gradient */
	background: -webkit-linear-gradient( #ffffff,  ) fixed; /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient( #ffffff,  ) fixed; /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient( #ffffff,  ) fixed; /* For Firefox 3.6 to 15 */
	background:   #ffffff linear-gradient( #ffffff,  ) fixed; /* Standard syntax */
}

body, td {
	font-size : 16px;
	color :  #000000;
	font-family: 'Roboto', sans-serif;;
}

fieldset {
	border: 1px solid #333332;
	padding: 5px;
}



/************************/
/* Webdokument generelt */
/************************/

a, a:link, a:visited, a:active {
	color :  #000000;
	text-decoration: none;
	background-color:  transparent;
}

a:hover {
	color :  #000000;
	text-decoration: underline overline;
	background-color:  transparent;
}

.rubrik {
	font-family: 'Roboto', sans-serif;;font-size: 32px;
	font-weight: normal;
	color: inherit;
	padding: 0px 0px 5px 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	word-wrap: break-word;
	word-break: keep-all;
	white-space: normal;
}

.underrubrik {
	font-family: inherit;
	font-weight: ;	font-size: 19px;
	font-style: normal;
	color: inherit;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	word-wrap: break-word;
	word-break: keep-all;
	white-space: normal;
}

.lokalmenubar, a.lokalmenubar:link, a.lokalmenubar:visited, a.lokalmenubar:active {
	font-size: 13px;
	text-decoration: none;
}

a.lokalmenubar:hover {
	color :  #000000;
}

.broedtekst {
	color :  #000000;
}

a:link.broedtekst, a:visited.broedtekst, a:active.broedtekst {
	color :  #000000;
	text-decoration: underline;
}

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

.mellemrubrik {
	font-family: 'Roboto', sans-serif;;
	color: inherit;font-size: 21px;
	font-weight: bold;
	padding: 8px 0px 8px 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	word-wrap: break-word;
	word-break: keep-all;
	white-space: normal;
}

.lilletekst {
	font-size: 11px;
}

a.lilletekst, a.lilletekst:link,a.lilletekst:visited, a.lilletekst:active {
	text-decoration: none;
}

a.lilletekst:hover {
	text-decoration: underline;
}

.sidetal {
	/* Bruges til initialer i bunden */
	font-size: 11px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}



/***********************/
/* Page Toolbar        */
/***********************/
.pageToolBarContainer {
	font-size: 82%;
}

.pageToolBarContainer span {
	margin: 0px 0px 0px 3px;
	background: transparent;
}

.pageToolBarContainer span i {
	/* The background symbol */
	color: inherit;
}

.pageToolBarContainer span a {
	color: inherit;
	text-decoration: none;
}

.pageToolBarContainer span a:hover {
	color:  #ffffff;
	background:  #ee4130;
}


/************/
/* Billeder */
/************/

.image {
	color: #ffffff; /* Must be set here too, since eg. images in comp_slideshow won't work */
	background-color: transparent;
	border: 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.billedtekst, a.billedtekst, a.billedtekst:link, a.billedtekst:visited, a.billedtekst:active, a.billedtekst:hover {
	color: #ffffff;
	font-size: inherit;
	font-weight: normal;
	padding: 7px 7px 7px 10px;
	text-decoration: none;
}

a.billedtekst:hover {
	text-decoration: underline;
}

table.billedbaggrund, div.billedbaggrund {
	background: transparent;
}



/********/
/* Menu */
/********/

#top_menu {
	width: 64.5%;
	height: 47px;
	padding: 0 0 0 0;
	margin: -38px 0px 0px 4.3%;
	background-repeat: no-repeat;
	background-color: transparent;	border-width: 0 0 0 0;
	border-style: solid;
	border-color:  #004181;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	/* overflow: hidden; */
	z-index: 200;
}


#menu_left {
	margin: 0px;
	padding: 0px;
}

/* Level 1 - Vertical */
#menu_left li {
	list-style: none;
	border-bottom:  #ffffff solid 2px;
}

#menu_left li a {
	/* Level 1 menu */
	font-family: inherit;
	font-size: 19px;
	font-weight: 700;
	text-transform: uppercase;
	text-decoration: none;
	color:  #ffffff;
	padding: 11px 0px 9px 20px;
	margin: 0 0 0 0;
	white-space: nowrap;
	display: block;
}

#menu_left li a:hover {
	/* Level 1 menu */
	color:  #5d5e62;
	background-color:  #ffffff;
	text-decoration: none;
}

#menu_left li a.menu_selected {
	/* Level 1 menu */
	text-decoration: none;
	color:  #ffffff;
	background-color:  #f7941e;
}

/* Level 2 - Vertical */
#menu_left li ul li {
	list-style: none;
	border-bottom:  #ffffff double 0px;
}

#menu_left li ul {
	padding: 0px;
	margin: 0px;
}

#menu_left li ul li a {
	/* Level 2 menu */
	font-family: inherit;
	font-size: 13px;
	font-weight: 400;
	text-transform: uppercase;
	text-decoration: none;
	color:  #ffffff;
	padding: 5px 0px 3px 36px;
	margin: 0 0 0 0;
	white-space: nowrap;
	display: block;
}

#menu_left li ul li a:hover {
	/* Level 2 menu */
	color:  #5d5e62;
	background-color:  #ffffff;
}

#menu_left li ul li a.menu_selected {
	/* Level 2 menu */
	color:  #ffffff;
	background-color:  #f7941e;
}



/****************/
/* Right Column */
/****************/

.right_column_list div {
	/* Header over each list in the right column */
	margin: 46px 0px 0px 0px;
	padding: 0px 0px 11px 0px;
	font-family: inherit;
	font-size: 16px;
	font-weight: 400;
	text-transform: uppercase;
	color: #05757f;
		border-bottom:  #05757f solid 4px;}

.right_column_list ul {
	margin: 0px;
	padding: 0px;
}

.right_column_list li {
	list-style: none;
		border-bottom:  #05757f solid 2px;}

.right_column_list li a {
	font-family: inherit;
	font-size: 14px;
	font-weight: ;
	color:  #05757f;
	background-color:  ;
	padding: 12px 0px 12px 0px;
	margin: 0 0 0 0;
	text-transform: none;
	text-decoration: none;
	display: block;
	white-space: normal;
	overflow: hidden;
}

.right_column_list li a:hover {
	text-decoration: underline overline;
	color:  #05757f;
	background-color: ;
}


/************/
/* Formular */
/************/

select  {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000000; /* The text color in the dropdown */
	font-size: 11px;
	font-weight: normal;
}

input[type="text"], input[type="password"], textarea, select {
	box-sizing: border-box;
	border: 1px solid #000000;
}

input[type="text"], input[type="password"] {
	height: 21px;
}

input[type="radio"], input[type="checkbox"] {
	/* Jakob: This should stay off, for at better user experience */
	/* outline: none; */
}

input[type="button"], input[type=submit], a.knap, .knap {
	outline: none;
}

input[disabled], button[disabled], textarea[disabled], select[disabled] {
	opacity: 0.5;
}

.knap, a.knap, .knap:focus, .knap:active:focus, .knap:active, .knap[disabled]:hover {
	height: 24px;
	background-color: #f9f9f9;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 10px;
	font-weight: bold;
	padding: 4px 8px 4px 9px;
	text-align: center;
	box-sizing: border-box;
	border: 1px solid #000000;
	border-radius: 12px;
	cursor: pointer;
}

.knap:focus {
	/* Used instead of dotted border on focus */
	box-shadow: 0 0 0 1px #000000;
}

.knap[disabled]:hover {
	cursor: default;
}

a.knap {
	line-height: 24px;
	padding: 5px 8px 5px 9px;
	cursor: pointer;
}

.knap:hover {
	color: #000000;
	border: 1px solid #000000;
	background-color: #f9f9f9;
}

a:link.knap, a:visited.knap, a:active.knap {
	text-decoration: none;
}

a:hover.knap {
	text-decoration: none;
	color: #000000;
	border: 1px solid #000000;
	background-color: #f9f9f9;
}



/***************/
/***************/
/*** MODULER ***/
/***************/
/***************/

/************/
/* Kalender */
/************/

.kalender_overskrift {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #333332;
	font-size: 14px;
	font-weight: bold;
}

.kalender_dato {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #8b96a0;
	font-size: 11px;
}

/****************/
/* Klistermærke */
/****************/

.sticker_overskrift, a.sticker_overskrift:link, a.sticker_overskrift:visited, a.sticker_overskrift:active, a.sticker_overskrift:hover {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size : 12px;
	color : #333332;
	font-weight: bold;
	text-decoration: none;
	line-height: 11px;
}

.sticker_broedtekst, a.sticker_broedtekst:link, a.sticker_broedtekst:visited, a.sticker_broedtekst:active, a.sticker_broedtekst:hover {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size : 11px;
	line-height: 11px;
	color : #333332;
	font-weight: normal;
	text-decoration: none;
}


/**************/
/* Responsive */
/**************/

#site_container {
	height: 100%;
	background-color:  #f9f9f9;
	height: auto;
	max-width: 910px;
	padding: 0 0 0 0;
	margin: 0 auto 18px auto;
	border-width: 10px;
	border-style: solid;
	border-color:  #ffffff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#site_header {
	width: 100%;
	height: 90px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-color:  #cccccc;
	background-image: url(images/header.png);
	background-position: left;
	background-repeat: no-repeat;
	font-size: 12px;
	font-weight: 300;
	text-transform: none;
	color:  #ffffff;
	border-width: 0 0 10px 0;
	border-style: solid;
	border-color:  #ffffff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#main_content {
	margin: 0 0 0 0;
	/* Gradient */
	background:   #f9f9f9;
	background-size: ;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.main_content_frontpage {
	padding: 0 0 0 0;
}

.main_content_subpage {
	padding: 0 0 0 0;
}

.apr_paragraph_container_side_margins_off {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

/* ----------------------- */
/* Larger than 930px - PC */
/* ----------------------- */

@media screen and (min-width: 931px) {
	.hide_for_tablets {
		display: normal !important;
	}
	
	.hide_for_pc {
		display: none !important;
	}
	
	#left_column {
		position: relative;
		width: 30%;
		height: 700px;
		padding: 0px 0px 0px 0px;
		margin: 0 0 0 0;
		float: left;
		border-width: 0 0 0 0;
		border-style: solid;
		border-color:  #004181;
		background-color:  #5d5e62;
		background-image: url();;
		background-repeat: no-repeat;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	#center_column_frontpage {
		width: 60.2%;
		margin: 0% 4.3% 0% 2.3%;
		padding: 19px 0px 0px 0px;
		float: left;
		border-width: 0 0 0 0;
		border-style: solid;
		border-color:  #004181;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	#center_column_subpage {
		width: 67.0%;
		margin: 0 0 0 0;
		padding: 0 20px 0 0;
		float: right;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	.apr_paragraph_container {
		padding: 0 0 0 0;
	}
	
	#right_column {
		/* The container */
		width: 13.3%;
		margin: 0 4.3% 150px 0;
		padding: 0 0 0 0;
		float: left;
		background-color:  #ffffff;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	#site_footer {
		font-size: 18px;
		font-weight: normal;
		text-transform: none;
		color:  #ffffff;
		min-height: 110px;
		padding: 46px 0 0 0;
		margin: 0 0 0 0;
		border-width: 0 0 0 0;
		border-style: solid;
		border-color:  #950008;
		
		/* Gradient */
		background: -webkit-linear-gradient( #1ba4db,  #0d87c6)); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient( #1ba4db,  #0d87c6)); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient( #1ba4db,  #0d87c6)); /* For Firefox 3.6 to 15 */
		background: linear-gradient( #1ba4db,  #0d87c6); /* Standard syntax */
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
}



/* ---------------------------- */
/* for 930px or less - Tablets */
/* ---------------------------- */

@media screen and (max-width: 930px) {
	.hide_for_tablets {
		display: none !important;
	}
	
	.hide_for_pc {
		display: normal !important;
	}
	
	#main_content {
		margin: 0 0 0 0;
		/* Gradient */
		background:   #f9f9f9;
		background-size: ;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	#site_header {
		width: 100%;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	#center_column_frontpage {
		float: none;
		width: 96.0%;
		margin: 0px;
		padding: 0.5% 2% 4% 2%;
		border-width: 0 0 0 0;
		border-style: solid;
		border-color:  #004181;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	#center_column_subpage {
		float: none;
		width: 100.0%;
		margin: 0px;
		padding: 0 20px 20px 20px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	.apr_paragraph_container {
		padding: 0 0 0 0;
	}
	
	#right_column {
		width: 100%;
		float: left;
		width: 95.5%;
		padding: 8px 2.2% 5% 2.3%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	#site_footer {
		font-size: 18px;
		font-weight: 400;
		text-transform: none;
		color:  #ffffff;
		min-height: 201px;
		padding: 46px 0 0 0;
		margin: 0 0 0 0;
		border-width: 0 0 0 0;
		border-style: solid;
		border-color:  #950008;
		
		/* Gradient */
		background: -webkit-linear-gradient( #1ba4db,  #0d87c6)); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient( #1ba4db,  #0d87c6)); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient( #1ba4db,  #0d87c6)); /* For Firefox 3.6 to 15 */
		background: linear-gradient( #1ba4db,  #0d87c6); /* Standard syntax */
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
}



/* ------------------------- */
/* for 414px or less - Phone */
/* ------------------------- */

@media screen and (max-width: 414px) {
	
	.hide_for_phones {
		display: none !important;
	}
	
	.rubrik {
		font-size: 25.6px;
	}
	
	.underrubrik {
		font-size: 17px;
	}
	
	.mellemrubrik {
		font-size: 17px;
	}
	
	
	#main_content {
		margin: 0 0 0 0;
		/* Gradient */
		background:   #f9f9f9;
		background-size: ;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	#site_header {
		width: 100%;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	#center_column_frontpage {
		float: none;
		width: 96.0%;
		margin: 0 0 0 0;
		padding: 0.5% 2% 4% 2%;
		border-width: 0 0 0 0;
		border-style: solid;
		border-color:  #004181;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	#center_column_subpage {
		float: none;
		width: 100.0%;
		margin: 0 0 0 0;
		padding: 0 20px 20px 20px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	.apr_paragraph_container {
		padding: 0 0 0 0;
	}
	
	#right_column {
		width: 100%;
		float: left;
		width: 95.5%;
		padding: 8px 2.2% 5% 2.3%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	#site_footer {
		font-size: 18px;
		font-weight: 400;
		text-transform: none;
		color:  #ffffff;
		min-height: 201px;
		padding: 46px 0 0 0;
		margin: 0 0 0 0;
		border-width: 0 0 0 0;
		border-style: solid;
		border-color:  #950008;
		/* Gradient */
		background: -webkit-linear-gradient( #1ba4db,  #0d87c6)); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient( #1ba4db,  #0d87c6)); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient( #1ba4db,  #0d87c6)); /* For Firefox 3.6 to 15 */
		background: linear-gradient( #1ba4db,  #0d87c6); /* Standard syntax */
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}	
}


/**********************/
/* Mobile burger menu */
/**********************/

#burger {
	float: left;
	margin: 20px 0 0 8px;
	padding: 0 0 0 0;
	cursor: pointer;
}

#burger div span {
	display: block;
	width: 40px;
	height: 5px;
	clear: left;
	margin: 0 0 6px 0;
	background:  #000000;
	border-radius: 6px;
}

#mobile_menu {
	display: none;
	padding: 0% 0% 10% 0%;
	width: 67%;
	position: absolute;
	z-index: 1000;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.mobile_menu_level_01, a:link.mobile_menu_level_01, a:visited.mobile_menu_level_01, a:active.mobile_menu_level_01, a:hover.mobile_menu_level_01 {
	font-size: 24px;
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;
	background-color: #000000;
	display: block;
	padding: 6% 1% 1% 4%;
	border-top: 3px double white;
	border-bottom: 1px dashed white;
}

a:hover.mobile_menu_level_01 {
	background-color: #000000;
}

.mobile_menu_level_02, a:link.mobile_menu_level_02, a:visited.mobile_menu_level_02, a:active.mobile_menu_level_02, a:hover.mobile_menu_level_02 {
	padding: 1% 1% 1% 4%;
	border-top: 1px dotted white;
	text-decoration: none;
	font-weight: bold;
	font-size: 19px;
	color: #ffffff;
	display: block;
	background-color: #000000;
}

a:hover.mobile_menu_level_02 {
	background-color: #000000;
}

.mobile_menu_level_03, a:link.mobile_menu_level_03, a:visited.mobile_menu_level_03, a:active.mobile_menu_level_03, a:hover.mobile_menu_level_03 {
	padding: 1% 1% 1% 12%;
	text-decoration: none;
	font-weight: bold;
	font-size: 16px;
	color: #ffffff;
	display: block;
	background-color: #000000;
}

a:hover.mobile_menu_level_03 {
	background-color: #000000;
}


/*******************************/
/*******************************/
/*** KUNDESPECIFIKKE KLASSER ***/
/*******************************/
/*******************************/