/* CSS Document */
/* www.MOTOYAMAdesign.com */
/* April 2008 */


/* ___________________________ HTML definitionen Start ___________________________ */

*  {	
	margin: 0;
	padding: 0;
	}


body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-image:url(images/bg.jpg);
	background-repeat:repeat-x;
	background-color:#f1f3f6;
	text-align: center;
	font-size: 101%;
}

img { border: 0; }

hr {
 	color: #aaa; 
	background-color: #aaa;
	border: #aaa; 
	height: 1px;
	margin: 5px 0 5px 0;
}

#containerContent {	line-height: 1.8em; }

.vorstand p {
	margin: 0;
	padding-bottom: 8px;
	font-size: 10px;
}

a:active, a:focus {
	outline: none;
}

/* ___________________________ HTML definitionen END ___________________________ */




/* ___________________________ Standards Start ___________________________ */
.killfloat {
	clear:both;
	visibility: hidden;
	}	

.alignRight {
	text-align: right;
	padding-right: 1em;
	}

.spacer {
	padding: 0 5px 0 5px;
}	
.spacerB {
	padding: 0 0 40px 0;
}
/* ___________________________ Standards Ende ___________________________ */


/* ___________________________ Definiton der Hauptnavigation Start ___________________________*/

a {
	color:#2b363e;
	text-decoration: none;
}

a:hover{ text-decoration: underline; }

a:active, a:focus{outline: none}

.pdfDwnl {
	background-image: url(../images/pdf_download.gif);
	background-repeat: no-repeat;
	background-position: right top;
	width: 130px;
	height: 30px;
}

.pdfPresse {
	background-image: url(../images/pdf_download.gif);
	background-repeat: no-repeat;
	background-position: right top;
	width: 160px;
	height: 30px;
}

.pdfDwnl a {
	padding-right: 70px;
	font-size: 12px;
	color: #1e4a97;
	font-weight: bold;
}

.pdfPresse a {
	padding-right: 70px;
	font-size: 12px;
	color: #1e4a97;
	font-weight: bold;
}
/* ___________________________ Definiton der Hauptnavigation Ende ___________________________*/


/* ___________________________ Schriften definition der Typo Start ___________________________ */


p {
	font-size: 12px;
	margin-bottom: 20px;
}

ul.standardList
{
	font-size: 12px;
	margin-bottom: 20px;
	margin-left: 40px;
}

p.more {
	margin-top: -20px;
	text-align: right;
}

p.more a {
	color: #1e4a97;
	font-size: 10px;
	padding-right: 5px;
	font-weight: bold;
}

.topStart .topLeft h1 {
	color: #1e4a97;
	letter-spacing: 1px;
	padding-left: 40px;
	font: normal small-caps 18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.topFollow .topLeft h1 {
	color: #1e4a97;
	letter-spacing: 1px;
	float: left;
	padding: 50px 0 0 0;
	font: normal small-caps 18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.teaser h1 {
	color: #1e4a97;
	font-size: 12px;
	}

#contentCon #conPic h1 {
	color: #666;
	font-size: 16px;
	padding-top: 20px;
	}

#contentCon h1 {
	color: #666;
	font-size: 14px;
	padding: 0 0 10px 0;
	}

.teaser h3,
#contentCon h3 {
	color: #666;
	font-size: 10px;
	padding-top: 5px;
	}

h3.zeitleiste {
	padding: 2px 2px 2px 0;
	display: block;
	background: url(../images/20px.gif) no-repeat 33px 10px;
}

.bgZeitleiste {
	padding: 2px;
	display: block;
	background: url(../images/1px.gif) repeat-y 41px 35px;
	visibility: visible;
	/*border-top: 1px solid #666;
	border-bottom: 1px solid #666;*/
}

#divUp {
	border-bottom: 1px solid #666;
	}

#divUp img {
	padding-left: 180px;
	padding-bottom: 5px;
	}

#divDown img {
	padding-left: 180px;
	padding-top: 5px;
	}
	
#divDown {
	border-top: 1px solid #666;
	position: relative;
	margin-top: 450px;
	}	

