/* =========================================================
m21-portal.de - Stylesheet für Mobilität21 - Kompetenznetzwerk für innovative Verkehrslösungen
Datei: style.css
Media: screen
Datum Erstellung: 17. Februar 2009
Datum Änderung: 18. Februar 2009
Autor: Ulf Mayer
Mail: mayer@navigate.de

	Link-Blau: #142e5c
	Hintergrund-Blau: #ECF1F5
	Border-Blau: #CFDCE5, #7091B3
	
========================================================== */

/* ===============================
   = Undohtml
=============================== */

:link,:visited { text-decoration:none }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin:0; padding:0 }
a img,:link img,:visited img { border:none }
address { font-style:normal }
dl {margin: 0 0 0 .8em;}
dl dt {margin: 0 0 .5em 0;}
dl dd+dt {margin-top: 1.5em;}
dl dd {margin: 0 0 1em 2em;}
ol {list-style: decimal;}
ol li {margin: 0 0 1em 2.5em;}
ol li ol {margin: 1em 0 1em 1em;}
ol li ul {margin: 1em 0 1em 1em;}
p {margin-bottom: 1em;}
ul {list-style: circle;}
ul li {margin: 0 0 0 2em;}
ul li ul {margin: 1em 0 1em 1em; list-style: square;}
ul li ol {margin: 1em 0 1em 1em;}

/* ===============================
   = General Styling
=============================== */

* { font-size: 1em; /* don't edit! */ }
html { font-size: 62.51%; /* don't edit */ }
body {
	font-size: 1.1em; /* edit here to change font size globaly 1em = 10px */
	background:#fff;
	color:#303030;
	font-family: Verdana, Tahoma, Arial, sans-serif;
}

.screenreader {display: none;}

