@charset "utf-8";
/* CSS Document for Ungdomsfabrikken - Rolf Andreas Haug */

body {
	background-color: #eeeeee;
}

#pw {
	width: 952px;
	margin: auto;
	min-height: 500px;
	overflow:auto;

}

#pw #header {
	height: 120px;
	padding-top: 15px;
	
}

#pw #header ul{
	background-color: #2b2f32;	
	color: white;
	height: 24px;
	
	margin-top: 7px;
	padding-top: 3px;
}

#pw #header ul li {
	display: inline;	
	border-right: 1px solid #6b6c70;
	font-family: "Myraiad Pro", Tahoma, Geneva, sans-serif;
	font-weight: bold;
	font-size: 10px;
	padding: 7px 10px 8px 8px;
	
	
}


#pw #header ul li a {
	color: #FFF;
	text-decoration: none;
}

#pw #header ul li img {
	margin-left:10px;

	
}

#pw #header .box {
	overflow: auto;	
}

#pw #header img#logo {
	float: left;	
}
#pw #header #search {
	width: 350px;
	margin-left: 15px;
	
	float: left;
}

#pw #header #search p {
	font-size: 10px;
	font-family: Tahoma, Geneva, sans-serif;
	color: #616161;
}

#pw #header #search form {
	overflow: auto;	
	margin-bottom: 2px;
}
#pw #header #search input.src {
	border-left: 1px solid #c9c9c9;
	border-top: 1px solid #c9c9c9;
	border-bottom: 1px solid #FFF;
	border-right: none;
	
	background-color: #e7e7e7;
	
	padding-left: 7px;
	width: 304px;
	height: 25px;
	
	margin-top: 10px;
	
	float: left;
	color: #606060;
	
}
#pw #header #search input.btn {
		float: left;
		margin-top: 10px;
}

#pw #header #search p.search img {
	margin-right: 4px;	
}

#pw #header #search p a {
	color: #616161;	
}

#pw #main_ad {
	height: 359px;
	width: 100%;
	
	margin-bottom: 10px;
}

#pw #wrapper {
	
	float: left;
	
	width: 731px;
	overflow: auto;
	
	padding-bottom: 10px;
	
	font-family: Tahoma, Geneva, sans-serif;
}

#pw #rightnav {
	width: 213px;
	float: left;
	overflow:auto;
	margin-left: 8px;
	
	min-height: 500px;
	
}

#rightnav ul#kalender li {
	height: 19px;
	border-bottom: 1px solid #FFF;
	padding-top: 7px;
	
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10px;
	font-weight: bold;
	
	width: 100%;
}

#rightnav ul#kalender li span {
	margin-left: 10px;
	width: 60px;
	float: left;
	font-size: 11px;
}

#rightnavn ul#kalender li a {
	text-decoration: none;
	
}

#rightnavn ul#kalender li a:hover {
	text-decoration: underline;	
}

#rightnav ul#kalender li.head {
	background-color: #dddddd;
	text-align: center;
	font-family: "Myriad Pro", Tahoma, Geneva, sans-serif;
	font-weight: bold;
	
	padding-top: 6px;
	height: 21px;
	font-size: 14px;
	
	color: #2a2e31;
}
#rightnav ul#kalender li.foot {
	background-color: #dddddd;
	text-align: center;
	font-family: "Myriad Pro", Tahoma, Geneva, sans-serif;
	font-weight: bold;
	
	padding-top: 6px;
	height: 21px;
	font-size: 12px;
	
	color: #2a2e31;
}

#rightnav ul#kalender li.head a, #rightnav ul#kalender li.foot a {
	color: #2a2e31;
	text-decoration: none;
}
#rightnav ul#kalender li.head a:hover, #rightnav ul#kalender li.foot a:hover {
	text-decoration: underline;	
}

#rightnav ul#kalender li.before {
	background-color: #dddddd;
	color: #858585;
}
#rightnav ul#kalender li.before a{
	color: #858585;
	text-decoration: none;
}
#rightnav ul#kalender li.before a:hover {
	color: #858585;
	text-decoration: underline;
}
#rightnav ul#kalender li.next {
	background-color: #2ebce4;
	color: #2a2e31;
}
#rightnav ul#kalender li.next a{
	color: #2a2e31;
	text-decoration: none;
}
#rightnav ul#kalender li.next a:hover {
	color: #2a2e31;
	text-decoration: underline;
}
#rightnav ul#kalender li.later {
	background-color: #a20089;
	color: #FFF;
}
#rightnav ul#kalender li.later a{
	color: #FFF;
	text-decoration: none;
}
#rightnav ul#kalender li.later a:hover {
	color: #FFF;
	text-decoration: underline;
}

