/*Template for Sonnenperle © admotion GmbH*/


html
{
   height:			100%;
   margin:			0px;
   padding:			0px;
}


body
{
   height:			100%;
   margin:			0px;
   padding:			0px;
   font-family:		'Ruda', sans-serif;
   font-weight:		400;
   font-size:		13px;
   color:			#767761;
   line-height:		170%;
   letter-spacing:	0.04em;
   background:		url(../images/background.png) no-repeat scroll center top; 
}



#container { margin: 0px auto; padding: 0px; width: 970px; }
#header { margin: 0px; padding: 0px; height: 110px; }
#logo { padding: 30px 0px 0px 0px; float: left; width: 220px; }
#slogan { float: left; padding: 19px 0px 0px 60px; text-transform: uppercase; color: #c49454; font-size: 22px; line-height: 110%; }

#content { margin: 0px; padding: 0px; }

#col-left { float: left; margin: 0px; width: 220px; }
#menu { margin: 0px 0px 40px 0px; }
#spiegel { border-top: 2px solid #6e6d5a; padding: 15px 0px 13px 0px; margin: 0px 20px 0px 35px; }

#kontakt { color: #000000; padding: 15px 0px 15px 10px; margin: 0px 20px 0px 35px; border-bottom: 2px solid #6e6d5a; border-top: 2px solid #6e6d5a; }
#kontakt a { color: #000000; }

#text p.projekttitel { font-family: 'Ruda', sans-serif; font-weight: 400; padding: 10px 0px 20px 0px; margin: 0px; color: #c49454; text-transform: uppercase; font-size: 22px; line-height: 140%; }
#text span.projektheading { font-family: 'Ruda', sans-serif; font-size: 13px; font-weight: 400; font-style: italic; border-bottom: 1px solid #767761; }


#col-right { float: left; margin: 0px; background: #ffffff; width: 750px; height: 500px; }
#showbox { margin: 0px 0px 20px 0px; }
#teambeschriftung { margin: -52px 0px 30px 0px; color: #ffffff; font-weight: 700; padding: 0px 0px 0px 10px; }
#nordstern { margin: 15px 0px 0px 685px; width: 50px; height: 50px; position: absolute; }

#text { padding: 0px 20px 30px 60px; }
#text p { margin: 0px 0px 10px 0px; }
#text a { color: #767761; font-weight: 900; }
.serif { font-family: 'PT Serif', serif; }
.kontakt { color: #000000; }
.kontakt a { color: #000000 !important; }



/*Grundrisse Details*/

.level { color: #d1874a; text-transform: uppercase; font-size: 22px; font-weight: 900; }
#text p.level { margin: 0px 0px 5px 0px; }
.wohnung { font-family: 'PT Serif', serif; font-style: italic; color: #d1874a; font-size: 22px; font-weight: 400; }
.wohnungsdetails { margin: 40px 0px 0px 0px; }
.tabellenkopf { padding: 10px 0px 10px 0px; }
.zimmeranzahl { padding: 10px 0px 5px 0px; text-transform: uppercase; font-weight: 900; font-size: 16px; }
.spiegel { border-bottom: 1px solid #767761; border-top: 1px solid #767761; padding: 20px 0px 20px 0px; }
.tabelleninhalt { border-bottom: 1px solid #dddacf; padding: 1px 0px 0px 0px; }
.downloads a { background: #f7eb7b; padding:  4px 0px 2px 8px; display: block; }



/*Preise Details*/
.preiskopf { font-weight: 700; color: #000000; height: 50px; }
.preiskopf td { border-bottom: 1px solid #dddacf; }
.preise td { border-bottom: 1px solid #dddacf; color: #000000; padding: 2px 0px 0px 0px; }
.preiskopf-info { font-weight: 700; color: #000000; }
.preiskopf-info td { border-bottom: 1px solid #dddacf; }


#text ul { margin: 0px; padding: 0px 0px 10px 0px; }
#text li { margin: 0px; list-style: none; padding: 0px 0px 0px 15px; color: #000000; font-family: 'Ruda', sans-serif; font-weight: 700; background: url(../images/list.jpg) no-repeat scroll 0px 8px; }

h1 { margin: 0px 0px 5px 0px; padding: 0px; text-transform: uppercase; font-weight: 700; font-size: 16px; line-height: 140%; }
h2 { margin: 0px 0px 5px 0px; color: #ffffff; padding: 0px; text-transform: uppercase; font-weight: 700; font-size: 30px; line-height: 140%; }
h3 { margin: 0px; padding: 0px; font-size: 12px; font-weight: 900; }


p { margin: 0px; padding: 0px; }
a { outline: none; text-decoration: none; }
hr { border: 0px; border-bottom: 1px solid #767761; margin: 20px 0px 10px 0px; }

.accordion-inner.panel-body { background: #fcf8c8 !important; }

.fadeimages {
  position: relative;
  width: 630px;
  height: 221px; 
}

.sectionmain{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
}

.fadeimages-preise {
  position: relative;
  width: 750px;
  height: 488px; 
}

.sectionmain-preise {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
}

.section01, .section02, .section03, .section04, .section05, .section06, .section07, .section08, .section09, .section10 {
  display: none;
  position: absolute;
	left: 0;
	top: 0;
  z-index: 11;
}

tr.sectiont01:hover, tr.sectiont02:hover, tr.sectiont03:hover, tr.sectiont04:hover, tr.sectiont05:hover, tr.sectiont06:hover, tr.sectiont07:hover, tr.sectiont08:hover {
  background-color: #f7eb7b;
}


.tabelle a
{
   display:    block;
}

#container-verkauft { margin: 0px auto; width: 1000px; }
#verkauft { margin: 0px; padding: 150px 0px 0px 0px; width: 1000px; position: absolute; z-index: 999; }