@charset "UTF-8";
@import url(font.css);
/* Bygget med Bootstrap v.3.2.0, med breakpoints: 
xs: op til 767  (og derfor custom breakpoint her for max-width 500)
sm: 768 - 991 (tablet portrait)
md: 992 - 1199 (tablet landscape o.l.)
lg: 1200 og opefter
*/
html{
    overflow-y:scroll;
    -moz-scrollbars:vertical;
}
body{
	font-family:'din_regular', Arial, sans-serif; 
	max-width:1280px;
	/*=3 kolonner á 426.66 - minus 30px padding = 397.  border on images, therefore max 396. 
	at 768: 2 kolonner á 384, minus padding = 354.
	at 480: 450px.
	2 kolonner á 640.
	*/
	margin:0 auto; 
	}
#page-header a{
	color:#000;
	}
.page-header{
	border-bottom:none;
	margin:0;
	}
h1{
	padding-left:0.65em;
	font-size:2em;
	}
h2{
	font-size:1.6em;
	margin-bottom:1em;
	}
h2 span{
	color:#F00;
}
h3{
	font-size:1.4em;
	}
h4{
    margin:1em 0;
}
h4 a img{
	border:none;
	}
a, a:link, a:visited, a:hover, a:active{
	text-decoration:none;
	/*color:#ACA39A;*/
    color:#7c756e;
    outline:none;
	}
.navbar-brand{
	position:relative;
	bottom:0.2em;
	}
img{
	max-width:100%;
	height:auto;
	border:solid 1px #5F5C5C;
	}
.web img, .tvaer img{
	width:100%;
	}
a.navbar-brand img{
	border:none;
	}
.luft{
	margin-bottom:3em;
	}
.luft2{
	margin-bottom:2em;
	}
	
/* ------------TVÆRFAGLIGT: ------------*/
.tvaer a{
	line-height:2em;
}
.tvaerText{
	min-height:9em;
}
.navne{
	height:3em;
	}
.uge2017_20 h3{
	margin-top:10px;
}
footer{
	margin-top:5em;
	border-top:solid 1px #BBB;
	text-align:center;
	}
footer>div>div.row{
	margin:2em auto;
	}

/* ------------PRAKTIKPLADS: ----------*/
.kontakt{	
	word-wrap: break-word;	
	-ms-word-break: break-all;
    word-break: break-word;
	-webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;	
	}
/* word break egentligt ikke nødvendigt, når de nu kan være på 1 linje */
.relative{
	position:relative;
}
.absolute{  /* for praktikplads skilte  */
	position:absolute;
	bottom:40px;
	left:-10px;
	background-color:rgba(255, 255, 255, 0.8);
	line-height:1;
	padding-top:0.2em;
	color:#F00;
	-ms-transform: rotate(-45deg); /* IE 9 */
	-ms-transform-origin: 6% 70%; 
    -webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
	-webkit-transform-origin: 6% 70%;
    transform: rotate(-45deg);
	transform-origin: 6% 70%;
}

/* ------------WEB: ------------ */
table.web{
	width:100%;
	}
table.web td{
	width:50%;
	}
table.web th{
	font-weight:normal;
	font-size:1.1em;
	}
.webfoot{
	height:1.5em;
	font-size:1.5em;
	line-height:1.5
}
.foottext{
	padding-top:0.2em;
}
.footicon{
	text-align:right;
}
.webfoot img{
	border:none;
	height:1.5em;
}
.fb{
	text-align:right;
	}
figcaption{
	color:#888;	
}
/* VIDEO: */	
.video{
	margin-bottom:1em;
	}
.videotext a{
	padding-right:3em;
	}
	
@media screen and (max-width:500px){
	.web .col-xs-6, .tvaer .col-xs-6, .praktik .col-xs-6{ /* web site links, tværfaglige links, ftp praktik */
		width:100%;
	}
	h1{
		font-size:1.6em;
		padding-left:0.65em;
	}
	h4 a img{
		width:44px;
		height:44px;
		margin:auto;
	}
}
@media screen and (min-width:740px){
	.right{
		text-align:right;
		}
	.videotext .right a{
		padding-right:0;
		padding-left:3em;
		}
}