/***************** GENERAL *****************/
* {
	margin: 0;
	padding: 0;
	border: none;
	background: none;
    text-align: left;
}
a, body, div, span, p, h1, h2, h3, h4, h5, h6, em, strong, input, label, textarea, select, ul, ol, li, td, th {
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
    color: #202252;
}
a, body, div, input, label, li, ol, p, select, td, th, textarea {
	font-size: 12px;
}
pre, form, ul, ol, li {
	margin: 0px;
	padding: 0px;
}
p {
    margin-bottom: 1em;
}

/***************** HEADINGS *****************/
h1 {
	margin-bottom: 2em;
	font-weight: normal;
	font-size: 20px;
}
h2 {
	margin-bottom: 2em;
	font-weight: normal;
	font-size: 22px;
}
h3 {
	margin-bottom: 6px;
	font-weight:bold;
	font-size:16px;
}
h4 {
	margin-bottom: 6px;
	font-weight:bold;
	font-size:13px;
}

/***************** LISTS *****************/
#cont_content ul {
	margin: 0 0 10px 20px;
    list-style-type: square;
}
#cont_content li {
    padding-left: 2px;
    margin-bottom: 0.6em;
}

/***************** LINKS *****************/
a {
	text-decoration:none;
	color: #8e9cad;
}
a:hover {
	text-decoration:none;
    color: #8e9cad;
}
#cont_content a:hover {
	text-decoration:underline;
}
/***************** IMAGES *****************/


/***************** FORMS *****************/
div.message {
  background:#FBCD91 none repeat scroll 0 0;
  line-height:14px;
  padding:5px 10px 5px 30px;
  margin-bottom: 1em;
  text-align:left;
}

/***************** MISC *****************/
.block {
    display: block;
}
.inline {
    display: inline;
}
.cl {
  clear: left;
}
.cr {
  clear: right;
}
.cb {
  clear: both;
}
.no_wrap {
    display:table-cell;
}
* html .no_wrap {
    display:inline-block;
}
.colorize
{
    color:#982340;
}
a.back
{
    float: right;
    font-size: xx-small;
    color: #982340;
}
a:focus {
	-moz-outline: none;
	outline: none
}
.text {
    margin-bottom: 2em;
}

/* avoiding the horizontal scroll-shift by always displaying the vert-scroll */
html {
    min-height: 101%;
}

/* CLEARFIX */
.clearfix:after {
   clear: both;
   content: ".";
   display: block;
   height: 0;
   visibility: hidden;
   font-size: 0;
}
.clearfix {min-height: 1%;}

/*################## CONTAINERS ##################*/
body {
    background: #ECEEFA;
}
/*-- Page --*/
#cont_page {
    width: 994px;
    margin: 0 auto;
    margin-top: 36px;
    margin-bottom: 40px;
    background: #ECEEFA;
}

#cont_main {
    clear: left;
    width: 994px;
}

#cont_col_left {
    background: #9B9CB1;
    width: 284px;
    height: 676px;
    float: left;
}
.startseite #cont_col_left {
    height:567px;
}

#cont_col_right {
	width: 710px;
    background: #FFF;
    float: right;
}

/*################## NAVIGATION ##################*/
/*-- Navigation Level 1 --*/
#cont_nav1 {
    clear: both;
}
#cont_nav1 ul {
    list-style: none;
}
#cont_nav1 li {
    float: left;
    width: 142px;
    height: 40px;
    background: url(../img/bg_nav1.gif) no-repeat right top;
}
#cont_nav1 li a {
	display: block;
    margin-top: 10px;
    text-align: center;
    font-size: 12px;
    color: #FFF;
}
#cont_nav1 li.active a {
    color: #202252;
}
#cont_nav1 li a:hover {
    color: #202252;
}
#cont_nav1 li.last {
    background: url(../img/bg_nav1.gif) no-repeat left top;
}
#cont_nav1 li.active {
    background: url(../img/bg_nav1.gif) no-repeat;
    background-position: -158px -40px;
}
#cont_nav1 li.active.last {
    background: url(../img/bg_nav1.gif) no-repeat;
    background-position: 0px -40px;
}
#cont_nav1 li.highlight {
    font-weight: bold;
}
#cont_nav1 li.offset {
    margin-top: 1em;
}

/*-- Navigation Level 2 --*/
#cont_nav2 {
    padding: 16px 0 0 15px;
    height:420px;
}
.startseite #cont_nav2 {
    height:169px;
}
#cont_nav2 ul {
    list-style: none;
}
#cont_nav2 li {
    line-height: 20px;
}
#cont_nav2 li a {
    font-size: 12px;
    color: #FFF;
}
#cont_nav2 li.active a {
    color: #202252;
}
#cont_nav2 li a:hover {
    color: #202252;
}
#cont_nav2 li.highlight {
    font-weight: bold;
}
#cont_nav2 li.offset {
    margin-top: 1em;
}

/*-- Navigation Level 3 --*/
#cont_nav3 ul {
    list-style: none;
}
#cont_nav3 li {
    line-height: 20px;
    padding: 0 0 0 2em;
}
#cont_nav3 li a {
    font-size: 12px;
    color: #FFF;
}
#cont_nav3 li.active {
    background: none;
}
#cont_nav3 li.active a {
    color: #202252;
}
#cont_nav3 li a:hover {
    color: #202252;
}
#cont_nav3 li.highlight {
    font-weight: bold;
}
#cont_nav3 li.offset {
    margin-top: 1em;
}

/*-- Navigation Level 4 --*/
#cont_nav4 ul {
    list-style: none;
}
#cont_nav4 li {
    line-height: 20px;
    padding: 0 0 0 4em;    
}
#cont_nav4 li a {
    font-size: 12px;
    color: #FFF;
}
#cont_nav4 li.active a {
    color: #202252;
}
#cont_nav4 li a:hover {
    color: #202252;
}
#cont_nav4 li.highlight {
    font-weight: bold;
}
#cont_nav4 li.offset {
    margin-top: 1em;
}


/*-- Meta-Navigation Left --*/
#cont_nav_meta_left {
	height: 16px;
    padding: 8px 0 0 12px;

    background: #9B9CB1;
}
#cont_nav_meta_left ul {
    list-style: none;
    height: 10px;
}
#cont_nav_meta_left li {
    float: left;
    height: 8px;
    padding: 0 5px;
    border-right: 1px solid #202252;
}
#cont_nav_meta_left li.last {
    border: none;
}
#cont_nav_meta_left li a {
	display: block;
    float: left;
	margin-top: -2px;
    font-size: 10px;
    color: #202252;
    background: none;
}

/*-- Logo --*/
#cont_logo {
    height: 82px;
    width: 125px;
    float:right;
    margin: 20px 16px 15px 0;
}
#cont_logo h1 a {
	display: block;
    background: url(../img/logo.jpg) right top no-repeat;
    height: 180px;
    text-indent: -9999px;
}

/*-- Content --*/
#cont_content {
    clear: both;
    padding: 50px 0px 0 28px;
    min-height: 486px;
    width: 682px;
}

.startseite #cont_content {
    min-height: 400px;
}

#cont_content.scroll {
	padding: 0 28px;
    height: 567px;
    overflow-x: hidden;
    overflow-y: scroll;
}

#cont_content p {
	padding-right: 18px;
    line-height: 18px;
}

#cont_template_content {
    width: 520px
}