#divScrollTextCont {
	position:absolute; 
	width:200px; 
	height:450px; 
	clip:rect(0px 200px 450px 0px); 
	overflow:hidden; 
	/*visibility:hidden;*/
	}

#divText {
	position:absolute; 
	left:0px; 
	top:0px;
	} 

#contentCon h1.zeitleiste {
	color: #666;
	font-size: 10px;
	font-weight: normal;
	padding: 0 0 0 50px;
	margin: 0;
	}

h1.zeitleiste a {
	color: #666!important;
	font-weight: normal;
	overflow: hidden;
	}
	
.startConAktuelles h3
 {
	color: #666;
	font-size: 10px;
	padding: 0 0 5px 0;
	}

.topFollow .topLeft img {
	float: left;
	}

#container h2 {
	color: #fff;
	background-color: #1e4a97;
	font-weight: normal;
	padding: 4px 0 4px 8px;
	font-size: 14px;
	border-top: 1px solid #fff;
	margin-bottom: 10px;
	}


.startConAktuelles h2 {
	color: #fff;
	background-color: #1e4a97;
	font-weight: normal;
	padding: 3px 0 0 8px;
	font-size: 14px;
	border-bottom: 1px solid #fff;
	margin-bottom: 0;
	}


.startConAktuelles h1,
#contentCon h1,
.followCon h1 {
	color: #000;
	font-size: 12px;
	font-weight: bold;
	padding: 0 0 10px 0;
	}

#contentCon .teaser h1 {
	padding: 0 0 0 0;
	}

h2 a {
	color: #fff;
}

/* ___________________________ Schriften definition der Typo Ende ___________________________ */






/* ___________________________ Layout Start ___________________________ */

#centern {
	margin: 0px auto;
	width: 962px;
}

#conTop {
	background-image: url(../images/bg_top.jpg);
	background-repeat: no-repeat;
	width: 930px;
	height: 297px;
	padding: 0 0 0 31px;
	margin-top: 15px;
	text-align: left;
}

#conTopB {
	background-image: url(../images/bg_top.jpg);
	background-repeat: no-repeat;
	width: 930px;
	height: 173px;
	padding: 0 0 0 31px;
	margin-top: 15px;
	text-align: left;
}

#container {
	text-align: left;
	background-image: url(../images/bg_content.jpg);
	background-repeat: repeat-y;
	padding-left: 31px;
}

#contentCon {
	background-color: #eae7e7;
	width: 880px;
	text-align: left;
	padding: 20px 0 40px 20px;
}

.topStart .topLeft {
	background: url(../images/bg_start_logo.jpg) no-repeat;
	width: 460px;
	height: 250px;
	float: left;
}

.topFollow .topLeft {
	background: url(../images/bg_follow_logo.jpg) no-repeat #5f7daf;
	width: 681px;
	height: 125px;
	float: left;
}

.topRight {
	float: left;
}

.startCon {
	width: 200px;
	float: left;
	margin-right: 20px;
	color: #666;
}

.startConB {
	width: 200px;
	float: left;
	margin-right: 20px;
	color: #666;
	position: relative;
}

.startConAktuelles p {
	padding-top: 5px;
}

.startCon img,
.startConAktuelles img {
	padding-bottom: 5px;
}

.startConAktuelles {
	width: 200px;
	float: left;
	color: #666;
	text-align: left;
}

.followCon {
	width: 420px;
	float: left;
	margin-right: 20px;
	color: #666;
}

.karteCon {
	width: 857px;
	margin-right: 20px;
	color: #666;
}

.articleCon {
	width: 640px;
	float: left;
	margin-right: 20px;
	color: #666;
}

.articleCon h3 {
	margin-top: 30px;
	display: block;
}


.galleryCon {
	width: 640px;
	float: right;
	color: #666;
}

.galleryConText {
	width: 640px;
	float: none;
	color: #666;
}

.articleCon img {
	float: left;
	padding: 0 20px 10px 0;
}

#bottom {
	background-image: url(../images/bg_bottom.jpg);
	background-repeat: no-repeat;
	width: 912px;
	height: 313px;
	text-align: left;
	color: #666;
	padding: 20px 0 0 50px;
}