#rightnav .box {
	margin-bottom: 10px;	
}

#rightnav .box p.head {
	height: 21px;
	background: #000;
	color: #eeeeee;
	
	font-family: "Myriad Pro", Tahoma, Geneva, sans-serif;
	font-size: 14px;
	
	padding-left: 20px;
	padding-top: 6px;
}

#rightnav .box img.follow_img {
	margin-top: 1px;	
}

#rightnav .box ul.feed {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	margin-top: 15px;
	margin-bottom: 30px;
	
}

#rightnav .box ul.feed li {
	height: 22px;
	padding-left: 17px;
}

#rightnav .box ul.feed a {
	color: #585858;	
}


#wrapper #news_feed {
	border: 1px solid #ccc;
	background:#FFF;
	
	padding: 9px;
	
	font-family: Tahoma, Geneva, sans-serif;
	margin-bottom: 10px;

}
#wrapper #news_feed div.header {
	border-bottom: 1px solid #ccc;
	overflow: auto;
	color: #1d1d1d;
	margin-bottom: 5px;
	padding-bottom: 5px;
	
}

#wrapper #news_feed div.header p.nyheter {
	font-weight: bold;
	font-size: 18px;
	float: left;
}

#wrapper #news_feed div.header p.site {
	float: right;
	text-align: right;
	
	padding-top: 2px;
	
	font-weight: bold;
	font-size: 12px;
}

#wrapper #news_feed div.nyheter {
	overflow: auto;	
	padding-bottom: 5px;
		
}

#wrapper #news_feed .nyheter .nyhet {
	margin-top: 5px;
	margin-bottom: 5px;
	width: 174px;
	float: left;
	
	margin-right: 1px;
	margin-left: 2px;
}

#wrapper #news_feed .nyheter .nyhet p.overskrift {
	color: #4ac6e0;
	margin-top: 10px;
	margin-bottom: 7px;
}

#wrapper #news_feed .nyheter .nyhet p.overskrift a{
	color: #4ac6e0;
	text-decoration: none;
}
#wrapper #news_feed .nyheter .nyhet p.overskrift a:hover {
	text-decoration: underline;	
}

#wrapper #news_feed .nyheter .nyhet p.ingress {
	font-size: 11px;
	color: #606060;
}

#wrapper #news_feed div.footer {
	border-top: 1px solid #ccc;
	padding-top: 5px;
	
	
}
#wrapper #news_feed div.footer img {
	margin-right: 5px;	
}
#wrapper #news_feed div.footer a{
	color: #1d1d1d;
	font-size: 12px;
	font-weight: bold;
}

#wrapper #bilde_widget {
	margin-bottom: 10px;	
}

#wrapper #summary {
	margin-bottom: 10px;
	padding-top: 10px;
	overflow: auto;
	padding-left: 50px;
}

#wrapper #summary ul{
		width: 150px;
		float: left;
		margin-right: 10px;
		font-family: Tahoma, Geneva, sans-serif;
}
#wrapper #summary ul li {
	padding-left: 10px;
	font-size: 10px;
}
#wrapper #summary ul li img {
	margin-right: 5px;	
	float: left;
}
#wrapper #summary ul li a {
	color: #000;
	text-decoration: none;
	float: left;
	width: 125px;
	
	margin-bottom: 4px;
	
}
#wrapper #summary ul li a:hover{
	text-decoration: underline;	
}
#wrapper #summary ul li.head{	
	font-weight: bold;
	padding-top: 5px;
	height: 16px;
	margin-bottom: 6px;
}

#wrapper #summary ul#nyheter li.head {
	background-color: #cc0079;
}	
#wrapper #summary ul#events li.head {
	background-color: #45c0ae;
}	
#wrapper #summary ul#aktiviteter li.head {
	background-color: #ffc20f;
}	
#wrapper #summary ul#media li.head {
	background-color: #2ebce4;
}	


#wrapper #comments {
	margin-top: 30px;	
	overflow: auto;
}

#wrapper #comments p.comment_header {
	font-weight: bold;
	font-size: 18px;
	
}
#wrapper #comments div.comment, #wrapper #comments div.comment_dark 
{
	padding: 10px;
	margin-bottom: 20px;	
	border-bottom: 1px dotted #666;
}

