/*******************************************************************************
* CSS udarbejdet med udgangspunkt i Skidoo: http://webhost.bridgew.edu/etribou/layouts/skidoo_too/
*******************************************************************************/

/* ###################################################################################
######## General styles: links, etc. #################################################
################################################################################### */

html, body
{
	background: #ccc url("../gfx/basic/bg.gif") repeat-x;
	color: #000;
}

body
{
	margin : 0;
	padding : 0;
	/*margin-top : 10px;	
	margin-left : 10px;	
	margin-right : 10px;	*/
	font-size: 100.1%;
}

#container, input, select, table, p {
	font-family : verdana, sans-serif;
	font-size : 11px;
	font-weight : normal;
}

input, select {
	font-size : 1em;
}

.clear
{
	clear: both;
	padding-bottom: 1px;	/* for Gecko-based browsers */
	margin-bottom: -1px;	/* for Gecko-based browsers */
}

.inside-homepage, .inside-subpage, .inside, table, p, #right-column ul li {
	line-height : 150%;
}

.inside-homepage
{
	padding: 0px 20px 0px 20px;
}

.inside-subpage
{
	padding: 0px 0px 0px 20px;
}

.inside {
	padding-top : 5px;
	padding-bottom : 5px;

}

.selected {
	font-weight : bold;
}

form {
	margin : 0px;
}

h1, h2, h3, h4, h5, h6 {
	line-height : 150%;
	font-weight : bold;
	margin : 0px;
}

h1 {
	font-size : 24px;	
}

h2 {

	font-size : 20px;	
}

h3 {

	font-size : 16px;	
}

h4 {

	font-size : 14px;
}

h5 {
	font-size : 12px;
}

hr {
	height : 0px;
	border : none;
	border-top : 1px solid #ccc;
}

#topmenu li a, #left-column .top, #left-column .bottom, #left-column .bottom a, #left-column .menu-level-1 a, #right-column ul .top, #footer {
	color : #fff;
}

/* ###################################################################################
######## Link styles #################################################################
################################################################################### */

a {
	color : #334;
	text-decoration : underline;
	font-weight : normal;	
}

a:hover {
	color : #c33;
}

a.head {
	font-weight : bold;
}

a.news-item {
	font-weight : bold;
	background : url("../gfx/basic/icon_news.gif") no-repeat;
	padding: 0 0 1px 14px;
}

#footer a{
	color : #fff;
}

/* ###################################################################################
######## Display classes #############################################################
################################################################################### */

.new {
	color : #ff0000;
	font-weight : bold;
}

.date {
	color : #555;
}

.date-list {
	color : #555;
	width : 80px;
}

.pressrelease {
	font-weight : bold;
	color : orange;
}

.insert {
	float : right;
	padding-left : 20px;
	padding-top : 20px;
	padding-bottom : 20px;
	padding-right : 0px;
}

/* ###################################################################################
######## DIV boxes ###################################################################
################################################################################### */

#container
{
	width: 940px;
	margin-left : auto;
	margin-right : auto;
	margin-top : 10px;
	margin-bottom : 9px; /* 0nly 9px because of 1px padding-bottom in .clear */
	padding : 10px;
	background-color : #fff;
}
* html #container
{
	/* \*/
	word-wrap: break-word;
}

#top
{
	margin-bottom : 1px;
	color: #fff;
	padding: 0px;
	height : 80px;
	text-align : left;
	background-repeat : no-repeat;
	background-position : top right;
}

#top img {
	border : none;
}

#topmenu {
	background : #334 url("../gfx/basic/bg_topmenu.gif") repeat-x;
}

#outer-column-container-homepage, #outer-column-container-subpage {
	background-color: #fff;
	margin-right : 0px;
}

#outer-column-container-homepage
{
	border-left: solid 220px;
	border-right: solid 170px;
	border-left-color: #fff;
	border-right-color: #fff;
}

#outer-column-container-subpage
{
	border-left: solid 220px;
	border-left-color: #fff;
	width : 720px;
}

#inner-column-container
{
	width: 100%;
	z-index: 1;
}

#left-column, #middle-column, #right-column, * html #wrap
{
	overflow: visible;	/* fix for IE italics bug */
	position: relative;	/* fix some rendering issues */
}

#wrap
{
	float: left;
	margin: 0px -1px 0px 0px;
	width: 100%;
	z-index: 3;
}

#middle-column
{
	float: right;
	margin: 0px 0px 0px -1px;
	z-index: 5;
	width : 100%;
}

#left-column
{
	float: left;
	margin: 0px 1px 0px -220px;
	width: 220px;
	z-index: 4;
}