h1 {font-size: 14px; font-weight: normal; margin: 0 0 10px 0;}
h2 {font-size: 13px; color: #142e5c; margin: 0 0 11px 0;}
h3 {font-size: 11px; margin: 0 0 16px 0;}
h4 {font-size: 1em; margin: 0 0 14px 0;}

fieldset {border: 0;margin: 0;padding: 0;}
div.tx-indexedsearch-searchbox form fieldset {display: none ;}
legend {display: none;}

a {color: #142e5c; font-weight: normal;}
a:hover {text-decoration: underline;}

.clearBoth {clear: both;}

.alignleft {float: left;}
.alignright {float: right;}

input, textarea, input, button, select {font: inherit;}
input, textarea {border: 1px solid #7f9db9; padding: 3px;width:200px;}

/* ===============================
   = Container
=============================== */

p.jump em,
p.jump .hd {display: none;}
p.jump {margin: 0;}

.hidden,
#breadcrumb {display: none;}

#skipnav a {left:-1000px;	overflow:hidden;	padding: 0 5px;	position:absolute;	top:-100px;	z-index:2;	display: block;}
#skipnav a:focus, #skipnav a:active {	background:#ECF1F5;	color:#333;	font-size:1em;	padding: 3px 10px;	position:absolute;	top: 2px;	left: 0px;	z-index:99;	display: block;}

.nohr, screenreader {display: none;}

#container {width: 945px; margin: 0 auto; padding-top: 24px; position: relative; background: url(../images/bg-head.gif) no-repeat;}
#headnav {position: absolute; top: 6px; right: 200px;}
#head {border-top: 1px solid #cfdce5; height: 100px; margin: 0 0 25px 0; border-bottom: 5px solid #7091b3;}

#logo {position: absolute; top: 28px; left: 0; z-index: 100; display: block;}
	#logo a {padding: 27px 0 0 0; display: block;}
	#logo h1 {margin: 0;}
#keavisual {position: absolute; top: 25px; left: 200px;}
#bmvbs {position: absolute; top: 25px; right: 0;}

#contentLeft {float: left; margin: 0 25px 0 0;}
#contentMain {width: 520px; float: left; margin: 0 25px 0 0; line-height: 15px;}
#contentRight {float: right; width: 175px; line-height: 15px;}

#footer {border-top: 2px solid #7091b3; color: #666; font-size: .9em; padding: 10px 0 20px 0;}
#footer p {float: left; margin: 0;}

/* ===============================
   = Content Elements
=============================== */

#contentMain ul {margin: 0 0 20px 0; padding: 0; list-style: square;}

.topBG {background: #ecf1f5; padding: 20px 20px 1px 20px; margin: 0 0 10px 0;}
	.topBGpad { padding: 20px;}
	.topBG h2 a {font-weight: bold;}

.box, .csc-frame {border: 1px solid #cfdce5; margin: 0 0 10px 0;}
	.box .inner {padding: 20px 20px 0 20px;}
	.box .innerSmall {padding: 2px 4px 2px 4px;}
	.box .innerMedium {padding: 8px 10px 2px 10px;}
	.box h2, .csc-frame  h2{padding: 6px 18px 7px 18px; margin: 0; background: #ECF1F5;}
	.box h2 a {font-weight: bold;}
	
.floatLeft {float: left; margin: 4px 10px 15px 0;}
.floatRight {float: right; margin: 4px 0 15px 10px;}

.imageSubline img {background:#ecf1f5; margin-bottom: -3px; }
.imageSubline span {background:#ecf1f5; font-style: italic; display: block; padding: 3px 5px;}

#contentRight .box h3 {background: #a0b7c8 url(../images/bg-head-sub.gif) repeat-x; font-size: 1em; margin: 0; padding: 2px 4px;}
#contentRight .search h3 {background: #ecf1f5;}

#contentRight ul,
#contentRight ul li {list-style: none; margin: 0; padding: 0; width: 100%; display: inline; display: inline-block;}
#contentRight ul li {display: block; display: inline-block; padding: 2px 0 1px 0; margin: 0; background: #fff url(../images/dotted.gif) repeat-x;}
#contentRight ul li.first {background: #fff;}
#contentRight ul li a {display: block; background: url(../images/arrowRight.gif) 5px 7px no-repeat; margin: 0; padding: 4px 0 5px 14px;}
#contentRight ul li a.active,
#contentRight ul li a:hover {background: #a0b6c7 url(../images/arrowRightActive.gif) 0 0 no-repeat; text-decoration: none;}
#contentRight ul li a:hover {text-decoration: underline;}

p.more {display: block; clear: both; background: url(../images/dotted.gif) repeat-x; margin: 5px 0 10px 0; text-align: right; padding: 6px 0 0 0;}
p.more .moreRight {background: url(../images/arrow.gif) right 4px no-repeat; padding: 0 20px 0 0;}
p.more .extern {background: url(../images/extern.gif) right 2px no-repeat; padding: 0 20px 0 0;}
p.more .toTop {background: url(../images/totop.gif) right 2px no-repeat; padding: 0 20px 0 0;}

.externspan a,
.extern,
.external-link-new-window { background: url(../images/extern.gif) left 2px no-repeat; padding: 0 0 0 20px;}
.internal-link,
span.tx-indexedsearch-title a{background: url(../images/intern.gif) left 2px no-repeat; padding: 0 0 0 20px;}
.pdf {background: url(../images/pdf.gif) left 2px no-repeat; padding: 0 0 0 20px; display: block;}
.mail {background: url(../images/mail.gif) left 2px no-repeat; padding: 0 0 0 20px; }

div.hr {margin: 10px 0 10px 0; display: block; background: url(../images/dotted.gif) 0 0 repeat-x; padding-top: 2px;}
div.hr hr {display: none;}

hr {border: 0; background: none; border-top: 1px dotted #b8cbd9; height: 1px; color: #b8cbd9;}

.listExt ul {list-style: none; margin: 20px; padding: 0;}
.listExt ul li {list-style: none; width: 100%; margin: 0 0 10px 0; padding: 0 0 10px 0; display: block; background: url(../images/dotted.gif) left bottom repeat-x;}
.listExt ul li a {font-weight: bold; background: url(../images/arrow.gif) left 4px no-repeat; padding: 0 0 0 18px;}

.search strong {display: block;}
.search button {background: url(../images/searchButton.gif) no-repeat; float: right; border: 0; display: block; cursor: pointer; margin: 5px 0 0 0; height: 22px; width: 22px;}
.search input {border: 1px solid #7f9db9; padding: 3px 3px 4px 3px; float: left; width: 120px; margin: 5px 0 7px 0;}
.search button span {display: none;}
.search select {border: 1px solid #7f9db9; padding: 1px; width: 152px; margin: 5px 0 7px 0;}
.search select.last {margin: 5px 0 2px 0;}
.searchInner {padding: 10px;}

.new {color: #d95700; text-transform: uppercase; font-weight: bold; display: inline; padding: 0;}

.dates,
.dates li {list-style: none; margin: 0; padding: 0; display: inline; display: inline-block;}
.dates li {display: block; display: inline-block; width: 100%; margin: 0 0 6px 0; padding: 6px 0 0 0; background: #fff url(../images/dotted.gif) repeat-x;}
.dates li.first {background: #fff;}

/* ===============================
   = Navigation
=============================== */

body #contentMain .box .tx-indexedsearch-info {padding-top: 5px; background: none; background: url(../images/dotted.gif) 0 0 repeat-x;}
body #contentMain .box .tx-indexedsearch-info strong {display: block; float: left; font-weight: normal; width: 100px;}
body #contentMain .box .tx-indexedsearch-percent {font-weight: normal; font-size: .8em;}

#empfehlungFormular .formDonatLeftBox {width: 220px; float: left; margin: 0 0 10px 0;}
#empfehlungFormular .formDonatRightBox {margin: 0 0 10px 0;}
#empfehlungFormular .clearB {clear: both;}
#empfehlungFormular button.submit {margin: 0 0 0 220px;}
#empfehlungFormular input, #empfehlungFormular textarea {width: 200px;}
.error {background: #FFDDE5; padding: 5px;}

/* ===============================
   = Navigation
=============================== */

#headnav ul,
#headnav ul li {display: inline; list-style: none; margin: 0; padding: 0; font-size: .9em;}
#headnav ul li a {display: block; float: left; margin-left: 20px;}

#mainNavigation {position: relative; font-size: 1.1em;}

#mainNavigation,
#mainNavigation li,
#mainNavigation li ul,
#mainNavigation li ul li {list-style: none; margin: 0; padding: 0; display: inline;}

#mainNavigation a {display: block; font-weight: bold; width: 182px; border-bottom: 5px solid #fff; padding: 10px 9px 11px 9px; background: #a0b6c7 url(../images/normal.gif) repeat-x;}
#mainNavigation a:hover,
#mainNavigation a.active {color: #fff; text-decoration: none; background: #7192b3 url(../images/active.gif) repeat-x;}

#mainNavigation li ul {border-bottom: 5px solid #fff; display: block;}
#mainNavigation li ul li a {background: #ecf1f5; border: 0; font-size: .9em; font-weight: normal; padding: 5px 9px 5px 0;}

#mainNavigation li ul {background: #ecf1f5; display: block; width: 200px;}
#mainNavigation li ul li {width: 191px; padding: 2px 0 2px 0; margin: 0 0 0 9px; display: block; background: #ecf1f5 url(../images/dotted.gif) repeat-x; display: block;}
#mainNavigation li ul li.first {background: #ecf1f5;}

#mainNavigation li ul li a.active,
#mainNavigation li ul li a:hover {background: #fff; text-decoration: none; color: #142e5c; display: block;}

#footer ul,
#footer ul li {list-style: none; margin: 0; padding: 0; display: inline;}

#footer ul {float: right; background: url(../images/bg-footernav.gif) 0 0 no-repeat; display: block; padding: 0 45px 0 5px;}
#footer ul a {margin: 0 0 0 15px; display: block; float: left;}


.user-umm21-pi1-commentedpic {
    width: 120px ;
    font-family: arial;
    font-style:italic;
    font-size:11px ;
    background: #eaf1f7;
}
.user-umm21-pi1-commentedpic span{
    padding:2px 2px 2px 4px;
    display: block ;
}

.user-umm21-pi1-commentedpic img {
    width: 120px ;
    
}

.user-umm21-pi1-containercell {
float: left;
width: 160px ;
}

blockquote {
padding: 15px ;
background: #ecf1f5 ;
margin-bottom: 15px !important ;
}
.news-single-item {
border:0 ;
padding: 15px ;
background: #ecf1f5 ;
}
.news-list-container {
background: #fff ;
border:0 ;
}
.user-umm21-pi1 .listwrapper, .news-list-container .listwrapper{
    margin-top:20px ;
    margin-bottom:10px ;
    border: 1px solid #d7dbde ;
}

.user-umm21-pi1 .listwrapper .listtitle, .news-list-container .listwrapper .listtitle{
   padding: 6px 18px 7px ;
   font-weight: bold ;
   background: #ECF1F5  ;
}

.user-umm21-pi1 .listwrapper .listsummary, .news-list-container .listwrapper .listsummary{
   margin: 5px 15px ;
   /*border-bottom: 1px dashed #d7dbde ;*/
   background: transparent url(../images/dotted.gif) repeat-x scroll left bottom;
   padding-bottom: 10px ;
}

.user-umm21-pi1 .listwrapper .listsummary img,.news-list-container .listwrapper .listsummary img{
  margin-right: 5px !important;
  margin-bottom:5px !important;
  width:120px !important ;
}

.user-umm21-pi1 .listwrapper .listlink, .news-list-container .listwrapper .listlink{
  text-align: right ;
  background: transparent url(../images/arrow.gif) no-repeat scroll right 11px;
  margin-right:15px ;
  padding-right: 20px ;
  padding-bottom: 10px ;
  padding-top: 6px ;
}

.user-umm21-pi1 .listwrapper .listlink a, .news-list-container .listwrapper .listlink a{
  padding-bottom: 5px ;
}

br.clear {
  clear: both ;
}

.user-umm21-pi1 .einleitung{
    padding: 15px ;
    background: #ecf1f5 ;
    margin-bottom: 15px ;
}

.user-umm21-pi1 .einleitung .teil1{
    padding-bottom: 5px ;
    margin-bottom: 6px ;
    
}
.user-umm21-pi1 .einleitung .teil2{
    padding-top: 10px ;
    /*border-top: 1px dashed #A0B6C7   ;*/
     background: transparent url(../images/dotted.gif) repeat-x scroll left top;
   
}

.user-umm21-pi1  .listlink2{
  text-align: right ;
  background: transparent url(../images/totop.gif) no-repeat scroll right 4px;
  margin-right:15px ;
  padding-right: 20px ;
  padding-bottom: 10px ;
}
.user-umm21-pi1 .einleitung .teil1 a,.user-umm21-pi1 .listtitle, .news-list-container .listtitle {
  color: #142E5C;
  font-size:13px;
  font-weight:bold ;
}
.user-umm21-pi1 .einleitung .teil1 a,.user-umm21-pi1 .listtitle, .news-list-container .listtitle a {
  font-size:11px;
}
.user-umm21-pi1 .einleitung .teil1 h2 a{
  position: relative ;
  bottom:5px ;
}
#contentRight .thirdbox .links , #contentRight .thirdbox .downloads{
   margin: 15px 0px ;
   border: 1px solid #d7dbde ;
}

#contentRight .thirdbox .links h3, #contentRight .thirdbox .downloads h3{
  display: block ;
  padding: 5px ;
   font-weight: bold ;
   background: #eaf1f7 ;
  
}

#contentRight .thirdbox .links ul, #contentRight .thirdbox .downloads ul{
  padding: 0 ;
  margin: 0 ;
  list-style-type: none ;
}
#contentRight .thirdbox .links ul a{display: block; background: url(../images/extern.gif) 5px 7px no-repeat; margin: 0; padding: 4px 0 5px 25px;}

#contentRight .thirdbox .downloads ul a{
display: block; background: url(../images/pdf.gif) 5px 7px no-repeat; margin: 0; padding: 4px 0 5px 25px;
}
h2 {
   margin: 0 ;
}
p {margin-top: 1em;}

.news-single-item {
  backgroud: #fff :
  
}

.news-single-item h2 {
color: #142E5C !important;
font-size: 13px !important;
}

div.csc-mailform-field {
  margin: 10px 0px;
  padding-left:18px;
}
#mailformAnrede label{
 padding-right: 15px ;
 float: none !important;
 width:inherit !important ;
}
#mailformAnrede input{
width: 15px ;
border: none ;
}
#mailformAnrede label br {
display: none ;
}

.csc-mailform-submit{
   margin-left: 100px ;
}

div.csc-mailform-field label {
float:left;
width:100px;
}

.newsletter-subscription input.checkbox {
	border: none;
	width: auto;
}
.newsletter-subscription label.inputlabel {width: 220px; float: left; margin: 0 0 10px 0;}
.newsletter-subscription .kontaktButton {
	border: none;
	padding: 0;
	 width: auto;
}

h3.navigateLink a {
	font-weight: bold;
}
h3.navigateLink a:hover {
	text-decoration: none;	
}
a.navigateLink:hover {
	text-decoration: none;	
}

.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr .tx-indexedsearch-redMarkup {
	color: #D95700;
}

div.single_event{
  line-height: 18px;
  background: transparent url(../images/dotted.gif) repeat-x scroll left bottom;
  padding-bottom:10px;
  margin-bottom:5px;
}
div.cal p.more {
  background: #ffffff;
}
h2 {
   margin-bottom: 20px;
}