#bottom p {
		font-size: 11px;
		color: #999;
}
#bottom a {
		color: #999;
}

#logosBottom {
	position: absolute;
	z-index: 1		;
	padding: 77px 0 0 644px;
}

#logosBottom img {
	padding: 0 0 0 20px;
	border: 0;
}

.topLeft {
	position: relative;
}

.topLeft .login {
	background-color: #ffe32d;
	border-top: 1px solid #1e4a97;
	width: 460px;
	height: 22px;
	position: absolute;
	text-align: right;
	padding-top: 7px;
	top: 220px;
}

.topLeft .login a {
	font-size: 12px;
	font-weight: normal;
	padding: 0 20px 0 0;
}

#conTopB li.login a {
	color: #1e4a97;
	border: 0;
	text-align: right;
}


.forBack {
	border-top: 1px solid #adadad;
	border-bottom: 1px solid #adadad;
	padding: 5px 0 5px 0;
	margin-top: 10px;
	clear: left;
}

.forBack .forBackCenter {
	text-align: center;
	padding: 0;
	margin: 0;
	float: left;
	width: 382px;
}

.forBack .forBackCenterB {
	text-align: center;
	padding: 0;
	margin: 0;
	float: left;
	width: 600px;
}

.forBack p {
	text-align: center;
	padding: 0;
	margin: 0;
	font-weight: bold;
}

.forBackB {
	border-top: none;
	border-bottom: none;
	padding: 5px 0 5px 353px;
	margin-top: -36px;
	margin-bottom: 10px;
	clear: left;
	width: 60px;
}

.forBackC {
	border-top: none;
	border-bottom: none;
	padding: 5px 0 5px 573px;
	margin-top: -36px;
	margin-bottom: 10px;
	clear: left;
	width: 60px;
}


.forBack .back {
	float: left;
	background-image: url(../images/arrow_back.gif);
	background-repeat: no-repeat;
	width: 18px;
	height: 18px;
}

.forBack .back a,
.forBack .forward a {
	display: block;
	width: 18px;
	height: 18px;
}

.forBack .back a:hover {
	text-decoration: none;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
}

.forBack .forward a:hover {
	text-decoration: none;
	border-left: 1px solid #000;
	border-bottom: 1px solid #000;
}

.forBack .forward {
	float: right;
	background-image: url(../images/arrow_vor.gif);
	background-repeat: no-repeat;
	width: 18px;
	height: 18px;
}

.teaser img {
	float: left;
	padding: 0 10px 10px 0;
	width: 110px;
}

.teaser {
	border-top: 10px solid #dfe3e9;
	clear: left;
	float: none;
}

.teaser .more {
	clear: left;
}

.teaser.first {
	border-top: 0;
}

#conPic {
	background-color: #dfe3e9;
	width: 630px;
	height: 190px;
	overflow: hidden;
	padding-right: 10px;
	margin-bottom: 20px;
	position: relative;
}


.picContainer {
	width: 255px;
	overflow: hidden;
	background-color: #dfe3e9;
	float: left;
	margin-right: 20px;
}

.nachOben {
	background-image: url(../images/arrow_top.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding: 0 0 0 20px;
}

.linkGallery {
	position: absolute;
	top:  160px;
	left: 270px;
	background-image: url(../images/icon_plus.gif);
	background-repeat: no-repeat;
	background-position: left;
}

.linkGalleryB {
	background-image: url(../images/icon_plus.gif);
	background-repeat: no-repeat;
	background-position: left;
}

.contentPic {
	float: left;
	padding-bottom: 10px;
}

.contentPic img {
	float: none;
}

.contentPic .linkGalleryB {
	background-image: url(../images/icon_plus.gif);
	background-repeat: no-repeat;
	background-position: left;
	clear: both;
}

.linkGallery a,
.linkGalleryB a {
	font-size: 12px;
	padding-left: 20px;
}

.flashGal p {
	font-size: 8px!important;
	text-align: center;
	padding-top: 10px;
}

.vkfCD img {
	float: left;
	padding: 0 10px 10px 0;
	height: 58px;
}

.vkfCD p{
	clear: left;
}
/* ___________________________ Layout Ende ___________________________ */


/* Vergroesserung der Bilder */
.imageBox img {
	padding: 0 0 .5em 0;
	height: auto;
}

#zoomTeaserTextBox1 {
		width: 185px;
		float: left;
		margin-right: 10px;
		background-color: #dadfe8;
}

