/* ------------------------------------------------------- */
/* - General formatting and styles                         */

body {
/* Define height in order to give contained divs something to relate to */
/* Makes sure the background follows the centered content */
background-color: #fff; /* Note! Color must always come after image in order to fill out parts where image does not reach! */
margin: 0px;
padding: 0px;
font-family: arial, sans-serif;
font-size: small;
color: #666;
}
strong.tight { display: block; }

div { margin: 0px; }

.centered {}

.fineprint {
font-family: arial, sans-serif;
font-size: small;
color: #666;
}
	
.clear_both {
clear: both;
line-height: 0px;
height: 0px;
margin: 0px;
padding: 0px;
font-size: 0px; /*  */
}

.infobar-left a {
font-family: arial, sans-serif;
font-size: x-small;
text-transform: UPPERCASE;
font-weight: bold;
color: #666;
}

.infobar-right {
font-family: arial, sans-serif;
font-size: x-small;
text-transform: UPPERCASE;
font-weight: bold;
color: #c00;
}

.head { /* This is the styled header-banner-thingie above for example the navigation */
margin: 0px;
padding: 0px;
width: 100%;
height: 30px;
background:	url(/graphics/head_bg_left.gif) left top no-repeat;
background-color: #fff;
}

	.head p {
    margin: 0px;
	padding: 8px 0px 0px 0px;
	width: 100%;
	background:	url(/graphics/head_bg_right.gif) right top no-repeat;
	background-color: transparent;
	font-size: normal;
	font-weight: bold;
	text-transform: UPPERCASE;
	color: #666;
	line-height: 120%;
	}

.top-header { /* This is the styled image header above the content, such as "Privat" */
position: absolute;
top: 109px;
left: 268px;
z-index: 50;
}
	
.newsitem {
text-decoration: none;
font-weight: normal;
color: #666;
}
	
.button {
margin: 0px;
padding: 0px 15px 0px 15px;
height: 20px;
background:	url(/graphics/bg_button.gif) left top repeat-x;
background-color: #e3e5e6;
border: 1px solid #333;
text-decoration: none;
font-weight: bold;
color: #fff;
}

.tight {
padding: 0px 5px 0px 5px;
}
	
h1 {
margin: 0px;
margin-top: 10px;
margin-bottom: 10px;
font-weight: bold;
font-size: medium;
line-height: 120%;
}

h2 {
margin: 0px;
margin-top: 10px;
margin-bottom: 10px;
font-weight: bold;
font-size: normal;
line-height: 120%;
}
    
h2.tight {
margin: 0px;
padding: 0px;
line-height: 100%;
}

p {
margin: 3px 0px 5px 0px;
padding: 0px;
line-height: 130%;
}

p.tight {
margin: 0px 0px 10px 0px;
}

a {
text-decoration: none;
}
	
a:link {
text-decoration: none;
}
	
a:visited {
text-decoration: none;
}
	
a:hover {
text-decoration: underline;
}

hr {
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #E3E5E6;
}

img	{
border: 0px;
}

	img.fullwidth {
	clear: both;
	margin-bottom: 20px;
	}
				
	img.halfwidthleft,
	img.halfwidthright {
	margin-bottom: 10px;
	}
				
	img.halfwidthleft {
	float:			left;
	margin-right:	10px;
	}
				
	img.halfwidthright {
	float: right;
	margin-left:	10px;
	}

.headline-illustrated img { float: left; margin: 10px; }

/* ------------------------------------------------------- */
/* - Creation of sliding doors borders                     */

div.cornered_topleft {
background: url(/graphics/cornered_topleft.gif) top left no-repeat;
margin: 0px;
padding: 0px;
}

div.cornered_topright {
background: url(/graphics/cornered_topright.gif) top right no-repeat;
margin: 0px;
padding: 0px;
}

div.cornered_bottomleft {
background: url(/graphics/cornered_bottomleft.gif) bottom left no-repeat;
margin: 0px;
padding: 0px;
}

