/* used for the education section */

/* icon for top headline */
h1.uddannelse {
	padding: 4px 0 11px 40px;
	background:no-repeat url(img/headline-uddannelse.gif) 0 6px;
}
.h1t span {color:#999;}

/* new element: .teasers */
#c1w ul.teasers { margin:0; padding:0;}
	#c1w ul.teasers li {
		margin:0;
		padding:15px 0 15px 75px; 
		list-style:none;
		background:none;
		border-top:1px solid #eee;
		min-height:0;
		_height:1px;
	}
	#c1w ul.teasers li:after {content:"."; clear:both; display:block; visibility:hidden; height:0;}
	#c1w ul.teasers li:first-child {border-top:none;}
	
	#c1w ul.teasers li a img {margin:0 0 0 -75px; max-width:65px; _width:65px; border:none; float:left; display:inline;}

	ul.teasers a.more {white-space:nowrap;}



/* remove indent from .datelist when within #c2 */
#c2 ul.datelist li {padding-left:0 !important;}
#c2 ul.datelist li span.date {margin:0; padding:0; border:none; float:none;}


.courseitem {
	border:1px solid #e2e1da;
	padding:10px;
	margin:0 0 10px;
}
.courseid {float:right; font-size:11px;}
.courseitem h2 em,.courseitem h3 em {font-weight:normal; color:#999; font-style:normal;}
table.coursecal {width:100%; border-spacing:5px 0; empty-cells:show; border-collapse:separate;}
table.coursecal .months th {text-align:center; width:8.333%; font-weight:normal;}
table.coursecal .days td {text-align:center; border:1px solid #e2e1da;}
table.coursecal .year th {text-align:left; padding-top:5px;}

#c1w ul.legend {min-height:0; _height:1px; margin-bottom:1em;}
	#c1w ul.legend:after {content:"."; clear:both; display:block; visibility:hidden; height:0;}
#c1w ul.legend li {
	margin:0 20px 0 0; padding:0 0 0 30px; list-style:none; background:none !important;
	width:140px;
	float:left;
	display:inline;
}
ul.legend .colorblock {width:20px; height:1.2em; border:1px solid #e2e1da; float:left; display:inline; margin-left:-30px;}



/* color codes for past/free/full states */
.past {background:#e2e1da; color:#888;}
.full {background:#d71319; color:#fff;}
.free {background:#33780c; color:#fff;}

.coursecal .free a, 
.coursecal .free a:visited {color:#fff; display:block;}


/* list course details */
ul.details {
	margin: 0 0 20px 0;
	padding: 0;
	list-style: none;
	border-bottom: 1px solid #e2e1da;
	}
	ul.details li {
		margin: 0; 
		padding: 3px 0 3px 10em !important; /*adjust left value here if needed */
		border-top: 1px solid #e2e1da;
		background: none !important;
		min-height:0;
		_height:1px;
		}
		ul.details li:after {content:"."; clear:both; display:block; visibility:hidden; height:0;}
		
	.details strong	{
		width: 10em;
		margin-left:-10em; /*adjust width+margin here, and left padding on li (above) */
		float:left;
		display: inline;
		color: #404040;
	}

/*
=forms
/////////////////////////////////////////////////////////////// */

form, fieldset {margin:0; padding:0; border:none;}
.form {margin:1em 0;}
/*  * /
input,textarea,select {font-family:verdana, sans-serif; font-size:1em; color:#7d726c;}
input.text, textarea {padding:4px 1px; border:1px solid #d9d6cf;}

/* */

legend {display:none;}
input.amount {text-align:right;}

label {font-weight:bold;}
label.checkbox, label.radio  {vertical-align:middle; font-weight:normal; }
input.checkbox, input.radio {vertical-align:middle;}
label sup, label sub {line-height:1;}
input.num {text-align:right;}

/*
.fr = form row
.fu = form unit (often consisting of a label-input couple)
------------------------------------------------------ */
div.fu { margin:0 10px 10px 0; clear:left; line-height:20px; }
div.fr	{margin:0; clear:both; display:block; _height:1px; min-height:1px; float:none;}
div.fr div.fu { float:left; display:inline; clear:none;}
div.fr:after, div.fu:after {content:"."; clear:both; display:block; visibility:hidden; height:0; }



/* form sizing
------------------------------------------------------ */
textarea.size-wide	{width:99%; }

.size-wide input, 
.size-wide select,
.size-wide textarea	{width:99%; }
.size-auto input,
.size-auto select,
.size-auto textarea	{width:auto; }                    
.size-l input,
.size-l select,
.size-l textarea	{width:310px; }
.size-m input, 
.size-m select,
.size-m textarea	{width:145px; }
.size-s input,
.size-s select,
.size-s textarea	{width:90px; }
.size-xs input, 
.size-xs select,
.size-xs textarea	{width:20px; }
                    
label.size-l		{float:left; width:310px; }
label.size-m		{float:left; width:145px; }
label.size-s		{float:left; width:90px; }

.zipcode input		{width:102px; }
.city input			{width:192px; }



.req {font-weight:bold; color:#d71319;}

/*
=form hints
------------------------------------------------------ */
a.hint {
	background:transparent no-repeat url(img/icon_help.gif) 50% 1px;
	color:#fff;
	text-decoration:none;
	vertical-align:middle;
	float:left;
	position:absolute;
	margin:0 16px 0 1px;
	width:16px;
	height:16px;
	text-indent:-100px;
	overflow:hidden;
	cursor:help;
	_zoom:1;
}

/* wrap this around an input field */
span.hint, div.hint {
	padding-right:16px; 
	background:transparent no-repeat url(img/icon_help.gif) 100% 50%; 
	cursor:help;
	display:inline-block; /*safari needs this in multi-column situations! */
	_display:inline; /* IE6 almost doubles the padding though. So reset it */
}
div.hint {display:inline;}

fieldset {border:1px solid #ccc; background:#f3f1ea; border-color:#ccc #e2e1de #e2e1de #ccc; padding:10px; margin-bottom:5px;}


/* the script adds .tooltip to all p.annotion elements and inserts an a.help before itself... */
p.tooltip {
	position: absolute;
	width: 200px;
	margin-left:20px;
	border: 1px solid #c96;
	padding: 5px 8px;
	background: #ffc;
	z-index:2000;
	display:none;
}
a.help {
	background:no-repeat url(img/icon_help.gif) 50% 50%;
	margin-left:2px;
	color:#fff;
	text-decoration:none;
	position:absolute;
	width:18px;
	height:18px;
	text-indent:-100px;
	overflow:hidden;
}

/*
=rows and columns
/////////////////////////////////////////////////////////////// */

.row {min-height:0; _height:1px; margin:0 0 10px;}
.row:after {content:"."; clear:both; display:block; visibility:hidden; height:0;}

.col3 .col {
	width:180px;
	margin:0 18px 0 0;
	float:left;
	display:inline;
}
.col3 .c3 {margin-right:0;}
.description span.date {margin:0;}

a.thumb:hover img {border-color:#000;}
img.thumb {border:1px solid #e2e1de; margin:0 0 5px !important;}

.video {margin:0 0 1em;}