body {
	background-color: #645661;
	height : 100%;
	font-size: 13px;
	line-height : 1.4em;
	font-family: verdana, arial, sans-serif;
}
p {
	font-size: 13px;
}
.hidden {
	display: none;
}
.clearer {
	clear : both;
}

a {
	text-decoration: none;
}

#wrap {
	
}
#main {
	width : 860px;
	background: #fff;
	position: relative;
	float: left;
}

h1 {
	background: #AC9CA6;
	height : 133px;
	border-bottom: 10px solid #998c8f;
	position: relative;
}
h1 a{
	display: block;
	position: absolute;
	left : 25px;
	top : 17px;
	width : 282px;
	height : 75px;
	background: transparent url('i/l-guide.png') no-repeat left top;
	
}

#navigation {
	position: absolute;
	width : 628px;
	top : 108px;
	left : 25px;
}
#navigation li{
	display: block;
	float: left;
	margin-right: 8px;
}
#navigation li.service{
	float: right;
}
#navigation li a{
	padding: 0 5px;
	background: #666666;
	text-transform: uppercase;
	color : #fff;
	font-size: 12px;
	line-height: 1.1em;
}
#navigation li a:hover,#navigation li a.active{
 color : #7B1A2C;
}


#service-lmag {
	position: absolute;
	display: block;
	width : 160px;
	height : 131px;
	right : 25px;
	top : 42px;
	background: transparent url('i/service-l-mag.png') no-repeat left top;
}
#service-lmag span{
	display: none;
}
#content {
	float: left;
	padding-top: 20px;
	width: 550px;
}

#marginal {
	float: left;
	padding-top: 38px;
	width: 290px;
}



#footer {
	background-color: #ac9da5;
	clear: both;
	float: none;
	padding: 20px 0px;
	width: 100%;
}
#footer ul{
	margin-bottom: 0.2em;
	text-align: center;
}

#footer ul li{
	display: inline;
	padding: 0px 1em;
}
#footer ul li a{
	color : #75474a;
}









/* Content */
#content .celement, #content #adresses, #content .c-item {
	margin : 0 25px 30px 25px;
	border-bottom: 1px solid #ababab;
}
#content .c-item {
	border-bottom: none;
}
#content .celement p{
	padding-right : 5px;
}
#content .celement p.more-link{
	padding-top : 15px;
}
#content .celement p.more-link a{
	color : #fff;
	padding-right: 21px;
	background : url(i/link-more.png) no-repeat right .1em;
}

#content .celement {
	min-height : 195px;
}
#community #content .celement {
	border-bottom: 1px solid #666;
}

* html #content .celement {
	height : 195px;
}


#content .c-item h3 {
	font-size: 13px;
	color : #660000;
	font-weight: bold;
	line-height: 1.3em;
	margin-bottom: 1.7em;
}
#content .c-item p {
	margin-bottom: 1em;
}
#content .celement a,#content .formelement a, #marginal p a, .backlink a{
	color : #600;
	padding-right : 22px;
	background: url('i/linkpfeil.gif') no-repeat center right;
	line-height : 1.4em;
	text-decoration: none;
	
}


h2 {
	font-size: 16px;
	font-weight: bold;
	border-bottom: 1px solid #707070;
	color: #333;
	padding: 0 0 .4em 0;
	margin-bottom: .5em;
}

#community h2 {
	color :#000;
}

h2 strong{
	font-size: 14px;
	font-weight: bold;
	color: #333;
	padding: 0 30px 0 0;
}

#content .celement img{
	float : left;
	margin : 0 12px 0 0;
	border: 1px solid #000;
}
#content .celement object {
		margin : 0 12px 0 0;
}


/* Quickfinder */
.quickfinder ul {
	margin-top: 12px;
}

.quickfinder ul li {
	width : 240px;
	display: block;
	float: left;
}
.quickfinder label {
	display: block;
	width : 200px;
	font-weight: bold;
	font-size: 12px;
	color: #333;
}
.quickfinder input, .quickfinder select {
	margin-bottom: 12px;
	display: block;
	width : 200px;
}
.quickfinder .submit {
	width : auto;
	float:right;
	margin	: 25px 20px 0 0;
	padding : 1px 6px;
}
.quickfinder p {
	font-size : 12px;
}
/* Community Teaser */
.colored-teaser {
	padding : 10px;
	color : #fff;
	border: 1px solid #333;
}
.colored-teaser h2{
	border-bottom: 1px solid #fff;
	color : #fff;
}