#right-column
{
	float: right;
	width: 170px;
	margin: 0px -170px 0px 1px;
	z-index: 2;
	padding : 0px;
}

#right-column img {
	border : 1px solid #666;
}

#footer
{
	margin-top : 10px;
	padding-top : 4px;
	height : 19px;
	text-align: center;
	background-repeat : no-repeat;
	background-position : top right;
}

#docpath {
	border-bottom : 1px dotted #ccc;
	width : 100%;
	padding-bottom : 6px;
	margin-bottom : 10px;
}

#printfriendly {
	float : left;
	width : 100%;
	text-align : right;
	margin-bottom : 0px;
}

#pressrelease {
	float : right;
	width : 170px;
	border : 1px solid #ccc;
	padding : 10px;
	margin-top : 5px;
	background : #fff url("../gfx/basic/pressrelease_gradient.gif") repeat-x;
}

.pageinfo {
	color : #666;
	margin : 0px;
}

/* ###################################################################################
######## Top menu ####################################################################
################################################################################### */

#topmenu {
	width : 940px;
	height : 23px;
	margin-bottom : 10px;
}

#topmenu ul {
	padding : 0px;
	margin : 0px;
	list-style-type : none;
}

#topmenu li{
	float : left;
	list-style-type : none;
	padding : 0px;
	display : block;
}

#topmenu li a{
	height : 19px;
	padding-top : 4px;
	padding-left : 21px;
	padding-right : 21px;
	float : left;
	text-align : center;
	text-decoration : none;
}

#topmenu li img {
	border : none;
}

#topmenu #icons {
	float : right;
}

#topmenu #icons a {
	padding-left : 5px;
	padding-right : 5px;
}

/* ###################################################################################
######## Vertical navigation #########################################################
################################################################################### */
.vnav
{
	margin: 0em 0;
}

#left-column ul
{
	width : 220px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	margin-bottom : 10px;
}

#left-column .top {
	padding : 0px;
	height : 19px;
	padding-top : 4px;
	padding-bottom : 0px;
	padding-right : 7px;
	border-bottom : none;
	text-align : right;
	background-repeat : no-repeat;
}

#left-column .bottom {
	padding-top : 1px;
	padding-bottom : 7px;
	padding-left : 10px;
	padding-right : 15px;
	border-bottom : none;
	background-repeat : no-repeat;
	background-position : bottom right;
	min-height : 13px;
}

#left-column .bottom a {
	text-decoration : none;
}

#left-column li {
	border-bottom-width : 1px;
	border-bottom-style : solid;
}

#left-column li a {
	text-decoration : none;
}

#left-column .menu-level-1, .menu-level-2 {
	padding : 4px;
	padding-left : 10px;
}

#left-column .menu-level-1 {
	width : 206px;
	display : block;
}

#left-column .menu-level-2 {
	width : 196px;
	padding-left : 20px;
}

.bottom input {
	vertical-align: middle;
}

* html .vnav ul li a/* hide from IE5.0/Win & IE5/Mac */
{
	height: 0.01%;
}

* html .vnav ul
{
	position: relative; /*IE needs this to fix a rendering problem*/
}

#right-column img {
	margin-bottom : 10px;
}

#right-column .info-box {
	margin-bottom : 10px;
	padding : 10px;
	background : #99cc99 url("../gfx/diaetistforum/bg_info_box.gif") repeat-x;
	border : 0px solid #666;
}

#right-column .info-box a {
	color : #fff;	
}

#right-column ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	margin-bottom : 10px;
}

#right-column ul li {
	padding : 7px;
	padding-top : 4px;
	border : 1px solid #666;
}

#right-column li a {
	font-weight : bold;
}

/* ###################################################################################
######## Middle column ###############################################################
################################################################################### */

.newsbox {
	padding-bottom : 10px;
	margin : 0px;
	min-height : 84px;
	width : 100%;
}

.newsbox img {
	float : left;
	margin-left : 0px;
	margin-right : 10px;
	margin-top : 5px;
	margin-bottom : 10px;
	left : 11px;
	border : 1px solid #666;
}

.bar {
	line-height : 0px;
	text-align : left;
	height : 19px;
	padding-top : 4px;
	margin : 0px;
	border-bottom: dotted 0px #ccc;
	line-height : 1.2em;
	background : url("../gfx/basic/dot.gif") repeat-x bottom;
	width : 100%;
	font-weight : bold;
	margin-bottom : 10px;
}

/* DANSKE SLAGTERIER gammelt design midltertidige elementer*/

.header {
	font-size : 12px;
	font-weight : bold;
}