@charset "utf-8";
/* GENERAL */
*{ margin:0; padding:0; }
p { padding:3px;}
ul { margin-left:18px; }
body{ background:url(graphics/top.png) repeat-x #000000; color:#FFFFFF; font-family: verdana, sans-serif; overflow: scroll; }

/* DEBUGGING */

.border { border:thin #FF0000 dashed; }

.left { float:left; }

.right { float:right; }

.clear { clear:both; }

a { color: #000077; text-decoration:underline; }

h1 { font-size:24px;

}

.first { margin-left:10px;}



/* MAIN STRUCTURE */

#content { width:990px; margin: 0 auto;}

#header { height:112px; width:990px;}

#login { border:1px solid #AAAAAA; float:right;  margin-top:10px; margin-right:60px; padding: 5px;}

#rings { background:url(graphics/rings.png); width:990px; height:34px; }

#menu { background: url(graphics/Menucolor.png) repeat; height:30px; width:986px; margin-left:2px; font: 110%/150% verdana, sans-serif bold; color:#999999;}

#menu a { text-decoration: underline; color: #b6dffb; }

#body {background:url(graphics/bodymid.png) repeat-y; width:990px;}

#bodytop { background:url(graphics/bodytop.png) no-repeat; width:990px; height:4px;}

#bodymid { color:#000000; margin-left:14px; clear:both; margin-top:2px; width:957px;}

#bodybottom { background:url(graphics/bodybottom.png) no-repeat; width:990px; height:12px; clear:both;}

.bottom_center { text-align: center; }



/* MAIN SITE */

#welcomebox { font: 75%/150% verdana, sans-serif; width:460px; float:left; padding:7px; }

#welcomebox li { margin-left:25px; }

#tour { font: 75%/150% verdana, sans-serif; width:460px; height:500px;float:right; padding:7px; }



/* FRA SLIDER CSS FIL*/

#date_slider_left { height: 60px; width:8px; float:left; background:url(graphics/sliderbarleft.png);}

#date_slider_right { height: 60px; width:8px; float:left; background:url(graphics/sliderbarright.png);}

div.slider { width:630px; margin: 0; float:left; background:url(graphics/sliderbarmid.png); height:60px; position: relative; }

div.slider div.handle { width:60px; height:60px; background:url(graphics/slider.png); cursor:e-resize; position: absolute; }

.uge { height: 60px; width:60px; float:left; margin-right:35px;}

.sidste { margin:0;}

.overskrift {font-family: verdana,sans-serif;color: #FFFFFF; margin-top:5px;font-size: 20px;font-weight: bold;text-transform: uppercase;text-align: center; }

.opacity {opacity:.60;filter: alpha(opacity=60); -moz-opacity: 0.60;}



/* VIEW PICKER */

#viewchooser {height:60px; float:left; width:125px; background:url(graphics/arrow.png) no-repeat;}

#viewchoosertop { margin-left: 20px; width:105px; height:30px; }

#viewchooserbottom {margin-left: 20px; width:105px; height:30px; }



/* KALENDER SITE */

#toolbar { height:300px; width:180px; background:#CCCCCC; float:right; }

#ads { float:right; width:140px; background:#00FF00; margin-right:-4px; }

#sliderwrapper { margin: 0 auto; width:763px; height:60px;}

#indhold { float:left; width:959px; }



/* WEEK SHOW */

#week { width:625px; margin: 5px auto 0 auto; color:#000000; font-size:10px; font-family: verdana,sans-serif; }

.dato { text-align:center;width:60px; height:63px; border:1px #c3c3c3 solid; float:left; }

.dato .ugedagen { font-size:12px; width:54px; text-transform: uppercase; letter-spacing:-0.5pt; color:#FFF; margin:0 0 0 0;  line-height: 0.9; background-color:#303c70;}

.dato .now { background-color:#938e00; }

.dato .weekend { background-color:#a90000; }

.dato .datoen { margin:4px 0 0 0; font-size: 33px; font-weight: bold; letter-spacing: -0.4pt; line-height: 0.5;}

.dato .manaar { text-transform: uppercase; letter-spacing:-0.4pt; margin:2px 0 0 0;}

.aftalebox { width:550px; min-height:100px; margin:0 0 0 10px; background:url(graphics/aftalerbg.png) no-repeat; float:left; }

#week .add { background:url(graphics/add.png) no-repeat left; background-position: 0px 0px; padding-left:17px; font-size:12px; vertical-align:middle;  font-weight:bold; height:20px; width:80px;  }

.aftaler { margin:5px 0 0 5px;}

.yes { background:url(graphics/yes.png) no-repeat; height:30px; width:30px; outline: none; border:none; margin-bottom:3px; margin-left:5px;}

.no { margin-left:5px; background:url(graphics/no.png) no-repeat; height:30px; width:30px;}

.delete { float:right; margin-right:10px; background:url(graphics/delete.png) no-repeat; height:30px; width:30px; }

.edit { float:right; margin-right:5px; background:url(graphics/edit.png) no-repeat; height:30px; width:30px;}



/* AFTALE */

.aftale { font:16px bolder; }

.detaljer { margin-left:7px; display:none;}

.hand { cursor:pointer; }



/* MONTH SHOW */

#month { width: 730px;  height:500px; margin: 5px auto 0 auto; }

#month #thread { width:731px; height:20px; text-align:center; }

#month .daycolthread { background:#d5e6fd;; border-top:1px solid; border-bottom:1px solid; border-right:1px solid;}

#month .uge { width:730px; height:91px; clear:left; border-left:1px solid; }

#month #thread .weekcol { background:#d5e6fd;; border-top:1px solid; border-bottom:1px solid; width:34px; border-right:1px solid; border-left:1px solid;}

#month .uge .weekcol { width:34px; background:#d5e6fd;; height:100%; text-align:center; border-right:1px solid; border-bottom:1px solid; }

.daycol { height:100%; border-right:1px solid; border-bottom:1px solid;  }

.col1, .col2, .col3, .col4, .col5, .col6, .col7 { width:90px; }

.noday { background:#c7c7c7; }

.daynow { background:#f8ff81; border-top:1px solid; }

.storaftaler { clear:both; height:188px; font-size:12px; width:172px; padding:2px; }

.antalaftaler { clear:both; width:100%; text-align:center; color:#CCCCCC; font: 110%/200% verdana, sans-serif bold; }

.datomonth { padding:2px; font: 110%/100% verdana, sans-serif bold; float:left;} 

.tilfoej { background:url(graphics/add.png) no-repeat; float:right; width:16px; height:16px; margin:5px 5px 0 0;}

.formmon {z-index:2; position:absolute;  padding:3px; background:#FFFFFF; width: 174px; height: 208px; font: 75%/150% verdana, sans-serif bold; margin-top:1px;}

.vistaftale { font: 100%/100% verdana, sans-serif; }

.del_small { height:17px; width:17px; background:url(graphics/delete_small.png) no-repeat; }

.edi_small { height:17px; width:17px; background:url(graphics/edit_small.png) no-repeat; }

.info_small { height:17px; width:17px; background:url(graphics/info_small.png) no-repeat; }



/* BRUGER */

a.brugerboks { color: #b6dffb;}

.infotekst { display: table; left: 250px; width: 730px; padding: 10px; float: right;margin-right:10px;}

.loginpage { padding-left: 25px; }



/* Beskeder */

.postkort { width:500px; float:right; text-align:left; min-height:100px; border-left:1px solid black; padding-left:10px; margin-left:5px; }

.blaaboks { background-color: #b6dffb; border: solid 1px black; padding: 4px; margin-bottom: 3px; }



/* INDSTILLINGER */

.righthalf { padding: 10px; width: 450px; float: right;}

.lefthalf { float: left; padding: 10px; padding-right: 20px; width: 450px; border-right: solid #000000 1px;}

img.op_ned { border:none; }


/* FAQ og kontakt */

.klcontent { padding: 10px;}



#loginknap {

	background:url(graphics/loginknap.png) no-repeat; float:left; border:none; width:55px; height:24px;

}



.que {
	margin:0;
	font: 81%/100% verdana, sans-serif;
	font-weight:bold;
}



.ans {
	font: 80%/100% verdana, sans-serif;
	margin:0;
	margin-left:20px;
	width:650px;
	padding-bottom: 10px;
}