div.cornered_bottomright {
background: url(/graphics/cornered_bottomright.gif) bottom right no-repeat;
margin: 0px;
padding: 0px;
}

div.cornered_content {
margin: 0px;
padding: 3px;
margin-bottom: 10px;
}
div.start_box, div.link_box {
min-height: 300px;
}
	
/* ------------------------------------------------------- */
/* - Positioning and layout, specific formatting           */

#alignment {
/* Define height in order to give contained divs something to relate to */
/* Handles the centering of the page */
position: absolute;
width: 674px;
left: 50%;
margin: 0px 0px 0px -338px;
border: 1px solid #aaa;
}

	#infobar {
	float: left;
	width: 100%;
	background-color: transparent;
	margin: 0px;
	padding: 0px;
	}

	#header {
	float: left;
	width: 100%;
	height: 140px;
	background: url(/graphics/header-top_beach.jpg) left top no-repeat;
	background-color: transparent;
	margin: 0px;
	padding: 0px;
	}
	
	#main-navigation {
	float: left;
	width: 100%;
	background-color: #c00;
	margin: 0px;
	padding: 0px;
	}
	
		#main-navigation .active {
		background-color: #f66;
		}
		
		#main-navigation a {
		text-decoration: none;
		font-family: arial, sans-serif;
		font-size: x-small;
		text-transform: UPPERCASE;
		font-weight: bold;
		color: #fff;
		}
	
	#header h1 {
	display: none;
	}

	#container {
	float: left;
	width: 655px;
	margin-top: 0px;
	padding-bottom: 10px;
	text-align: left;
	margin-left: 5px;
	}
	
    	#container-left {
    	float: left;
    	width: 210px;
		background-color: #fff;
		margin: 10px 0px 0px 5px; /* Set left margin to -5px to place layout correctly in Firefox and Opera */
		padding: 0px;

    	}
		
		#container-middle {
    	float: left;
    	width: 210px;
		background-color: #fff;
		margin: 10px 0px 0px 8px;
		padding: 0px;

    	}
		
		#container-right {
    	float: right;
    	width: 210px;
		background-color: #fff;
		margin: 10px 0px 0px 0px; /* Set right margin to 5px to place layout correctly in Firefox and Opera */
		padding: 0px;

    	}
    	
	    	#navigation-site {}
	    	
	    	#navigation-site ul {
	   		margin: 0px;
	   		padding: 0px;
	   		}
	    	
	    	#navigation-site ul li {
	   		margin: 0px 0px 0px 10px;
	   		padding: 2px 0px 2px 0px;
			background-color: #c00;
	   		border-bottom: 1px solid #e3e5e6;
	   		list-style-type: none;
	   		font-size: small;
	   		font-weight: normal;
			color: #fff;
	   		cursor: pointer;
	   		}
				
			#navigation-site ul li a {
	   		margin: 0px;
	   		padding: 4px 10px 4px 5px;
			color: #fff;
	   		}
				
				#navigation-site ul.first {
				margin-left: -10px;
				}
				
				#navigation-site .current {
	    		background-color: #f66;
				}
					
				#navigation-site .parent {
	    		border-bottom: 0px;
	    		}
					
				#navigation-site .child {
				border-top: 1px solid #e3e5e6;
				margin-top: 3px;
	    		}
	    	
	    	#navigation-site li a {
			display: block;
	        margin: 0px;
	   		padding: 0px;
	   		text-decoration: none;
	   		color: #000;
	   		}
    		
	    #container-content {
		float: right;
	   	width: 410px;
		margin: 15px 0 0 10px;
		padding: 0px;
	
		/* border: thin dotted #800080; */
	   	}
			
			#container-content-widetop {
			width: 100%;
			margin: 0px 0px 15px 0px;
			padding: 0px;
			
			/* border: thin dotted #800080; */
	    	}
				
			#container-content-left {
	    	float: left;
			width: 48%;
			margin: 0px 0px 15px 0px;
			padding: 0px;
			
			/* border: thin dotted #800080; */
	    	}
				
			#container-content-right {
	    	float: right;
			width: 48%;
			margin: 0px 0px 15px 0px;
			padding: 0px;
			
			/* border: thin dotted #800080; */
	    	}
				
			#container-content-widebottom {
			clear: both;
			width: 100%;
			margin: 0px 0px 15px 0px;
			padding: 0px;
			
			/* border: thin dotted #800080; */
	    	}
		    	
			#container-content-illustration-image {
			float:left;
			width:220px;
			clear:both;
			margin-top: 20px;
			/* border: 1px solid #000000; */
			}
	
			#container-content-illustration-text {
			float:right;
			width:220px;
			clear:right;
			margin-top: 20px;
			/* border: 1px solid #000000; */
			}
			
			.container-infobox {
			width: 212px; padding: 10px; float: left;
			}
			
			.container-infobox UL {
			padding: 0px; margin: 0px;
			}
			
			.container-infobox LI {
			list-style: none; 
			margin-top: 5px;
			line-height: 1.2;
			}
			
			.container-infobox LI A {
	   		text-decoration: none;
	   		color: #000;
	  		}
		
		#container-content-linklist h2 {
		margin: 10px 0px 5px 0px;
		padding: 5px 0px 5px 2px;
		background: #c00;
		color: #fff;
		font-size:small;
		}
	
		#container-content-linklist ul {
		margin: 5px 0px 0px 0px;
		list-style: none;
		}
	
		#container-content-linklist li {
		margin: 5px 0px 0px 10px;
		}	
		
		#container-sponsors {
    	float: left;
    	width: 652px;
		background: #fff url(/graphics/sponsor_bg_top.gif) no-repeat;
		margin: 10px 0px 10px 10px; /* Set left margin to -5px to place layout correctly in Firefox and Opera */
		padding: 5px 0px;
    	}
		
		#container-sponsors a.sponsorlink {
		margin-right: 10px;
		}

		#container-sponsors-bottom { 
		margin: 0 0 -8px 0;
		height: 8px;
		background: url(/graphics/sponsor_bg_bottom.gif) no-repeat;
		}
		
	#foot {
	height: 50px; 
	background:	url(/graphics/footer.gif) left top no-repeat;
	background-color: #e3e5e6;
	margin: 0px 0px 0px 0px;
    padding: 0px;
	}
	
		#foot DIV { padding: 18px 0 0 200px; }