.colored-teaser.type1 {
	background : #84757b;

}
.colored-teaser.type2 {
	background : #7f3f4c;
	border: 1px solid #333;

	
}
.community h2 {
	padding-top: 5px;
	padding-left: 6px;
	border-bottom: 1px solid #333;
}
#content .community img {
	margin-left: 5px;
}

/* Anzeige */

#content .anzeige {
	min-height : 10px;
	height : auto;
	text-align: center;
}
#content .anzeige h2{
	font-size : 12px;
	font-weight: normal;
	padding-bottom: 0;
	text-align: left;
}


#content .anzeige img{
	float : none;
	margin : 15px auto 20px auto;
	border : none;
}

/* Marginal */
.melement {
	margin: 0 0 12px 0;
	padding : 8px 0;
	border-bottom: 1px solid #666;
}
.melement h3{
	font-size: 16px;
	color : #333;
	border-bottom: 1px solid #666;
	padding-bottom: .3em;
	margin-bottom: .3em;
}

.melement h4{
	font-size: 13px;
	color : #333;
	border-bottom: 1px solid #666;
	padding-bottom: .3em;
	margin-bottom: .5em;
}

.melement p {
	line-height : 1.2em;
	margin-bottom: 6px;
}
.melement img {
	margin-bottom: 6px;
	border: 1px solid #333;
}
#marginal .titel {
	margin: 10px 0;
}


/* Suche */
#marginal #suche {
	border-top: 1px solid #666;

}
#marginal #suche legend{
	font-size : 12px;
	font-weight: bold;
}
#marginal #suche input{
	display: inline;
	font-size : 12px;
	width : 100px;
	border: 1px solid #666;
		margin-left: 10px;
}
#marginal #suche input.submit{
	width : 30px;
	background : #636363;

}
#marginal #suche label{
	display: inline;
	font-size : 12px;
}
/* Marginal Anzege */

#marginal .anzeige {
	margin-right: 35px;
	text-align : center;
}
#marginal .anzeige img{
	display : inline;
	padding : 12px 0;
}
#marginal .anzeige h3{
	text-align: left;
	font-size: 12px;
	font-weight: normal;
}
/* Liste */
#adresses h2, .adresse h2{
	font-size: 15px;
	letter-spacing: .1em;
	position: relative;
}
#adresses h2 strong, .adresse h2 strong{
	position : absolute;
	top : 0px;
	right : 0px; 
	padding: 0 3px 0 0;
	font-size: 12px;
	color: #600;
	letter-spacing: 0;
	width : 160px;
	text-align: right;
}
#content .celement .adresse .image img {
	float: right;
	margin-bottom: 10px;
}
.stadtplan {
	clear : both;
}

#adresses ul{
	margin: 25px 0;
}
#adresses ul li{
	margin-bottom : 1.5em;
	line-height: 1.4em;
}
#adresses ul li a{
	display : block;
	color : #600;
	font-weight: bold;
	text-decoration: underline;
}

/* pagination*/
.listnav {
	width : 100%;
	clear : both;
	text-align : center;
}
.listnav ul {
	padding : 5px 0;
}
.resultBrowser li{
	display : inline;
	background : transparent;
}
.grey .resultBrowser a, .grey .resultBrowser a:visited {
	background : transparent;
	border : none;
}
.grey .listnav {
	margin : 5px 0;
}
.resultBrowser li.current {
	border : none;
	padding: 0 3px;
	background: #C3BABD;
	border:1px solid #C3BABD;
}
.resultBrowser ul{
	margin: 0;
	padding: 0;
	text-align: left; /*Set to "right" to right align pagination interface*/
	font-size: 16px;
}

.resultBrowser li{
	list-style-type: none;
	display: inline;
	padding-bottom: 1px;
}

.resultBrowser a, .resultBrowser a:visited{
	padding: 0 3px 0 3px;
	border: 1px solid #F3F4EF;
	text-decoration: none; 
	color: #000;
	background : #F3F4EF;
}

.resultBrowser a:hover{
	border: 1px solid #000;
}

#content .resultBrowser li.current span{
	padding : 0 2px;
	border: solid 1px #fff;
	background : #FdFdEF;
}
.resultBrowser li.dontLink{
	padding: 0 3px 0 3px;
}

.resultBrowser a.disablelink, .resultBrowser a.disablelink:hover{
	background-color: white;
	cursor: default;
	color: #929292;
	border-color: #929292;
	font-weight: normal !important;
}

.resultBrowser a.prevnext{
	font-weight: bold;
}

