/* basic */

body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin: 0px 0px;
	padding:0px;
	text-align: center;
	background-color:  #fff;
}

a:link, a:visited { 
	text-decoration: underline;
	color: #000;
}
a:hover { 
	text-decoration: underline;
	color: #2c0b09;
}
a img {
	border: none;
}

/* center */

.page{
	margin:auto;
	width: 990px;
	padding: 0px;
	text-align: center;
	background:  #fff url("../img/bg.gif") center top repeat-y;
}

.nav{
	width: 310px;
	margin: 0px 0px 0px 0px;
	float: left;
}

.content, .content_wide{
	width: 480px;
	display: inline;
	float: left;
	text-align: left;
	margin: 20px 10px 40px 20px;
	line-height: 22px;
}

.content_wide{
	width: 660px;
	margin: 20px 0px 40px 20px;
}

.teaser{
	width: 170px;
	margin: 5px 0px 0px 0px;
	float: right;
}

.logo{
	width: 310px;
	margin: 8px 0px 12px 0px;
}


.footer{
	width: 310px;
	color: #aeb0d1;
	padding-top: 30px;
	padding-bottom: 30px;
	line-height: 40px;
}

/* text */

h1 { 
	color: #38398a;
	font-size: 24px;
	font-weight: normal;
	margin-top: 30px;
}

h2, h2.aktuelles, h2.kalender { 
	color: #38398a;
	font-size: 18px;
	font-weight: normal;
}

h2.aktuelles { 
	float: left;
	width: 310px;
}
h2.kalender { 
	font-size: 22px;
	float: left;
	text-transform: uppercase;
}
h2.projekte{
	font-size: 26px;
	line-height: 28px;
}

h1.section, h1.section_wide { 
	text-decoration: none;
	color: #fff;
	font-size: 28px;
	font-weight: normal;
	text-transform: uppercase;
	text-align: center;
	background: url(../img/bg_section.png) no-repeat 0px 0px;
	line-height: 42px;
	margin: 0;
	margin-right: 0px;
	padding-bottom: 10px;
}

h1.section_wide { 
	background: url(../img/bg_section_wide.png) no-repeat 0px 0px;
}

.content p{
	padding-right: 20px;
}


.minipic {
	-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;
}

.teampic {
	-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;
}

.footer_txt{
	float: left;
	width: 310px;
	font-size: 16px;
}

.footer_txt a{
	text-decoration: none;
	text-transform: uppercase;
	color: #aeb0d1;
}

.footer_txt a:hover{
	color: #fff;
}

/* teaser */

.teaser h3 { 
}

.teaser .kal_box { 
	width: 100px;
	height: 102px;
	color: #fff;
	font-size: 14px;
	font-weight: normal;
	text-transform: uppercase;
	background: url(../img/teaser_bg_kalender_b3b3b3.png) no-repeat 0px 0px;
	display: block;
	margin-left: 35px;
	padding-top: 8px;
}
.teaser .kal_box.fett{
	background: url(../img/teaser_bg_kalender_38398a.png) no-repeat 0px -102px;

}
 
.teaser .kal_box .kal_tag{ 
	line-height: 68px;
	font-size: 65px;
}


.teaser .teaser_text{ 
	margin: 10px 0px 15px 10px;
	width: 150px;
	line-height: 20px;
}
.teaser .teaser_text a:link, .teaser .teaser_text a:visited{ 
	text-decoration: none;
	color: #999;
}
.teaser .teaser_text a:hover{ 
	color: #000;
}

.teaser .teaser_ogs_kal{ 
	padding: 12px 10px 12px 10px;
	line-height: 19px;
	border-bottom: 1px solid #ddd;
	color: #999;
}

.teaser .teaser_ogs_kal h4{ 
	color: #38398a;
	margin: 3px 0px;
	font-size: 16px;
	font-weight: normal;
}


.teaser .kal_box a:link, .teaser .kal_box a:visited{ 
	text-decoration: none;
	color: #fff;
}
.teaser .kal_box a:hover{ 
	color: #fff;
}

h3.teaser, .teaser h3 a:link, .teaser h3 a:visited{ 
	text-decoration: none;
	color: #fff;
	font-size: 18px;
	font-weight: normal;
	text-transform: uppercase;
	background: url(../img/teaser_header_bg.gif) no-repeat 0px 0px;
	line-height: 40px;
	padding-bottom: 10px;
	display: block;
}
.teaser h3 a:hover{ 
	color: #fff;
	background: url(../img/teaser_header_bg.gif) no-repeat 0px -50px;
}
h3.teaser{
	margin-top: 16px;
}
a.teaser_newbttn{
	background: url(../img/teaser_newbttn.png) top no-repeat;
	font: 14px Arial, sans-serif;
	height: 30px;
	width: 150px;
	color: #fff;
	line-height: 30px;
	padding: 0px;
	margin-left: 10px;
	display: block;
	float: left;
	text-align: center;
	text-transform: uppercase;
}

