/*
lila:       #963A96
orange:     #e39226
hellgrau:   #F0F0F0
dunkelgrau: #3b474e
blaugrau:   #a8b8c6
hellbeige   #f4f4ea
*/

* {font-family:verdana,arial;margin:0;padding:0;}
html {font-size:11px;height:100%;margin-bottom:1px;}
body {margin:0 auto; background: url(../img/bg_body.jpg) repeat-x #a8b8c6;}

img {border-width:0;}

h1 {font-size:180%;}
h2 {font-size:170%;}
h3 {font-size:150%;}
h4 {font-size:110%;}
h5 {font-size:110%;}
h6 {font-size:110%;}

a {text-decoration:underline;color:#963a96;}
a:focus, a:hover, a:active {text-decoration: none;}
a, a.redlink, .box a.redlink {text-decoration:none;color:#963a96;}
p.align-left {text-align:left;}
p.align-right {text-align:right;}
p.align-center {text-align:center;}
p.copyright {margin-top:0.2em;color:#8f8f8f;}

input.text {background:transparent url(../img/input_bg.png) no-repeat 0 0; border: 0; height: 22px; padding-top:4px; text-align:center; width:196px; font-size: 11px;}
input.submit {cursor:pointer; background: none; border: 0; color:#963A96; margin: 0 -3px; padding: 0; font-size: 11px; text-align: left;}
.buttons {text-align: right; margin-top: 1em;}
input[type="checkbox"] {border:none;}
textarea {border:#d0d0d0 1px solid;font-size:100%; vertical-align: top;}
fieldset {border: 0; margin: 0; padding: 0;}
legend {margin: 0 0 1em 0; padding: 0;}

/* Tabellen */
table {border-collapse: collapse; background: #f4f4ea; margin-bottom: 1em;}
th, td {padding: 2px 4px;}

.clear {clear:both;padding:0;height:0;}
.more {text-align:right;margin-top:0.8em;}
.coloured {background: #f4f4ea;}

.col2 {padding: 1em;}
.col2 .col2_l {float: left; width: 28em;}
.col2 .col2_r {margin-left: 31em; width: 28em;}
#content .col2 h1,
#content .col2 h2,
#content .col2 h3,
#content .col2 h4,
#content .col2 h5,
#content .col2 h6 {color: #000; text-transform: uppercase; text-align: right; border: 0;}
#content .col2 .body {background: #f4f4ea; border: 1px solid #a8b8c6; border-right: 0; border-left: 0; padding: 1em;}
#content .col2.coloured .body {background: #fff; border: 1px solid #a8b8c6; border-right: 0; border-left: 0; padding: 1em;}

#content h1 {font-size: 140%;}
#content h2 {font-size: 130%;}
#content h3 {font-size: 120%;}

#wrap {margin:1em auto;width:89em;position:relative;background: #fff;}

#header { margin: 0; background: url(../img/bg_header.jpg) repeat-x #3b474e; height: 163px; overflow: hidden;}
#header #logo {height: 131px; margin-left: 2em;}
#header #nav {height: 32px;}

#header #nav ul {margin:0 1em;height:32px;text-align:center;padding:0;}
#header #nav ul li {float:left;display:inline-block;list-style-type:none;border:0;margin:0;padding:0;vertical-align:middle;color: #fff;}
#header #nav ul li a {text-decoration:none;color:#fff;line-height:32px;display:inline-block;padding:0;margin:0 1em;font-weight: bold;}
#header #nav ul li.active a,
#header #nav ul li a:focus,
#header #nav ul li a:hover,
#header #nav ul li a:active{color: #e39226;}

#main-body {margin:1em auto; width:85em; padding: 0;}

#content {float:left; width:61em; min-height: 250px; margin:0; padding: 0 2em 0 0; background: url(../img/bg_content.png) repeat-y right top;}
#content ul li {list-style-position:inside;padding-left:0.5em;}
#content  h1,
#content  h2,
#content  h3,
#content  h4,
#content  h5,
#content  h6 {color:#963a96; margin-bottom: 0.5em;}
#content  h1 ,
#content .star {padding-bottom: 4px; border-bottom: 1px solid #a8b8c6; margin-bottom:0.5em; position: relative;}
#content .star {height: 56px; padding-bottom: 0;}
#content .star h1 {height:23px; background:url(../img/stars.png) top right no-repeat; display: inline-block; padding: 29px 35px 0 0; border: 0; margin-bottom: 4px; position: absolute; bottom: 0;}
#content p, #content ul {margin-bottom: 1em;}
#content .box {border-bottom:none;}

#rightColumn {float:right;width:20em;}
#rightColumn h1,
#rightColumn h2,
#rightColumn h3,
#rightColumn h4,
#rightColumn h5,
#rightColumn h6 {text-transform: uppercase;}

#rightColumn h1 {font-size: 140%;}
#rightColumn h2 {font-size: 130%;}
#rightColumn h3 {font-size: 120%;}
#rightColumn p {margin-bottom: 1em;}

#rightColumn .box {padding:0 0 1em 0; border-bottom: 2px solid #a8b8c6; margin-bottom: 1em;}
#rightColumn .box h3 {margin: 0 0 0.5em 0; padding: 0 0 0.2em 1.5em; border-bottom: 1px solid #a8b8c6; background: url(../img/star_small.png) no-repeat left top;}
#rightColumn .box .body {background: #f4f4ea; padding: 1em;}

#footer {margin:0; padding:0;text-align:center;border-top: 1px solid #963A96; height: 30px; color:#a8b8c6; clear: both;}
#footer a {color:#a8b8c6;}
#footer ul {margin:0;text-align:center;padding:0;}
#footer ul li {display:inline-block;list-style-type:none;border:0;margin:0;padding:0;vertical-align:middle;}
#footer ul li a {text-decoration:none;color:#a8b8c6;display:inline-block;padding:0;margin:0 0.5em;line-height: 30px;}

/* Mailformplus */
fieldset.csc-mailform {padding: 1em; background: #f4f4ea; vertical-align: top;}
fieldset.csc-mailform label {width: 20em; display: inline-block; vertical-align: top;}
#mailformcontact, #mailformfirstname {position:absolute; left:-999em;}
.error {color: red;}