@charset "UTF-8";
/* CSS Document */


@import url(navigator.css);
@import url(form.css);
@import url(content.css);
@import url(imgGallery.css);
@import url(plakatViewer.css);
@import url(member.css);
@import url(typo.css);



/*Allgemeine Einstellungen*/

html, body {
	margin: 0;
	padding: 0;
	width: 100%;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.85em;
	color: #333;
	line-height: 1.6em;}
	
body {
	background: #0e5da8 url(expBG.jpg) center top no-repeat;} /*#fff url(DD2020_BG.gif) center top repeat-x;}*/
	
.clear {clear:both;}
	
#CiSContainer {
	margin: 45px auto 0 auto;
	width: 955px;
	overflow: hidden;
	position: relative;}
	
#CiSHeader {
	float: right;
	position:relative;
	width:	220px;
	overflow:hidden;
	margin: 0 0 0 25px;
}

#CiSContentBlock {
	float:left;
	position:relative;
	width: 710px;
	min-height: 400px;
	display:block;
	overflow: hidden;
	}
	
.head {
        position:relative;
        background: url(headBG.jpg) top right no-repeat;
        height: 75px;
        margin: 0 0 25px 0;

        }

.headline {
        position:absolute;
        right: 20px;
        width: 510px;
        display:block;
        text-align:right;
        font-size: 20px;
        color: #fff;
        bottom:20px;}
	
#CiSWebsiteContent {
	width: 735px;}
	
.newsBoxes_2_1 {
	clear:left;  margin: 0 0 25px 0; overflow:hidden; padding: 3px 0 0 0; position:relative; width: 740px; overflow:hidden;}
.newsBoxes_2_1 .clear {
	background: url(newsBoxes_2_1.png) 0 0 repeat-x; height: 3px; display:block; width: 100%; position:relative; clear:both; overflow:hidden;}
	
/*BOX710*/	

.box710 {
        margin: 0 0 25px 0;
        width: 708px;
        display:block;
        position: relative;
        background: url(white_70.png);
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
        z-index:1;
        }
        
.box710b {
        margin: 0 0 25px 0;
        width: 708px;
        display:block;
        position: relative;
        background:  url(white_90.png);
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
        z-index:1;
        }
	
.box710 .box710_top {position:absolute; left: -1px; top: -3px; background: url(greyBorder_710.png) 0 -2px no-repeat; height: 3px; width: 710px; display:block; z-index: 2;}
.box710 .box710_mid {margin: 0px 20px; padding: 20px 0 10px 0; width: 670px; min-height: 20px; position:relative; z-index: 3;}
.box710 .box710_end {background: url(greyBorder_710.png) 0 0 no-repeat; height: 3px; width: 710px; display:block; z-index: 2; position: absolute; bottom: -3px; left: -1px; overflow:hidden;}

.box710b .box710_top {position:absolute; left: -1px; top: -3px; background: url(greyBorder_710b.png) 0 -2px no-repeat; height: 3px; width: 710px; display:block; z-index: 2;}
.box710b .box710_mid {margin: 0px 20px; padding: 20px 0 10px 0; width: 670px; min-height: 20px; position:relative; z-index: 3;}
.box710b .box710_end {background: url(greyBorder_710b.png) 0 0 no-repeat; height: 3px; width: 710px; display:block; z-index: 2; position: absolute; bottom: -3px; left: -1px; overflow:hidden;}


/*BOX220*/	
.box220 {width: 218px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; background: url(white_70.png); display:block; position:relative; float:left; margin: 0 25px -2000px 0; padding: 0 0 2000px 0;}
.box220_top {position:absolute; left: -1px; top: -3px; background: url(greyBorder_220.png) 0 -2px no-repeat; height: 3px; width: 220px; display:block; z-index: 1;}
.box220_end {position:absolute; left: -1px; bottom: -4px; background: url(greyBorder_220.png) 0 0 no-repeat; height: 3px; width: 220px; display:block; z-index: 1;}
.box220_mid {margin: 0px 20px; padding: 10px 0; width: 180px; min-height: 20px; position:relative; z-index: 2; min-height: 20px;}