/* lists */

TABLE.list {
width: 444px;
margin-bottom: 20px;
}

TABLE.list THEAD {}

TABLE.list THEAD TR TD.left {
padding: 5px 0px 5px 15px;
background: url(/graphics/table_head_bg.gif) left top no-repeat;
}

TABLE.list THEAD TR TD.right {	
padding: 5px 0px 5px 15px;
background: url(/graphics/table_head_bg.gif) right top no-repeat;
}

TABLE.list TBODY TR TD {
vertical-align: top;
padding: 5px 0px 5px 15px;
border-bottom: 1px solid #eee;
}

TABLE.list A {
color: #000;
}

TABLE.list TFOOT TR TD.left {
border-top: solid 1px #cccccc;
padding: 5px 0px 5px 15px;
}

TABLE.list TFOOT TR TD.right {
text-align: right;
border-top: solid 1px #cccccc;
padding: 5px 15px 5px 0px;
}

TABLE.sponsor { width: 100%; }
TABLE.sponsor TD { text-align: center; }
TABLE.sponsor TD IMG { padding: 0 5px; }

input.search {
width:	100px;
margin-right:3px;
}

input.text {
border: 1px solid #c3c3c3;
border-top: 1px solid #c7c7c7;
border-bottom: 1px solid #dddddd;
}