*{margin:0;padding:0}
html {height: 100%; margin-bottom: 1px; }
body{ font-size:62.5%; line-height:1em; text-align:center; background: url(../img/bg_verlauf.jpg) repeat-x #121111;}
#bgcontainer { background: url(../img/bg_kreis.png) center 0 no-repeat; min-height:300px; min-width:950px; text-align:center; }
#container { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.3em; width:950px; margin:0 auto 0 auto; padding:15px 0 10px 0;text-align:left;color:#ccc;padding-right:10px;}
a, a:link, a:visited { text-decoration:none; color:#666;}
a:hover { color:#f06!important;}
a img {border:none;}
li {list-style:none;}
.clear { clear:both; }
h4, h4 a {line-height:20px; font-size:13px;}
/*#raster{ background: url(../img/raster.png); width:100%; height:100%; position:absolute; top:0; left:0;}*/

/*topnav*/
ul#topnav { float:right;}
ul#topnav li {float:left; margin-left:13px;}
ul.lang1 li {margin-left:11px!important;}
ul#topnav li a, ul#topnav li a:link,ul#topnav li a:visited { font-size:10px; text-transform:uppercase; font-weight:bold}
/*login*/
div#login { clear:both; float:right; height:20px; width:360px; margin: 20px 0 0 0;}
div#login form input {float:left; border:none; width:142px; height:17px;padding: 3px 0 0 8px; background:url(../img/login_bg.png) no-repeat; margin-right:10px; color:#666;font-size:10px; font-weight:bold; line-height:20px; vertical-align:middle}
div#login form input.hide {display:none;}
div#login form input.submit {width:40px; height:20px;padding:0; background:url(../img/login_butt.png) no-repeat; text-indent:-999em; margin-right:0;}
div#login form input.submit:hover {background:url(../img/login_butt.png) no-repeat 0 -20px; cursor:pointer}
/*logo*/
h1#logo { position:absolute; top:76px; clear:both; }
h1#logo a { display:block; text-indent:-999em; background: url(../img/bmc_logo.gif) no-repeat; width:247px; height:88px; }
/*mainnav*/
ul#mainnav {clear:both; float:right;margin: 67px 0 0 0;border:none; height:20px; overflow:hidden; }
ul#mainnav li {float:left; margin-left:15px; height:25px; overflow:hidden;}
ul#mainnav li a, ul#mainnav li a:link, ul#mainnav li a:visited {display:block; height:20px; line-height:20px; text-indent:-999em; font-size:20px; text-transform:uppercase; font-weight:bold; background-color:transparent}
ul#mainnav li a.b10 { width:63px; background:url(../img/about.gif) no-repeat;}
ul#mainnav li a.b20 { width:86px; background:url(../img/projects.gif) no-repeat;}
ul#mainnav li a.b30 { width:97px; background:url(../img/members.gif) no-repeat;}
ul#mainnav li a.b40,ul#mainnav li a.b41 { width:55px; background:url(../img/news.gif) no-repeat;}
ul#mainnav li a.b11 { width:90px; background:url(../img/ueber_uns.gif) no-repeat;}
ul#mainnav li a.b21 { width:88px; background:url(../img/projekte.gif) no-repeat;}
ul#mainnav li a.b31 { width:109px; background:url(../img/mitglieder.gif) no-repeat;}
ul#mainnav li a:hover { background-position: 0 -23px;}
ul#mainnav li a.akt { background-position: 0 -46px!important} 
 
/*content*/ 
div#content {width:850px; margin:210px 0 225px 100px;}

/*#content p, #content h2 { width:410px;}*/
#content p {margin-top:20px; color:#ccc; line-height:20px;}
h2 {color:#fff; font-size:2em; line-height:35px; padding-top:0; margin:22px 0 19px 0;}
h3 { font-size:15px; color:#fff; line-height:25px; margin: 20px 0 20px 0; }
.kat1 h2 {margin:22px 0 24px 0;}
/*#content h3 {color:#fff;font-size:10px; line-height:1.3em; margin-bottom:20px; text-transform:uppercase;}*/
#content a {color:#9a9676;}

#content .colmenu {font-size:10px; text-transform:uppercase; font-weight:bold;padding-top:8px;color:#fff;}
#content .colmenu span { color:#999; margin-right:4px; }
#content .colmenu a, #content .colmenu  span.left{float:left}
#content .colmenu  span.left {color:#fff;}
#content .colmenu a.right {float:right;color:#9a9676;}

/*content spalten*/
#left, #right { border-top: 1px solid #777; float:left; padding:0 0 0 0;}
#left {margin-right:30px; width:410px;}
#right {width:410px; }
#right p, #right h2 {width:410px; }
.kat9 #left, .kat4 #left { width:190px;} 
.kat9 #right, .kat4 #right { width:630px;} 
.left410 { width: 410px; overflow:hidden; padding-top:1em; margin-top:2em;}
.kat9 #right190 {float:right;}
.kat9 .txtfloat {width: 410px; margin-top:20px!important;}
.kat9 .txtfloat img { margin:0 30px 30px 0; float:left; width:95px;}

.kat9 .people {width: 410px; margin-top:20px!important;}
.kat9 .people img { margin:0 0 30px 0; float:left; width:95px;}
.kat9 .people h3 {width: 285px!important; float:right; margin:0;}
.kat9 .people p {width: 285px!important; float:right;}

.bordertop {border-top: 1px solid #777;}
.kat9 #memabsv2 { margin-top:243px; }

#newsblock {margin-top:20px;}
.new { margin-bottom:15px;}
.new img { float:left;}
.new div.right { width:200px!important;float:right;}
.new div.right p { width:200px!important; font-size:11px; line-height:20px; margin:10px 0 0 0!important; }
.new div.right p.newsinfo {margin:6px 0 0 0!important; text-transform:uppercase; font-size:9px; font-weight:bold; color:#fff; line-height:11px!important;}
.new div.right h4 {width:200px!important;  }

.new div.right p .date, .new div.right p .author { }



/*content home*/
.kat1 #mem { margin:16px 0 0 0!important;}
.kat1 #mem, .kat1 #mem a { color:#9A9676; font-size:11px; line-height:20px;}
.kat1 #mem span { margin:0 3px 0 3px;}
.kat1 .h230 {height:239px;}
.kat1 .center {  height: 159px!important; }
.kat1 .center div{ margin-top:80px; }
.kat1 .center div li { font-size:13px; line-height:20px;}
.kat1 .center div li a { font-weight:bold;}
/*.kat1 .center { display: table; height: 230px; #position: relative; overflow: hidden;}
.kat1 .center div{ #position: absolute; #top: 50%;display: table-cell; vertical-align: middle; }
.kat1 .center div ul{ #position: relative; #top: -50%;}
.kat1 .center div ul li a { font-size:13px; color:#9a9676; font-weight:bold; line-height:20px;}*/

.kat1 .left410 {margin-top:0;}

.kat1 .center ul{ vertical-align:middle;}

/*content spalten about*/
.kat9 ul, .kat7 ul, .kat4 ul  { margin-top:21px;}
.kat9 ul a,.kat4 ul a { line-height:20px;}
.kat9 #left ul li a , .kat4 #left ul li a {color:#9a9676; font-weight:bold;}
.kat9 #left ul li.akt a, .kat4 #left ul li.akt a {color:#fff;}
.kat9 #mempic{margin-top:11px}
.kat9 .left410 {margin-top:9px!important;}
#right190 {width:190px; float:left; padding:35px 0 0 0; }
#right190 ul{ width:190px;margin-top:31px;}
#right190 ul li{ line-height:20px;}
#right190 p {width:190px; }
#right190 a {color:#9a9676;}

/*content spalten members*/
.kat4 #right h2 {margin:25px 0 19px 0;}
.kat4 #right p {margin:0 0 20px 0;}
.kat4 #mempic { width: 630px; overflow:hidden; padding-top:10px; margin-bottom:22px;}
.kat4 #mempic dl {float:left; margin-right:30px;}
.kat4 #mempic dl.nomarg {margin-right:0;}
.kat4 #mempic dl dt {display:block; margin-bottom:8px;}
.kat4 #mempic dl dd { font-size:10px; color:#fff; font-weight:bold; line-height:15px;}
.kat4 #right .left410 p{ margin-top:0; } 
.kat4 #right190 {font-size:9px; text-transform:uppercase; font-weight:bold; margin-top:5px;line-height:20px!important }
.kat4 #right190 p {color:#fff;line-height:20px!important }
/*.kat4 h2{line-height:24px!important;margin:30px 0 20px 0!important;}*/

.left410 {width:410px; float:left; padding:0 0 0 0; margin:0 30px 0 0; } 
#right .left410 ul {  margin-top:19px;  }
#right .left410 ul li {  list-style: disc; margin-top:0; margin-left:15px;line-height:20px;   }
#right #right410 ul li {  list-style: disc; margin-top:0; margin-left:15px;line-height:20px;   }

/*content spalten projects*/
.projects{ margin:21px 0 24px 0;}
.projects img { margin-bottom:6px;}
.projects .short img {float:left; margin: 0 20px 16px 0; }
.projects .short h4 {margin:0 0 8px 0; line-height:25px; padding-top:2px;}
.projects .short p {   font-size:11px; line-height:20px!important; margin:0!important;  }
.projects .short a {color:#b2a484;}
.borderlite, .kat1 .projects { border-top: #333 solid 1px; padding-top:9px;}
.kat7 .borderlite{ border-top: #333 solid 1px; padding-top:25px;}
.kat7 .short h4 {margin:0 0 13px 0; }


.upper9 { text-transform:uppercase; font-size:9px; font-weight:bold;}
.lm {margin-left:10px;}
/*.kat7 .left410 { width: 410px; overflow:hidden; padding-top:1em; border-top: 1px solid #777;margin-top:2em;}*/
.kat7 h2 { margin-top:10px; margin-bottom:19px!important; }
.kat7 #left p { margin-top:0;margin-bottom:15px;}
.kat7 .left410 {margin-top:19px!important;}
.kat7 .left410 ul {margin-top:22px;}
.kat7 .left410 ul li, .kat7 .left410 ul li a { line-height:25px; font-size:13px;}
.kat7 .left410 ul li.minus { background-color:#000;}
.kat7 .left410 ul li a {  color:#b2a484; line-height:20px; padding-left:10px;} 
.kat7 .bordertop {border-top: 1px solid #777; margin-top:20px; }

/*.kat7 #projects h3 a { font-size:13px; font-weight:bold; text-transform:none;}*/
.kat7 #right410 {margin-top:37px;}
.kat7 #right410 h2 {margin-bottom:44px!important;}
/*.kat7 h2 {margin:21px 0 46px 0!important;}*/

#propic img {margin-top:31px;}

/*news*/
.kat27 h2 { margin-top:10px; margin-bottom:19px!important; }
.kat27 #left p { margin-top:0;margin-bottom:15px;}
.kat27 .left410 {margin-top:25px}
.kat27 #right410 {margin-top:37px;}
.kat27 #right410 h2 {margin-bottom:29px!important;}
#ndetail { margin-top:32px;}

.newsadd  {clear:both;font-size:9px!important; line-height:17px; font-weight:bold;text-transform:uppercase; margin:0;}
.newsadd  p {margin:0!important;line-height:17px!important; }
.newsadd .left {width:80px!important; color:#fff;  float:left;}
.newsadd .right {width:320px!important; margin-left:10px; float:left;}
#sort {height:20px; margin:20px 0 0 0;display:none;}
#sorti {height:20px; margin:20px 0 0 0;}
#sorti form {float:left;}

#sorti form  select {border:none; height:20px; line-height:20px; font-size:10px; color:#9a9676; font-weight:bold; vertical-align:middle;background-color: #333; background-image:url(../img/login_bg.png); height:18px; line-height:12px; }
#sorti form select option {border:none; background-color: #333; vertical-align:middle;padding:2px 40px 0 3px; height:14px; line-height:10px; }
#sorti form select option:hover{background-color: #fff;color: white;}

#sorti #sdate {float:right;}
.more p{margin-top:10px!important;}
#sdate a { display:block; width:80px; background: url(../img/date_sort.gif) no-repeat right 0;}
#sdate a:hover {color:#f06; background: url(../img/date_sort.gif) no-repeat right -15px;}
.all-news-list { margin-top:20px;}
.all-news-list ul li { line-height:20px; clear:both;padding-left:5px}
.all-news-list ul li.minus { background-color:#000!important; }
.all-news-list ul li a{display:block; width:320px;font-size:11px;height:20px;float:left; overflow:hidden;}
.all-news-list ul li span { font-size:9px; font-weight:bold;height:20px; float:right; margin-right:10px;}

object { margin:30px 0 0 0;}

/*farben*/
.whiteheadline { color:#fff; font-size:2.6em; border-top: 1px solid #777;}
.grauelinie {color:#777;}
.schriftfarbe {color:#ccc;}
.golden {color:#9a9676;}

#rex_375_multinewsletter label {display:block; margin-bottom:1em;}
#rex_375_multinewsletter  input {float:left; border:none; width:180px; height:17px;padding: 3px 0 0 8px; background:url(../img/login_bg.png); margin-right:10px; color:#666;font-size:10px; font-weight:bold; line-height:20px; vertical-align:middle}
div#login form input.hide {display:none;}
#rex_375_multinewsletter  input.submit {width:100px; height:20px;padding:0; background:url(../img/login_butt.png) no-repeat; text-indent:-999em; margin-right:0;}
#rex_375_multinewsletter  input.submit:hover {background:url(../img/login_butt.png) no-repeat 0 -20px; cursor:pointer}
#login form {margin-bottom:30px}
.logmsg { font-size:11px;color:#666; text-align:right;}
#pagination {font-size:11px; margin:5px 0 0  5px}