#wrapper #comments div.comment_dark  {
	background-color: #e2e2e2;	
}
#wrapper #comments .comment p.header, #wrapper #comments .comment_dark p.header{
	font-size: 11px;

}
#wrapper #comments .comment p.header a, #wrapper #comments .comment_dark p.header a {
	
}

#wrapper #comments .comment p.comment, #wrapper #comments .comment_dark p.comment{
	font-size: 13px;
	margin-left: 15px;
	margin-top: 5px;
}
#wrapper #add_comment  {
	margin-top: 30px;	
	margin-bottom: 20px;
}

#wrapper #add_comment form {
	margin-top: 15px;	
}
#wrapper #add_comment form p {
	overflow: auto;
	margin-bottom: 3px;
}

#wrapper #add_comment form p label {
	width: 80px;
	font-size: 12px;
	
	float: left;
}

#wrapper #comments form p input {
	float: left;	
	font-size: 12px;
	
	width: 200px;
}

#wrapper #comments form p.comment {
	margin-top: 10px;	
}
#wrapper #comments form p textarea {
	font-size: 12px;
	
	width: 280px;
}

#wrapper #comments form p.btn {
	padding-top: 5px;
	padding-left: 40px;
}

#wrapper #frivillige_widget {
		overflow: auto;
		padding-bottom: 10px;
		width: 710px;
}	


#wrapper #frivillige_widget p.header {
	font-family: "Myraiad Pro", Tahoma, Geneva, sans-serif;
	font-weight: bold;
	font-size: 10px;

	height: 17px;
	padding-top: 6px;
	padding-left: 10px;
	
	margin-bottom: 9px;
	background-color: #2ebce4;

}
#wrapper #frivillige_widget .card {
	border-right: 1px dotted #999;	
	width: 96px;
	float: left;
	padding-left: 5px;
	padding-right: 5px;
	margin-right: 5px;
	margin-left: 5px;
	
}
#wrapper #frivillige_widget .no_border {
	border-right: none;	
}
#wrapper #frivillige_widget .card p.name a {
	font-family: "Myraiad Pro", Tahoma, Geneva, sans-serif;
	font-weight: bold;
	color: #000;
	font-size: 10px;
	padding-left: 5px;
	text-decoration: none;
}
#wrapper #frivillige_widget .card p.name a:hover {
	text-decoration: underline;	
}
#wrapper #frivillige_widget .card p.stilling {
	font-family: "Myraiad Pro", Tahoma, Geneva, sans-serif;
	font-size: 10px;
	padding-left: 5px;
}
#bottom {
	background-color: #560063;
	min-height: 500px;
	padding-bottom: 15px;
}


#bottom #footer {
	width: 952px;
	margin: auto;
	
	overflow:auto;
	margin-top: 20px;
	margin-bottom: 20px;
	
	color: #ffc20f;
}
#bottom #footer a {
	color: #ffc20f;	
}
#footer p {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
}


#bottom #footer .box {
	float: left;
	overflow: auto;
	padding-bottom: 10px;
	
	margin-right: 20px;
	width: 285px;
}
#bottom #footer #box_1 {
	width: 314px;	
	margin-right: 50px;
}
#bottom #footer #box_2 {
	width: 233px;
	margin-right: 40px;
}
#bottom #footer .box img.header {
	margin-top: 15px;
	margin-bottom: 20px;
}


#bottom #footer .box .person {
	overflow: auto;
	margin-bottom: 10px;
}

#bottom #footer .box .person img {
	float: left;	
	margin-left: 40px;
	margin-right: 10px;
}
#bottom #footer .box .person p {
	margin-bottom: 3px;	
}
#bottom #footer .box .person p.stilling {
	font-size: 14px;
	font-weight: bold;
	padding-top: 4px;
}
#bottom #footer .box .person p.mail a{
	color: #ffc20f;
}
#bottom #footer #box_2 p{
	padding-left: 60px;
}
#bottom #footer #box_2 p.name {
	font-size: 14px;
	font-weight: bold;
	padding-top: 40px;
}

#bottom p.footer {
	width: 952px;
	margin: auto;
	font-family: Tahoma, Geneva, sans-serif;
	
	color: white;
	
	text-align: center;
	font-size: 12px;
}
#bottom p.footer a {
	color: white;	
}

#bottom p a.no_underline {
	text-decoration: none;	
}
#bottom p a.no_underline:hover {
	text-decoration: underline;	
}