/* Detail */
.colored {
	color : #600;
}
#content .adresse {
	border-bottom: none;
}
#content .adresse h3 {
	color : #600;
	margin: 1em 0 .3em 0;
}
#content .adresse p.anschrift{
	padding-bottom: .3em;
}
#content .adresse .kontakt {
	padding: 0 0 .5em 0;
	
}
#content .adresse .kontakt li{
	margin-bottom: .1em;
}
#content .adresse .kontakt a{
	background-image: none;
	padding : 0;
}
#content .description {
	clear : both;
	padding-bottom: .5em;
}
#content .description a {
	color : #600;
}
#content .black {
	color : #000;
}
/*Stadtplan Links*/
ul.stadtplanlinks li {
	display : block;
	width : 230px;
	float : left;
}
#content .celement ul.stadtplanlinks li a {
	display: block;
	width : 100px;
	height : 50px;
	margin : 20px 0;
	padding : 0;
}
ul.stadtplanlinks li a span{
	display: none;
}


/* Faslh */
#startani {
	float : left;
}

/* Backlink */

div.backlink {
	clear : both;
	text-align: right;
	padding-right: 25px;
}
div.backlink a{
	padding: 0 0 0 22px;

}

/* Ads */

#ad_top div.ad-inner {
	padding : 15px 0 15px 52px;
}

#ad_right {
	position: absolute;
	left : 875px;
	top : 0px;
}

#ad_right div.ad-inner {
	display: block;
	margin	: 230px 0 0 25px;
}

/* Teaser rechte Spalte */
.partnermag {
	border-bottom: none;
}
.partnermag img{
	float: right;
	display: inline;
	margin-left: 5px;
}
.partnermag div {
	clear : both;
	width : 100%;
	margin-bottom: 20px;
	float: left;
}

/* Serarch Form */

.s-form ul{
	float: left;
	width : 100%;
	padding: 20px 0;
}


.s-form ul li{
	width : 50%;
	float: left;
	margin-bottom: 15px;
}
.s-form ul li label{
	display: block;
	font-size: 11px;
	font-weight: bold;
}
.s-form ul select{
	width : 200px;
}
.submit-button input{
	display: block;
	margin-top: 2em;
	float: right;
	width : 6em;
}
.c-item a {
	color:#660000;	
}
.c-item a:hover {

}
#content .csc-textpic-image {
	margin-bottom: 10px;
}

#content .csc-textpic-image img{
	border : 1px solid #990033;
}

#content .csc-textpic-image .caption{
	font-size: 11px;
	color : #666;
	padding-top: .3em;
	line-height: 1.2em;
}

/* Tipps Teaser */
.tips-teaser {
	background: #7b1a2c;
	border: 1px solid #666;
	margin-bottom: 10px;
	
}
.tips-teaser h4{
	font-size: 15px;
	font-weight: bold;
	color : #fff;
	padding : 8px 0 8px 0;
	margin: 0 12px .6em 12px;
	border-bottom: 1px solid #fff;
}
.tips-teaser  ul {
	border-top: 1px solid #676464;
}

.tips-teaser li {
	padding : .3em 12px .4em 12px;
}
.tips-teaser li.odd {
	background : #7f3f4c;
}

.tips-teaser li.odd {
	background : #825e67;
}

.tips-teaser li a{
	color : #fff;
	line-height: 1.2em;
}
.tips-teaser li a:hover{
	text-decoration: underline;
}
.tips-teaser li a:visited{
	color : #ddd;
}
.control {
	padding : .8em 12px .4em 12px;
}

#marginal .control a{
	color : #fff;
}
/* Ads */

#ad-top {
	width : 860px;
}

#ad-top div, #ad-top object {
	margin : 15px auto !important;
	display: block;
}

#ad-sky {
	position: absolute;
	top : 140px;
	left : 890px;
	margin-bottom: 10px;
}

#ad-content {
	background : #fff url(i/icon-anzeige.png) no-repeat left top;
	clear : both;
	width : 100%;
	margin-bottom: 10px;
}

#ad-content div, #ad-content object{
	padding-top: 18px !important;

}
#ad-content object{
		display: block;
}
#content .celement.anzeige {
	background:url("i/icon-anzeige.png") no-repeat scroll left top #FFFFFF;	
	padding-top: 1.2em;
}

#content .celement.anzeige a {
	display: block;
	text-align: center;
	padding-right: 0;
	border-top: 1px solid #999;
}
#content .celement.anzeige img {
	display: inline;
	margin: 10px auto;
}