.imageBox{
	/*float: left;*/
	padding: 0;
	background-color: #dadfe8;
	/*margin-right: 10px;*/
	}


.captureText {
	float: left;
	padding: 5px;
	overflow: hidden;
	font-size: 10px;
}

p.capture a.zoom {
	background-image: url(../grafik/icon_plus.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
	padding: 0 .6em 1em 0;
	float: right;
	width: 1.6em;
	}
	
p.capture a.zoom:hover {
	text-decoration: none;
	}



/* ___________________________ Navigation Start ___________________________  */

ul.navFollow { 
	width: 900px;
	height: 45px;
	overflow: hidden;
	background-color: #1e4a97;
	border-bottom: 1px solid #fff;
	}

.navFollow {
	background-color: #ffe32d!important;
}

.navFollow li.login a {
	background-color: #ffe32d!important;
	text-align: right;
	padding: 13px 0 0 76px;
	font-weight: normal;
	font-size: 12px;
}

.navFollow li.login a:hover {
	background-image: none;
	text-decoration: underline;
}


#conTop ul.navlist { 
	width: 900px;
	height: 45px;
	overflow: hidden;
	background-color: #1e4a97;
	border-bottom: 1px solid #fff;
	}

.navlist li {
	list-style-type: none;
	display: block;
	float: left;
	}

.navlist a {
	padding: 13px 22px 0 22px;
	color: #FFF;
	font-size: 14px;
	display: block;
	float: left;
	height: 32px;
	border-right: 1px solid #fff;
	text-decoration: none;
	background-color: #1e4a97;
	}

.navlist a:hover {
	background-image: url(../images/mouseover.jpg);
	background-repeat: repeat-x;
	}
	
.navlist a.active  {
	background-image: url(../images/mouseover.jpg);
	background-repeat: repeat-x;
	}

ul#navlistBottom { 
	font-size: 11px;
	margin: 20px 0 20px 0;
	position: absolute;
	z-index: 30;
	}

#navlistBottom li {
	list-style-type: none;
	display: inline;
	color: #999;
	}

#navlistBottom a {
	color: #999;
	text-decoration: none;
	padding-right: 10px;
	}
	
#navlistBottom a:hover {
	text-decoration: underline;
	}	
#navlistBottom a.active {
	text-decoration: underline;
	}	
	

ul#projectSubnavi li {
	list-style-type: none;
	margin-bottom: 5px;
}
	
ul#projectSubnavi li a {
	padding: 5px;
	color: #666;
	font-size: 14px;
	display: block;
	text-decoration: none;
	background-color: #dadfe8;
}

ul#projectSubnavi li a:hover {
	color: #fff;
	background-color: #1e4a97;
}

ul#projectSubnavi li a.active {
	color: #fff;
	background-color: #1e4a97;
}		
/* ___________________________  Navigation Ende ___________________________  */

h3.invisible {
	display: none;
	height: 0;
}

.zeitSpacer {
	height: 5px;
}

.oppenheim {
	position: absolute;
	z-index: 20;
}

.abschicken {
	background-color: #1e4a97;
	color: #fff;
	margin-left: 10px;
	border: 1px solid #666;
	padding: 3px;
}

.password {
	border: 1px solid #1e4a97;
	padding: 3px;
}

.logged {
	padding: 10px 0 0 0;
	text-align: center;
	display: block;
	color: #666;
	font-size: 10px;
}

.logged a {
	padding: 0 10px 0 0;
	background-color: #ffe32d;
	text-align: center;
	color: #666;
	height: auto;
	width: auto;
	border: 0;
	float: none;
	display: inline;
	font-size: 10px;
}

.logged a:hover {
	background-image: none;
	text-decoration: underline;
}