body { font-family: Trebuchet MS, Arial, Verdana; text-align: center; background: url("../images/bg.gif") top repeat-x #d41a19; margin: 0; }

body, td, th, textarea, input { font-size: 12px; color: #666; }

a { color: #000; text-decoration: none; }
a.arrow { padding-left: 20px; background: url(../images/arrow_orange.gif) left center no-repeat; }

h1 { font-size: 20px; color: #86b735; margin-top: 10px; }
h2 { font-size: 15px; color: #000; margin: 0px; }
h3 { font-size: 10px; color: #999; font-weight: normal; margin: 0px; text-transform: uppercase; }

.green { color: #7db227; }

form { margin: 0; padding: 0; }

input.submit {
	text-transform: uppercase;
	border: 0;
	font-size: 10px;
	color: #666;
	font-weight: bold;
	padding: 4px 3px 4px 3px;
	color: #FFF;
	background: url(../images/bg_submit.gif) repeat-x;
	float: right;
}

input.small_submit {
	text-transform: uppercase;
	border: 0;
	font-size: 9px;
	color: #666;
	font-weight: bold;
	padding: 2px 1px 2px 1px;
	color: #FFF;
	background: url(../images/bg_submit.gif) repeat-x;
	float: right;
}

div.main-space { padding: 0 25px; }
div.main-space .space { float: left; padding: 0 10px; }

div#center {
	width: 1010px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	text-align: left;
}

div#center .body { float: left; width: 100%; background: url(../images/bg_main.png) center repeat-y; }

/* TOPP */

div#top { width: 100%; float:left; }
div#top .bg-1 { float: left; width: 940px; height: 250px; background: url(../images/top1.jpg) no-repeat; }
div#top .bg-2 { float: left; width: 940px; height: 250px; background: url(../images/top2.jpg) no-repeat; }
div#top .bg-3 { float: left; width: 940px; height: 250px; background: url(../images/top3.jpg) no-repeat; }

div#top div.main-space .space { padding: 10px; }

div#top .menu { float: right; width: 341px; height: 30px; background: url(../images/bg_topmenu.png) no-repeat; }
div#top .menu ul { float: right; margin: 0; padding: 0; list-style: none; }
div#top .menu ul li { float: left; padding-right: 17px; line-height: 26px; }
div#top .menu ul li.tile1 a { background: url(../images/tile1.png) left 1px no-repeat; padding-left: 18px; } 
div#top .menu ul li.tile2 a { background: url(../images/tile2.png) left 1px no-repeat; padding-left: 24px; } 
div#top .menu ul li.tile3 a { background: url(../images/tile3.png) left 3px no-repeat; padding-left: 20px; } 

div#top .menu ul li.tile4 { padding: 3px 10px 0 0; }
div#top .menu a { font-family: Arial; font-size: 11px; color: #FFF; text-decoration: underline; }

div#top .image_logo { margin: 20px 0 0 20px; }

/* LEFTCOL */

div#left { float: left; }

div#left div.main-space { padding-right: 0; }

div#left div.menu { float: left; width: 200px; padding: 0; margin: 0 0 10px 0; }
div#left div.menu ul { float: left; width: 180px; list-style: none; padding: 10px; margin: 0; background: url(../images/menu_bottom.jpg) bottom no-repeat #e7ffa3; }
div#left div.menu ul ul { width: auto; }
div#left div.menu li { width: 100%; }
div#left div.menu li a { float: left; font-size: 14px; padding: 5px 0 5px 5px; color: #747474; text-transform: uppercase; width: 100%; }
div#left div.menu li.on a { float: left; width: 100%; color: #7db227; border-bottom: 1px solid #7db227; }
div#left div.menu li.on li a { color: #747474; font-size: 12px; text-transform: none; border: 0; width: auto; }
div#left div.menu li li.on a { color: #7db227; }

/* BOX */

div.header { width: 200px; height: 25px; background: url(../images/bg_header.gif) no-repeat; }
div.header span { color: #FFF; text-transform: uppercase; padding-left: 40px; line-height: 23px; font-size: 13px; }
table.boxlist { width: 200px; }
table.boxlist td { padding: 5px 10px; }
table.boxlist a { color: #7db227; }

/* MAIN */

div#main { float: left; width: 530px; overflow: hidden; }
div#main .space { padding: 0 20px 150px 10px; }
div.box-space { padding: 10px; }

/* RIGHTCOL */

div#rightcol { float: left; width: 200px; }

div#rightcol img { border: 0; }
div#rightcol input.image { float: right; margin-top: 10px; }
div#rightcol a.arrow { line-height: 20px; color: #7db227; }

/* FOOTER */

div#footer { float: left; width: 100%; height: 227px; background: url(../images/bg_footer.png) center no-repeat; }
div#footer .logo { float: left; margin: 50px 0 0 50px; }
div#footer table { float: left; margin: 90px 0 0 40px; }
div#footer td, div#footer th { color: #7db227; text-align: left; font-size: 12px; padding: 2px 10px 2px 0; }
div#footer th { font-size: 14px; }
div#footer .logos { float: right; margin: 130px 40px 0 0; }

/* FORM */

label { color: #7db227; display: block; }
input.text { border: 1px solid #bebebe; padding: 2px; background: url(../images/bg_text.gif) bottom repeat-x #FFF; width: 180px; }
textarea { border: 1px solid #CCC; margin-bottom: 5px; font-family: Arial; }

/* Table */

table.list td, table.list th {
	font-size: 11px;
	padding: 5px 10px 5px 10px;
}

table.list th {
	text-align: left;
	border-bottom: 1px solid #CCC;
}

table.list td {
	text-align: left;
	border-bottom: 1px solid #E5E5E5;
}

table.list .r { text-align: right; }

table.list tr.on { background: #aed73d; }
table.list tr.on td, table.list tr.on td a, table.list tr.on th { color: #FFF; }
table.list tr.on td { border: 0; }

table.list td.babyinfo, table.list tr.row td, table.list tr.row th { background: #e7ffa3; color: #666; padding: 10px; }
table.list tr.row td, table.list tr.row th, table.list tr.on th { border-bottom: 1px solid #aed73d; }
table.list td.babyinfo span { display: block; color: #7db227; }

table.list td table.clear td { border: 0; padding: 0 5px 0 0; }


/* SEARCHBOX */

.searchbox { width: 500px; background: url(../images/bg_searchbox.gif) top no-repeat; position: relative; }
.searchbox table { margin-top: 0px; height: 75px; }
.searchbox .a { color: #7db227; padding: 0px 20px 10px 30px; }
.searchbox .b { padding-bottom: 10px; }
.searchbox .c { padding: 0 20px 10px 20px; }
.searchbox .city_input { border: 1px solid #abd53d; background: url(../images/bg_text.gif) bottom repeat-x; font-size: 11px; width: 200px; }
.searchbox .ajaxlist { position: absolute; margin: -34px 0 0 120px; border: 1px solid #CCC; background: #FFF; width: 200px; display: none; }
.searchbox .ajaxlist ul { list-style: none; margin: 0; padding: 0; }
.searchbox .ajaxlist li, .searchbox #ajaxlist li a { width: 100% }
.searchbox .ajaxlist li a:hover, .searchbox .ajaxlist li a.on { background: #e7ffa3; }


/* TEMPLATES */

.ingress { font-size: 14px; }

/* FAQ */
div.faq table { margin: 20px 0; }
div.faq td { vertical-align: top; padding-left: 10px; }
div.faq td.no { color: #7db227; font-size: 22px; padding: 0 10px 0 0; border-right: 1px solid #7db227; }
div.faq td.quest { color: #7db227; padding-bottom: 5px; }

#article td { padding-right: 20px; }

/* ArticleList */

div#articleList a {
	text-decoration: none;
	color: #000;
}

/* PROFILE */
div#profile {
	padding-bottom: 30px;
	float: left;
}

div#profile label {
	/*display: block;*/
	margin-bottom: 2px;
}

div#profile input.text, 
div#profile select,
div#profile textarea {
	font-size: 11px;
	border: 1px solid #CCC;
	margin-bottom: 5px;
	font-family: Arial;
}

div#profile select {
	width: 150px;
}

div#profile input.text {
	width: 200px;
}

div#profile textarea {
	width: 200px;
	height: 50px;
}

div#profile .checkbox {
	border: 0;
	margin: 0;
}


/* rapport */

div#rapport .list { width: 95%; }

div#rapport table.list td, div#rapport table.list th {
	padding: 5px 5px 5px 5px;
}

div#rapport .rapport td { border: 0; padding: 2px 10px 2px 10px; }

div#rapport #barnvaktID { text-align: center; }

div#rapport table.rapp {
	width: 100%;
	border: 1px solid #CCC;
}

div#rapport table.rapp td {
	vertical-align: bottom;
	padding: 5px;
}

div#rapport input.small {
	width: 25px;
}

div#rapport input.medium {
	width: 40px;
	padding: 1px;
}

div#rapport input.text, 
div#rapport select {
	font-size: 11px;
	border: 1px solid #CCC;
	margin-bottom: 5px;
}


/* ADD ANNONS */

#annons td { vertical-align: top; padding: 3px; }
#annons textarea { width: 300px; height: 100px; }