body { background: url(../images/backgr-page.jpg) top center no-repeat; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 13px; color: #413931; }

body * { line-height: 150%; }

/***** TYPOGRAPHY ******/

p, ul, ol { margin: 14px 0px; }
.events p { margin: 7px 0px; }
#Footer p { margin: 0px; }

h1 { font-size: 24px; color: #413931; margin: 28px 0px; }
h2 { font-size: 18px; color: #77B62D; margin: 21px 0px; }
h1, h2 { line-height: 36px; border-bottom: 1px solid #e2e2e2; font-family: Georgia, "Times New Roman", Times, serif; }

#Content > h1:first-child, .blogEntry h1:first-child, .blogSummary h1:first-child { margin-top: 0px; margin-bottom: 21px; }

.events > h2:first-child, .calendar > h2:first-child { margin-top: 0px; margin-bottom: 21px; }

h3 { font-weight: bold; margin: 21px 0px; }
.events h3 { margin: 21px 0px 7px 0px; }

h4 { font-weight: bold; text-decoration: underline; }

a { color: #0094DF; }
a:hover { color: #7BC4E9; }

.tagcloud a { margin: 2px; display: block; padding: 2px; float: left; text-decoration: none; }

#Content ul li { padding: 0px 0px 0px 15px; margin: 0px 0px 0px 10px; background: url(../images/ul-li.png) no-repeat left center; }

#Content ol li { padding: 0px 0px 0px 10px; margin: 3px 0px 3px 25px; list-style: decimal outside; }

/****** DIV STYLES, CLASSES *******/

strong { font-weight: bold; }
em { font-style: italic; }

table { width: 95%; margin: 13px; border: }
table * { margin: 10px 0px; }
caption { margin: 15px 0px 0px 0px; }
td, th { padding: 0px 10px; }
th { background: #AFCAE7; }
tr.even td { border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; background: #F2F2F2; }

.floatleft { float: left; margin: 0px 30px 0px 0px; }
.floatright { float: right; margin: 0px 0px 0px 30px; }

.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.clear { clear: both; }

.calendar a { /* text-decoration: none;*/ }

a.mer-info { display: block; width: 310px; height: 45px; line-height: 45px; color: #fff; font-size: 16px; text-decoration: none; text-shadow: 2px 1px 3px #76A234; background: url(../images/mer-info.jpg) no-repeat; padding: 0px 0px 0px 55px; }
a.mer-info:hover { color: #E4F2D0; }

.box { background: #f2f2f2; border: 1px solid #e8e8e8; padding: 10px; }
.box p:first-child { margin-top: 0px; }

.fullt { color: #C30; font-weight: bold; font-size: smaller; }
.ledig { color: #090; font-weight: bold; font-size: smaller; }

/****** LAYOUT ******/

#Wrapper { width: 900px; margin: auto; }

#Banner-print { display: none; }

#Banner { width: 900px; height: 155px; background: url(../images/banner.jpg) no-repeat; position: relative; padding: 260px 0px 0px 38px; }
#Banner h2 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #fff; font-size: 24px; line-height: 40px; text-shadow: 2px 1px 3px #5181BA; border: none; margin: 0px; }
#Banner h2 span { font-size: 35px; line-height: 50px; }

#Banner-image { position: absolute; top: 90px; left: 475px; }

#Banner h1 { border: none; margin: 0px; }
.logo { display: block; width: 271px; height: 198px; position: absolute; top: 7px; left: 39px; background: url(../images/logo.jpg) no-repeat; text-indent: -9999px; }

#Wrapper-Content { width: 885px; margin: 15px 0px 0px 10px; }

#Sidebar { width: 250px; float: left; }
#Sidebar div { margin: 0px 0px 25px 0px; }
	.events, .blogsidebar { background: #F2F2F2 url(../images/events.gif) right bottom no-repeat; border: 1px solid #E8E8E8; }
	.calendar  { background: #F9FAE8 url(../images/calendar.gif) right bottom no-repeat; border: 1px solid #F4F5D6; }
	.events, .calendar, .blogsidebar { width: 216px; min-height: 200px; height: auto !important; height: 200px; padding: 17px; }
	
#Sidebar .WidgetHolder h3 { border-bottom: 1px solid #e2e2e2; font-family: Georgia, "Times New Roman", Times, serif; line-height: 36px; color: #77b62d; font-size: 18px; margin: 0px 0px 21px 0px; font-weight: normal; }

#Content { width: 595px; float: left; margin: 0px 0px 0px 35px; padding: 17px 0px; }

#Footer { width: 885px; margin: 20px 0px 20px 10px; border-top: 1px solid #c8c8c8; }
#Footer .block { padding: 10px 37px; float: left; }


/***** MENU *****/

#Menu { position: absolute; left: 300px; top: 29px; }

#Menu ul { margin: 0px; }
#Menu ul li { display: block; float: left; height: 52px; }
#Menu ul li a { display: block; padding: 0px 15px; height: 52px; line-height: 52px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 18px; color: #FFF; text-align: center; text-decoration: none; background: url(../images/button.jpg) repeat-x; border: 1px solid #fff; border-right: none; text-shadow: 1px 1px 2px #2E271F; float: left; }
#Menu ul li a.last { border-right: 1px solid #fff; }
#Menu ul li a:hover { background: url(../images/button-hover.jpg) repeat-x; }

#Menu ul li a.current { background: url(../images/button-current.jpg) repeat-x; text-shadow: 1px 1px 2px #5181BA; }
#Menu ul li a.current:hover { background: url(../images/button-current-hover.jpg) repeat-x; }


/**** FORM *****/

form * { font-family: Tahoma, Geneva, sans-serif; font-size: 13px; color: #1F1F1F; line-height: 180%; }
form label.left { display: block; float: left; width: 120px; margin: 5px 0px 5px 25px; font-weight: bold; color: #666; }
form label.required{ display: block; font-size: 10px; color: #C00; padding-left: 145px; }
form .middleColumn { margin: 10px 0px; }
form .middleColumn input, form .middleColumn textarea, form .middleColumn select { padding: 5px; border-width: 1px; border-style: solid; border-color: #8E8E8E #E1E1E1 #E1E1E1 #8E8E8E; margin: 5px 0px; background: #fefefe url(http://www.jap-design.net/client/backgr_form.jpg) no-repeat; width: 50%; }
.typography form input { font-family: Arial, Helvetica, sans-serif; font-size: 13px; }
.Actions { padding-left: 145px; }
form .Actions input.action { width: 114px; font-weight: bold; color: #666; }
form .Actions input.action:hover { color: #000; cursor: pointer; cursor: hand; }