a.teaser_newbttn:link, a.teaser_newbttn:visited{
	color: #fff;
	text-decoration: none;
}
a.teaser_newbttn:hover{
	background: url(../img/teaser_newbttn.png) 0px -30px no-repeat;
	color: #38398a;
	text-decoration: none;
}


.fvbox {
	width: 400px;
	padding: 15px;
	border: 0;
	background-color: #ebecf4;
}
.fvbox_gross {
	width: 400px;
	padding: 15px;
	border: 0;
	background-color: #ebecf4;
}


/* buffer */

.wrap, .buffer5, .buffer10, .buffer20, .buffer25, .buffer40, .buffer50, .bufferline, .bufferline40{
	clear:both;
}

.buffer5{
	height: 5px;
}
.buffer10{
	height: 10px;
}
.buffer20{
	height: 20px;
}
.buffer25{
	height: 25px;
}
.buffer40{
	height: 40px;
}
.buffer50{
	height: 50px;
}

.bufferline, .bufferline40{
	height: 4px;
	background-color: #ebecf4;
	margin: 30px 10px 30px 0px;
}
.bufferline40{
	margin: 30px 10px 10px 0px;
}


.programmneu{
	font-size: 10px;
	text-transform: uppercase;
	position: relative;
	top: -5px;
	left: 5px;
}

ul.simplelist{
	margin: 0px 0px 0px 0px;
	padding-left: 5px;
	list-style: none;
}
ul.simplelist li{
	text-indent: -22px;
    padding-left: 22px;}

ul.simplelist li:before {
	content: "\02605";
	padding-right: 8px;
	color: #38398a;
}
ul.simplelist.nested{
	margin: 0px 0px 0px 0px;
	padding-left: 20px;
	list-style-type: none;
}
ul.simplelist.nested li:before{
	content: "\02606";
}
ul.submenulist{
	margin: 10px 10px 0px 0px;
	padding: 12px 20px 12px 20px;
	list-style-type: none;
	font-size: 16px;
    background: #f2f3f8;
	-webkit-border-radius:  5px 5px;
   	-moz-border-radius:  5px/5px;
    border-radius:  5px/5px;
	
}
ul.submenulist li {
  padding: 4px 0px;
  border-bottom: 1px solid rgba(125, 129, 181, 0.3);
;
}
ul.submenulist li a {
  text-decoration: none;
  color: rgba(57, 58, 138, 0.4);
}
ul.submenulist li a:hover {
  color: rgba(57, 58, 138, 1);
}
ul.submenulist li a.active {
  color: rgba(57, 58, 138, 1);
}
ul.submenulist li.last {
  padding: 4px 0px;
  border-bottom: 0;
}

/*
ul.simplelist li:before {
  content: "\2192";
  padding-right: 5px;
  color: #38398a;
}
*/

/* buttons */
li{
	margin: 0;
	padding: 0;
}
#navlist {
	text-transform: uppercase;
	font-size: 20px;
	line-height: 50px;
}

ul#navlist{
	margin: 0px 0px 0px 0px;
	padding: 0;
}

#navlist li{
	float: left;
	list-style-type: none;
	text-align: center;
	width:310px;
}

.navigatie a:link, .navigatie a:visited { 
	text-decoration: none;
	color: #fff;
	display: block;
}

.navigatie a:hover { 
	color: #fff;
	text-decoration: none;
	background: url(../img/nav_bttn_250.png) no-repeat 30px 1px;
}

.navigatie-on a:link, .navigatie-on a:visited { 
	background: url(../img/nav_bttn_250.png) no-repeat 30px 1px;
	display: block;
	text-decoration: none;
	color: #fff;
}

.navigatie-on a:hover { 
	text-decoration: none;
}

.navigatie.locked { 
	color: #fff;
	text-decoration: none;
	background: url(../img/bttn_lock.png) no-repeat 30px 1px;
}
.navigatie.locked a:hover { 
	background: url(../img/nav_bttn_lock.png) no-repeat 30px 1px;
}

a.newbttn{
	background: url(../img/newbttn.png) top no-repeat;
	font-size: 15px;
	height: 30px;
	width: 160px;
	color: #fff;
	line-height: 30px;
	padding: 0px;
	margin-right: 6px;
	display: block;
	float: left;
	text-align: center;
}

a.newbttn:link, a.newbttn:visited{
	color: #fff;
	text-decoration: none;
}
a.newbttn:hover{
	background: url(../img/newbttn.png) 0px -30px no-repeat;
	color: #38398a;
	text-decoration: none;
}
a.newbttn.wide{
	width: 220px;
	background: url(../img/newbttn_wide.png) top no-repeat;
}
a.newbttn.wide:hover{
	background: url(../img/newbttn_wide.png) 0px -30px no-repeat;
}

.newbttnlabel{
	display: block;
	float: left;
	font-size: 15px;
	line-height: 30px;
	height: 30px;
	color: #aaa;
	margin-right: 8px;
}
/* kalender */