/*-- Sidebar Right --*/
#cont_sidebar {
    float: right;
    width: 138px;
    margin: 46px 5px 5px 0;
}
#cont_sidebar a, #cont_sidebar a:hover {
	color: inherit;
    font-size: inherit;
    text-decoration: none;
}
#cont_sidebar img {
    display: block;
    clear: both;
    margin-bottom: 3px;
}
#cont_sidebar .box {
    border: 1px solid #9B9CB1;
    background: #f6f6fe;
    padding: 8px;
    font-size: 9px;
    margin-bottom: 5px;
}
#cont_sidebar h3 {
	font-size: 12px;
    font-weight: normal;
    color: #202252;
    margin: 3px 0;
}
#cont_sidebar .box .name {
    font-size: 11px;
    font-weight: bold;
    display: block;
    clear: both;
}

/*-- Meta-Navigation Right --*/
#cont_nav_meta_right {
    padding: 8px 0 0 23px;
    background: #FFF;
    float: right;
    height: 16px;
    width: 687px;
    min-width: 687px;
}
#cont_nav_meta_right ul {
    list-style: none;
    height: 10px;
}
#cont_nav_meta_right li {
    float: left;
    height: 8px;
    padding: 0 5px;
    border-right: 1px solid #202252;
}
#cont_nav_meta_right li.last {
    border: none;
}
#cont_nav_meta_right li a {
	display: block;
    float: left;
	margin-top: -2px;
    font-size: 10px;
    color: #202252;
    background: none;
}




/*################## TEMPLATES ##################*/
/*------- Tpl: startseite -------*/
#cont_content .news_item {
  display: block;
  clear: right;
  margin-bottom: 20px;
}


#cont_content .news_item .title {
  font-weight: bold;
  margin-bottom: 0.3em;
}
#cont_content .news_item .teaser {
  margin-bottom: 0.3em;
}

/*------- Tpl: aktuelles -------*/

/* Content */
.aktuelles #cont_template_content {
    width: 682px;
}
.aktuelles #cont_content {
    padding: 48px 0px 0px 28px;
    width: 682px;
    min-height: 505px;
}
.aktuelles #cont_content #cont_news {
    margin-top: 48px;
}
.aktuelles #cont_content .news_image {
    min-width: 142px;
    width: 142px;
    float: right;
    display: table-cell;
}
.aktuelles #cont_content .news_image .subtitle {
    font-size: x-small;
    color: #A9ADC0;
}
.aktuelles #cont_content .cont_text{
    padding-right: 20px;
}

/*------- Tpl: basis -------*/
#cont_content .image_row {
  margin-bottom: 2em;
}

/*------- Tpl: personen -------*/
#cont_content .person_item {
  padding-bottom: 3em;
  clear: left;
}
#cont_content .person_item .person_image {
  float: left;
  margin-right: 1.5em;
}
#cont_content .person_item .title {
  margin-bottom: 1em;
}
#cont_content .person_item .title .name {
  font-weight: bold;
}

/*------- Tpl: personen -------*/
#cont_content .partner_item {
  margin-bottom: 1em;
  margin-right: 4em;
  float: left;
  width: 200px;
  height: 150px;
}
#cont_content .partner_item .name {
  margin-bottom: 0.5em;
}

/*------- Tpl: formular -------*/
#cont_content form {
  margin-bottom: 3em;
}
#cont_content form td {
  height: 1em;
}
#cont_content form tr, #cont_content form td {
  vertical-align: top;
  height: 2em;
}
#cont_content form input, #cont_content form textarea {
  border: 1px solid #9190AE;
  color: #9190AE;
}
#cont_content form input.radio {
  margin-right: 0.5em;
  margin-left: 2em;
  border: none;
}
#cont_content form input.radio.first {
  margin-left: 0.5em;
}
#cont_content form input.textfield, #cont_content form textarea {
  width: 300px;
}
#cont_content form input.textfield.zip {
  width: 90px;
  margin-right: 5px;
}
#cont_content form input.textfield.city {
  width: 200px;
}
#cont_content form input.button {
  width: 100px;
  border: 2px solid #9190AE;
  font-size: x-small;
  text-align: center;
  margin-top: 1em;
  margin-left: 0.5em;
  float: right;
}


.hide
{
	display: none;
}