/* SITE */

/* Basis */
/*
body              { color: #1e6eab; font-size: 80%; font-family: Arial; line-height: 1.2; background-color: #063077; background-image: url("../images/bgsite.jpg"); background-repeat: no-repeat; margin: 0; padding: 0 }
*/
p {
    margin: 0;
}
a     { color: #008cc0; text-decoration: none }
a:link     { color: #008cc0 }
a:hover   { color: #c95b50 }
.space  { padding: 5px }
.space2 { padding: 10px }
.space3  { padding: 20px 20px }
h1           { color: #1e6eab; font-size: 17px; font-family: "Trebuchet MS"; background-repeat: repeat-x; background-position: 0 20px; text-transform: uppercase; margin: 0 0 0.3em }
h2         { color: #c95b50; font-size: 13px; font-family: Arial; font-weight: bold; background-repeat: repeat-x; background-position: 0 25px; text-transform: uppercase; margin: 0.2em 0 0.5em; padding: 0; border-bottom: thin dotted #516fa1 }
h3   { color: #008cc0; font-size: 13px; font-weight: bold; text-transform: uppercase; margin: 0.2em 0 0.5em; padding: 0 }
h4        { color: #c95b50; font-size: 17px; margin: 0; padding: 0; height: 20px }
h5    { color: #008cc0; font-size: 14px; font-weight: bold; margin: 0.2em 0; padding: 0 }
h6      { color: #1e6eab; font-size: 11px; text-transform: uppercase; margin: 0 0 5px; padding: 0 }
ul { list-style-type: disc; margin: 0; padding: 10px 0 10px 30px }
ul li  { display: list-item }
ol { list-style-type: decimal; margin: 0; padding: 10px 0 10px 30px }
.cdcptext p, .cdcptext span { text-align: left; margin: 0; padding:  0; width: 90%; clear: both }
.cdcptext div   { line-height: 1.2em; text-align: left; margin: 0; padding: 0; width: 90%; clear: both }
/* Framework */
#myback
{
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 0;
	width: 100%;
	height: 100%;
	margin-top: 0;
	margin-bottom: 0;
}

#myfront
{
	position: absolute;
	top: 0px;
	width: 100%;
    margin: 0;
    text-align: center;
	z-index: 1;
}
#wrapper
{
	width: 950px;
	margin-left: auto;
	margin-right: auto;
    text-align: left;
}
#left { text-align: center; position: relative; top: 30px; width: 120px; float: left }
#middle
{
	margin: 0px;
	padding: 0px;
	width: 750px;
	float: left;
/*
	border: 1px solid #000;
*/
/*
	height: auto;
*/
}
#right  { margin: 0; padding: 0; width: 50px; float: left }
/* Background */
.bubble {
	position: absolute;
}
/* Leftframe */
#logo { }
/* Main Navigation */
#subnav    { color: #008cc0; text-align: right; margin: 0; padding: 0; height: 30px }
#top  { color: #fff; background-image: url("../images/topbg.gif"); background-repeat: no-repeat; margin: 0; padding: 0; width: 750px; height: 66px }
#topcontainer { margin: 0; padding: 0 0 0 30px; width: 750px; height: 66px }
#nav  { margin: 0; padding: 25px 0 0; width: 600px; float: left }
ul.navitem   { font-size: 1.2em; font-family: "Trebuchet MS"; text-align: left; margin: 0; padding: 0 }
ul.navitem li   { display: inline; padding-right: 10px; padding-left: 10px; border-right: 1px dotted #fff }
ul.navitem a { color: #fff; text-decoration: none }
ul.navitem a:hover   { color: #c95b50; text-decoration: none }
#ani  { margin: 0; padding: 0; width: 100px; height: 66px; float: left }
.arrow1  { margin: 0; padding: 0; position: relative; top: 96px; left: 50px }
.arrow2  { margin: 0 0 0 140px; padding: 0; position: relative; top: 96px }
.arrow3  { margin: 0 0 0 240px; padding: 0; position: relative; top: 96px }
.arrow4  { margin: 0 0 0 350px; padding: 0; position: relative; top: 96px }
.arrow5  { margin: 0 0 0 440px; padding: 0; position: relative; top: 96px }
.arrow6  { margin: 0 0 0 520px; padding: 0; position: relative; top: 96px }
#breadcrumb  { color: #999; font-size: 12px; font-family: Arial; background-color: #efefef; text-transform: uppercase; text-indent: 20px; margin: 0; padding: 10px; border-top: 1px solid #1a597e; border-bottom: 1px solid #1a597e }
#breadcrumb a { color: #008cc0; text-decoration: none }
#breadcrumb a:hover { color: #c95b50; text-decoration: none }
#content
{
	background-color: #fff;
	/*
	border: 0px solid #000;
	background-color: #fff;
    border: 0px solid #000;
	padding: 1px;
	display: block;
	overflow: hidden;
	min-height: 100px;
*/
}
#footer
{
	background-image: url("../images/footerbg.gif");
	background-repeat: no-repeat;
	height: 42px;
	/*
	height: 42px;
    border: 1px solid #000
	background-color: transparent;
*/
}
/* Right frame */
#language  { position: relative; top: 150px }
#language a { color: #fff; text-decoration: none }
#language a:hover { color: #c95b50; text-decoration: none }
.langon { color: #fff; background-color: #5196c2; margin-top: 5px; padding: 5px 5px 5px 10px; width: 25px }
.langoff { color: #fff; background-color: #abc2da; margin-top: 5px; padding: 5px 5px 5px 10px; width: 25px }
/* Content */
.morelink { padding-left: 15px }
.clearl { clear: left }
.clearr { clear: right }
.clearb { clear: both }

.clear 			{ 
	clear:both;
	height:1px;
	overflow:hidden;
	margin-top:-1px;

 }
.pic { background-color: #efefef; margin-right: 15px; margin-bottom: 10px; padding: 2px; border: solid 1px #ccc }
.btn { color: #c95b50; font-weight: bold }
.btn a { color: #c95b50; text-decoration: none }
.btn a:hover { color: #4ea2bd; text-decoration: none }
.lightblue { color: #008cc0; font-size: 12px }
.lightblueb { color: #008cc0; font-size: 12px; font-weight: bold }
.lightred  { color: #ff3a4b; font-size: 12px }
.darkblueb { color: #0b5a7d; font-size: 12px; font-weight: bold; text-transform: uppercase }
.redb { color: #c95b50; font-weight: bold }
.maintitle { color: #1e6eab; font-size: 17px; font-family: "Trebuchet MS"; background-repeat: repeat-x; background-position: 0 20px; text-transform: uppercase; margin: 0 0 0.3em; width: 400px }
.pagenavr { text-align: right; margin-right: 20px }
.bluezone { background-color: #f5fafd; padding: 20px; height: auto }
.bluezone2 { background-color: #e4f2f9; padding: 20px; height: auto }

/* New Tom 24-10-07 */
.pictop { width: 750px; height: 116px; border-bottom: 1px solid #fff }
.pictophome { width: 750px; height: 150px; border-bottom: 1px solid #fff }
.gamecontent{ width: 460px; height: auto; float: left }
.bluezone3  { background-color: #f5fafd; margin: 0; padding: 20px}
.bannerzone  { background-color: #ccc; margin: 0; padding: 0; width: 250px; height: auto; float: left }
.grayzone { background-color: #f9f9f9; padding: 20px; height: auto }
.grayzone2 { background-color: #ebebeb; padding: 20px; height: auto }
.whitezone { background-color: #fff; padding: 20px; height: auto }
.piczone   { width: 200px; float: left }
.textzone  { margin-right: 50px; width: 450px; float: left }
.piczone2OLD    { padding-right: 10px; padding-left: 10px; width: 180px; float: left }
.piczone2    { width: 200px; float: left }
.piczonehome { padding-right: 10px; padding-left: 10px; width: 210px; float: left }
.textzone2   { margin-left: 10px; width: 400px; float: left }
.textzonehome  { margin-left: 10px; width: 400px; float: left }
.arrowbox       { background-color: #f5f9fb; background-repeat: no-repeat; background-attachment: scroll; background-position: left -10px; margin: 2px 0 8px; padding-top: 5px; width: 194px; border-style: solid; border-width: 1px; border-color: #e4f2f9 #d5e5ef #d5e5ef }
.arrowbox2       { background-color: #f5f9fb; background-repeat: no-repeat; background-attachment: scroll; background-position: left -10px; margin: 2px 0 8px; padding-top: 5px; width: 194px; border-style: solid; border-width: 1px; border-color: #e4f2f9 #d5e5ef #d5e5ef }
.arrowbox ul { margin: 0 0 0 20px; padding: 0 }
.arrowbox ul li { list-style-image: url("../images/dot_li.gif"); display: list-item }
.reactcontainer  { padding: 5px; border-bottom: thin dotted #e4f2f9 }
.reactstars { margin-right: 20px; width: 70px; float: left }
.reacttext { width: 550px; float: left }
.half1 { margin-right: 40px; width: 310px; float: left }
.half2 { width: 310px; float: left }
.fish { }
.fish li  { list-style-image: url("../images/icon_link.gif"); list-style-position: outside; display: list-item; margin: 5px 0; padding: 0 }
.bbox
{
	background-color: #eaf4f6;
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 5px;
	width: 310px;
	float: left;
	height: 125px;
	overflow: hidden;
}
.boxpic { margin-right: 20px; width: 80px; float: left }
.boxcontainer { width: 200px; float: left }
.boxtext { margin: 0 }
.boxlink { text-align: right; margin: 5px 0 0 }
/* Tables */
table { empty-cells:show; }
.tabletext   { color: #1a597e; font-size: 12px; line-height: 3ex }
form   { font-size: 12px; display: inline; margin: 0; padding: 0 }
.th  { font-size: 12px; margin: 0; padding: 5px }
.input   { color: #313f5c; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; height: 16px; border-style: solid; border-width: 1px; border-color: #888 #d4d4d4 #d6d6d6 #888 }
.checkb { color: #313f5c; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; height: 16px }
.radio   { color: #022d64; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; height: 16px }
.inputtext     { color: #3a496a; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; height: 80px; border-style: solid; border-width: 1px; border-color: #888 #d4d4d4 #d6d6d6 #888 }
.ddselect  { color: #3a496a; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; width: 300px; height: 120px; border-style: solid; border-width: 1px; border-color: #888 #d4d4d4 #d6d6d6 #888 }
.dd  { color: #3a496a; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; width: 400px; height: 20px; border-style: solid; border-width: 1px; border-color: #888 #d4d4d4 #d6d6d6 #888 }
.dropdown  { color: #3a496a; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; width: 160px; border-style: solid; border-width: 1px; border-color: #888 #d4d4d4 #d6d6d6 #888 }
.dropdown2 { color: #3a496a; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; border-style: solid; border-width: 1px; border-color: #888 #d4d4d4 #d6d6d6 #888 }
.tdleft a:hover { color: #749d80; text-decoration: none }
.topline { color: #1a597e !important; font-size: 1em; font-family: Arial, Helvetica, sans-serif; line-height: 14px; width: 700px; border-style: solid solid none none; border-width: 1px 1px medium medium; border-color: #e4f2f9; border-collapse: separated; border-spacing: 0      }
.tr0 { color: #1a597e !important; font-size: 12px; background-color: #f5fafd; margin: 5px 0; padding: 5px; height: 30px }
.tr1 { color: #354c73; font-size: 12px; background-color: #fff; margin: 5px 0; padding: 5px; height: 30px }
.trsub { color: #0b5a7d; font-size: 12px; font-weight: bold; background-color: #e4f2f9; text-indent: 5px; margin: 5px 0; padding: 5px; height: 30px }
.tdleft { color: #008cc0; font-size: 12px; padding: 10px; border-style: none none solid solid; border-width: medium medium 1px 1px; border-color: #e4f2f9 }
.tdleft1  { color: #008cc0; font-size: 12px; background-image: url("../images/dots_kalender.gif"); background-repeat: repeat; padding: 10px; border-style: none none solid solid; border-width: medium medium 1px 1px; border-color: #e4f2f9 }
.tdleft2 { color: #008cc0; font-size: 12px; background-image: url("../images/dots_kalender2.jpg"); background-repeat: repeat; padding: 10px; border-style: none none solid solid; border-width: medium medium 1px 1px; border-color: #e4f2f9 }
.timetable { }
.inputerror  { font-weight: bold; background-color: #ffb8b2 }


.adres  { margin-top: 5px; margin-bottom: 15px; padding-top: 10px; padding-bottom: 10px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc }