/*######-Deutsche Stadtauskunft Marketing AG - 2011 - www.deutsche-stadtauskunft.com-######*/

* 					{ margin:0; padding:0; border:none;}
body 				{ font:12px Arial, Helvetica, sans-serif; color:#333; line-height:16px; background:url(../images/bg.gif);}

a 					{ color:#333; outline:none;}
a:hover 			{ color:#333;}

h1 					{ font:36px 'Tangerine', arial, serif; color:#af0e02; margin-bottom:10px;}
h2 					{ font:26px 'Tangerine', arial, serif; color:#af0e02; margin-bottom:10px;}
.h2k					{ font:14px arial, serif; color:#af0e02;}

/*Schrift Stile*/
.f10 				{ font-size:10px;}
.f11 				{ font-size:11px;}
.f12 				{ font-size:12px;}
.f14 				{ font-size:14px;}
.f16 				{ font-size:16px;}

/*Bild Stile*/
.img-left 			{ float:left; margin:0 15px 15px 0;}

.top 				{ width:906px; height:112px; margin:auto;}
.logo img 			{ margin:35px 0 0 20px; float:left;}
.logo-img img 		{ margin-top:15px; float:right;}

.navigation 			{ width:100%; height:43px; background:#af0e02; border-top:1px solid #9a0b00; border-bottom:1px solid #9a0b00; margin-bottom:40px;}
.navigation-inner 		{ width:906px; height:43px; margin:auto; position:relative; }
.navigation-inner li 	{ float:left; list-style:none;}
.navigation-inner li a 	{ float:left; text-decoration:none; height:30px; padding:13px 20px 0 20px; display:block; border-right:1px dotted #c45045; margin-right:1px; color:#fff;}
.navigation-inner li a:hover, .navigation-inner li a.active {background:#9a0b00;}

.infobox 			{ width:280px; height:30px; padding-top:13px; color:#fff; position:absolute; top:0px; right:0; text-align:left;}
.infoboxp			{ font-size:11px; color:#FFFFFF; text-align:right; float:right; margin:7px 0 0 0;}
.content 			{ width:956px; min-height:200px; margin:auto; position:relative;}
.content p 			{ margin-bottom:15px;}
.con-l 				{ width:487px; float:left;}
.con-r 				{ width:385px; float:right;}
.img-right			{ margin:0 0 8px 300px;}
iframe				{ float:right; margin:0 0 10px 0;}
/*Inhaltsbereich fuer Folgeseiten*/
.con-l1 			{ width:440px; float:left; margin:0 0 30px 0;}
hr				    { border-bottom:1px solid #899f4c; margin-bottom:15px;}
.con-r1 			{ width:440px; float:right; margin:49px 0 30px 0;}
.con-prod			{ width:440px; float:left; margin:0 0 30px 0;}
.con-prod-b			{ width:440px; float:left; margin:46px 0 30px 25px;}
.liste				{ list-style-type:square; margin:0 0 0 15px; font-weight:bold; color:#5E8009;}
.liste-b			{ list-style-type:none; margin:0 0 25px 0;}
.clear				{ clear:both;}

#slideshow 			{ position:relative; height:305px;}
#slideshow IMG 		{ position:absolute; top:0; left:0; z-index:8;}
#slideshow IMG.active { z-index:10;}
#slideshow IMG.last-active {z-index:9;}

.content-bottom 	{ width:100%; min-height:400px; background:url(../images/bg-border-con-bottom.jpg) #5e8009 top repeat-x; margin-top:40px;}
.content-bottom a	{ color:#fff;}
.con-bottom-inner 	{ width:906px; min-height:200px; padding-top:48px; margin:auto; padding-bottom:40px;}
.con-b-l 			{ width:287px; color:#fff; font-size:11px; float:left; position:relative;}
.con-b-l span 		{ width:152px; height:24px; padding:6px 0 0 5px; background: url(../images/img-layer-bg.png); position:absolute; top:90px; left:0; display:block;}
.con-b-m 			{ width:287px; color:#fff; font-size:11px; margin-left:23px; float:left; position:relative;}
.con-b-m span 		{ width:152px; height:24px; padding:6px 0 0 5px; background: url(../images/img-layer-bg.png); position:absolute; top:90px; left:0; display:block;}
.con-b-r 			{ width:287px; color:#fff; font-size:11px; float:right; position:relative;}
.con-b-r span 		{ width:152px; height:24px; padding:6px 0 0 5px; background: url(../images/img-layer-bg.png); position:absolute; top:90px; left:0; display:block;}
.con-b-l img, .con-b-m img, .con-b-r img 		{ margin-bottom:10px;}

.partner { float: left;}
.garten { float: left; margin-left: 10px; margin-top: -35px;}

.footer				{ width:906px; height:auto; border-top:1px solid #899f4c; margin:auto; padding-top:5px; font-size:11px; color:#fff;}
.footer a			{ color:#fff; text-decoration:none;}
.footer ul { width:210px; float:left; margin:12px 0 0 0;}
.footer ul li { width:190px; list-style:none;}
.footer ul li a:hover { text-decoration:underline;}
.footer ul li a.active {text-decoration:underline;}


/***********Accordion***********/
.accordion  {width: 440px;}
.accordion a.a-open {cursor:pointer;display:block;padding:5px;margin-top: 0;text-decoration: none;font-weight: bold;font-size: 12px;color: #333;background: url(../images/arrow.png) 300px 5px no-repeat;}
.accordion a.a-open:hover {background: url(../images/arrow2.png) 300px 5px no-repeat; color:#af0e02;}
.accordion a.selected {background: url(../images/arrow3.png) 300px 5px no-repeat; color:#af0e02;}
.accordion div { padding:15px 0 15px 0; }
@media print {.accordion div {display: block!important;height: auto!important;}}