.kalenderdatum, .kalendertext, .kalenderhintergrund {
	font-size: 15px;
	display: block;
	float: left;
	line-height: 18px;
	padding-bottom: 10px;
}
.kalenderdatum{
	width: 135px;
}
.kalendertext{
	width: 300px;
}

.kalenderfett { font-weight: bold; color: #000;}

.kalenderfarbe { font-weight: bold; color: #38398a;}

.kalenderhintergrund { 
	color: #ffffff; 
	background: #5d61a3; 
	padding: 3px 6px 3px 6px;
	margin-bottom: 10px;
}


/* aktuelles */



.descr { 
	font-size: 14px; 
	color: #fff;
	background: #ccc;
	line-height: 20px;
	padding: 0px 5px 0px 5px;
	margin-top: 15px;
	margin-right: 10px;
	display: inline;
	float: right;
	text-transform: uppercase;
	-webkit-border-radius:  5px 5px;
   	-moz-border-radius:  5px/5px;
    border-radius:  5px/5px;
}

a.bttn-nxt {
	font-size: 14px;
	line-height: 29px;
	color: #fff;
	text-decoration: none;
	width: 143px;
	height: 29px;
	display: block;
	padding: 0px 0px 0px 40px;
	background: url(../img/bttn_next.gif) left top no-repeat;
}

a.bttn-nxt:hover {
	color: #fff;
	background: url(../img/bttn_next.gif) left bottom no-repeat;
}





.home_pic{
	float:left;
	width: 480px;
	height: 380px;
	display: block;
	background: url(../img/dia_home_bg.gif) left top no-repeat;
	margin-top: 42px;
	text-align: left;
	padding: 16px 0px 0px 16px;
}

#s1 img { display: none }
#s1 img.first { display: block }


.home_txt{
	float:right;
	width: 452px;
	padding: 40px 30px 0px 0px;
	font-size: 14px;
	line-height: 25px;
	text-align: left;
	color: #bfb1cd;
}


.page_pics{
	float:left;
	width: 340px;
	display: block;
	text-align: left;
}
.page_pics.right{
	float:right;
	width: 416px;
	text-align: left;
}

.right p{
	color: #bfb1cd;
	font-size: 14px;
	line-height: 25px;
	margin-right: 10px;
}

.left p b{
	color: #fff;
	font-weight: normal;
}

.left a:link, .left a:visited, .right a:link, .right a:visited{
	color: #bfb1cd;
}

.left a:hover, .right a:hover{
	color: #fff;
}

.page_pic{
	float:left;
	width: 160px;
	display: block;
	text-align: left;
	padding: 16px 10px 0px 0px;
	line-height: 18px;
}
.page_pic.last{
	width: 134px;
}
.page_pic img{
	margin-bottom: 10px;
}



.leitbild-box{
	padding: 40px 40px;
	background: #f7f7f7;
	background: url(../img/bg_leitbild_250.gif) left top no-repeat;
	margin-right: 12px;
	-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;
}

h3.leitbild-l, h3.leitbild-m, h3.leitbild-r{
	color: #38398a;
	font-size: 24px;
	line-height: 38px;
	margin-right: 5px;
}



p.zitat, .zitat{
	color: #666;
	margin-top: 30px;
	margin-right: 25px;
	font-style: italic;
	font-size: 13px;
	line-height: 18px;
}
.zitat{
	color: #999;
	margin-right: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
}


.text.gray{
	color: #000;
}
.text.gray{
	color: #999;
}


table.projektuebersicht, table.programmuebersicht{
	width: 100%;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	line-height: 20px;

}

.projektuebersicht td, .projektuebersicht th, .programmuebersicht td, .programmuebersicht th  {
	margin: 0;
	padding: 10px 10px;
	line-height: 20px;
	border: 1px solid rgba(42,50,59,0.1);

	-moz-background-clip: padding; 
	-webkit-background-clip: padding; 
	background-clip: padding-box; 
	
	vertical-align: top;
	font-size: 14px;
}

.programmuebersicht td{
	text-align: center;
	
}

.projektuebersicht th, .programmuebersicht th  {
	font-weight: normal;
	text-transform: uppercase;
	color: rgba(42,50,59,0.5);
	font-size: 13px;
	line-height: 20px;
	padding: 5px 10px;
}
.programmuebersicht th  {
	text-transform: none;
}

.projektuebersicht td.first, .programmuebersicht td.first {
	font-weight: bold;
	color: #38398a;
	text-align: left;
}
.programmuebersicht td.first i {
	font-weight: normal;
}
.programmuebersicht td i {
	opacity: 0.5;
}

img.minipic_intern{
	-webkit-border-radius:  5px 5px;
   	-moz-border-radius:  5px/5px;
    border-radius:  5px/5px;
    height: 60px;
    width: auto;
    float: left;
    margin-right: 8px;
}