/*BOX465*/	
.box465 {width: 463px; border-left: 1px solid #ccc;border-right: 1px solid #ccc; background:  url(white_70.png); display:block; position:relative; float:left; margin: 0 25px -2000px 0; padding: 0 0 2000px 0;}
.box465_top {position:absolute; left: -1px; top: -3px; background: url(greyBorder_465.png) 0 -2px no-repeat; height: 3px; width: 465px; display:block; z-index: 1;}
.box465_end {position:absolute; left: -1px; bottom: -4px; background: url(greyBorder_465.png) 0 0 no-repeat; height: 3px; width: 465px; display:block; z-index: 1;}
.box465_mid {margin: 0px 20px; padding: 10px 0; width: 425px; min-height: 20px; position:relative; z-index: 2; min-height: 20px;}

/*BOX465 IE6*/	
* html .box465 {margin: 0 25px -2000px 0; overflow:hidden;}



/*BOX220*/	
.twbox220 {width: 218px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; background: url(white_70.png); display:block; position:relative; float:left; margin: 0 0 3px 0; overflow:visible;}
.twbox220_top {position:absolute; left: -1px; top: -3px; background: url(greyBorder_220.png) 0 -2px no-repeat; height: 3px; width: 220px; display:block; z-index: 1;}
.twbox220_end {position:relative; margin: 0 -1px -3px -1px; background: url(greyBorder_220.png) 0 0 no-repeat; height: 3px; width: 220px; display:block; z-index: 1; clear:both; overflow:hidden;}
.twbox220_mid {margin: 0px; width: 180px; position:relative; z-index: 12;}





#CiSFooter {
	clear:both;
	width: 710px;
	display:block;
	font-size: 10px;
	height: 40px;
	display:block;
	color: #fff;
	border-top: 1px solid #cbe7f8;}
	
#CiSFooter ul {
	margin: 15px 0;
	padding: 0;
	list-style-type:none;}
	
#CiSFooter ul li {
	float:left;
	margin: 0 10px 0 0;}
	
#CiSFooter ul li a {
	text-decoration: none;
	color: #fff;}
	
#CiSFooter ul li a:hover {
	color: #ffeb00;}
	
#CiSFooter ul li a.loginlink {
	color: #fff !important;}

#bsocialLinks {
	float:right;
	margin: 10px 0 0  0;}	
	
#bsocialLinks a {
	height: 24px;
	display:block;
	float:left;
	padding: 0;
	overflow: hidden;
	margin: 0 0 0 5px;
	}
	
#bsocialLinks a img {
	border: none;}
	
#bsocialLinks a:hover img {
	margin: -24px 0 0 0;}
	
/*TWITTER*/

#twitterbox {
	width: 180px;
	background: url(twitter.png) 170px top no-repeat;
	padding: 45px 20px 0 20px;
	margin: -35px 0px 10px 0px !important; }

#twitterbox div.loading {
margin: 0 0 0 -21px;}

img.Twitter_bild {
	display:block;
	margin: 0 auto;}

#twitterbox p{
	color: #666;
	font-size: 10px;
	margin:0;
	padding:0;}

#twitterbox p span.date {
	display:block;
	float:right;
	color: #0f5aa3;
	}
	
#twitterbox a {text-decoration:none; color: #00519e}
#twitterbox a:hover {color: #333;}
.TwitterTime a{
	text-decoration: none;
	color: #ccc;
	}
	
/*KARTE DD*/

#StadtKarte_DD {position:relative; margin:-20px auto 0 auto; text-align:center;}

#StadtKarte_DD .links {margin: 20px 0 0 0;}

#StadtKarte_DD .links a {
	display:block;
	padding: 5px !important;
	float: left;
	width: 119px;
	margin: 0 5px 5px 0;
	background: #fff;
	text-align:center;}
	
#StadtKarte_DD .links a:hover {
	background: #00519e;
	color: #fff;}

#infoBox {
	position: absolute;
	display:none;
	background: url(schild.gif) 0 0 no-repeat;
	width: 150px;
	height: 100px;}
	
#infoBox span.schild {
	display:block;
	width: 150px;
	text-align:center;
	font-size: 24px;
	line-height: 22px;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	margin: 25px 0 0 0;}
	
#RSSView {display:none; width: 100px; height: 52px; padding: 10px 20px; background: url(rssView.png) 0 0 no-repeat; clear:both; position: absolute; z-index: 100; right: 0px; bottom: 18px;}
#RSSView a {display:block; float: none; font-size: 10px; color: #333; text-align: right; text-decoration:none;}
#RSSView a:hover {color: #0f5aa3;}