@charset "iso-8859-1";
/*=======================================================================*\
|| CSS written by Christian Paier 4.5.2008                              ||
\*=======================================================================*/

/*************************************************************************
 * core
 ************************************************************************/
body, div, p, pre, blockquote, span, h1, h2, h3, h4, h5, h6, ul#side, ol, li, a, 
  acronym, td, th, dl, dt, dd, form, fieldset, label, img, input, textarea, select {
	font-family: Arial,Helvetica,Geneva,Swiss, sans-serif;
	text-align: left;
	font-size:13pt;
	color: #000;
}
.semantic {
	display: none;
}

/* hyperlinks */
a {
	text-decoration: none;
	color:blue;
	font-size:inherit;
}

a:hover {
	color: red;
}

a img {
	border: none;
}

/* alignment */
.left {
	text-align: left;
}
.center {
	text-align: center;
}
.right {
	text-align: right;
}

/* float */
.floatleft {
	float: left;
}
.floatright {
	float: right;
}
.clear {
	clear: both;
}

/*************************************************************************
 * body
 ************************************************************************/
body {
	background:#000080;
	margin:0px;
	height:100%;
}

body#splash{
  background:#FFF;
}

span.square{
  vertical-align:top;
  font-size:10px;
}

/*************************************************************************
 * splashscreen
 ************************************************************************/
div#structure {
  width:500px;
  height:400px;
  margin:0px auto;
  margin-top:-200px;
  margin-left:-250px;
  position:absolute;
  top:50%;
  left:50%;
}

div#center{
  text-align:center;
}

/*************************************************************************
 * structure
 ************************************************************************/
div#struccenter{
  width:1024px;
  /*  margin:0px auto; */
}

div#left{
  background:#000080;
  position:absolute;
}

div#inhalt{
  margin-top:200px;
  width:800px;
  background-color:#fff;
  height:100%;
}

div#content{
  margin-left:172px;
  background-color:#fff;
}

/*************************************************************************
 * menu
 ************************************************************************/
div#left ul#side{
  margin-top:130px;
  margin-right:20px;
}

div#left{
 height:100%;
}

div#left ul#side li{
  list-style-type:none;
  text-align:center;
  background-repeat:no-repeat;
  text-indent:-9000px;
  overflow:hidden;
}

div#head{
  z-index:3;
  background:url(../img/bg1.gif) repeat-x #FFF;
  height:200px;
  width:800px;
  margin-top:0px;
}

/* menu bilder */
div#left ul#side li#n1{
   background: url(../img/menu/side_home.gif) no-repeat;
}
div#left ul#side li#n2{
   background: url(../img/menu/side_kosmetik.gif) no-repeat;
}
div#left ul#side li#n3{
   background: url(../img/menu/side_foto.gif) no-repeat;
}
div#left ul#side li#n4{
   background: url(../img/menu/side_refer.gif) no-repeat;
}
div#left ul#side li#n5{
   background: url(../img/menu/side_verwalter.gif) no-repeat;
}
div#left ul#side li#n6{
   background: url(../img/menu/side_kontakt.gif) no-repeat;
}
div#left ul#side li#n7{
   background: url(../img/menu/side_imprint.gif) no-repeat;
}

/* menu hover bilder */
div#left ul#side li#n1:hover{
   background: url(../img/menu/side_home_o.gif) no-repeat;
}
div#left ul#side li#n2:hover{
   background: url(../img/menu/side_kosmetik_o.gif) no-repeat;
}
div#left ul#side li#n3:hover{
   background: url(../img/menu/side_foto_o.gif) no-repeat;
}
div#left ul#side li#n4:hover{
   background: url(../img/menu/side_refer_o.gif) no-repeat;
}
div#left ul#side li#n5:hover{
   background: url(../img/menu/side_verwalter_o.gif) no-repeat;
}
div#left ul#side li#n6:hover{
   background: url(../img/menu/side_kontakt_o.gif) no-repeat;
}
div#left ul#side li#n7:hover{
   background: url(../img/menu/side_imprint_o.gif) no-repeat;
}

div#left ul#side li a{
 width:112px;
 height:40px;
 display:block;
}

/*************************************************************************
 * headmenu
 ************************************************************************/

div#content div#head{
  position:absolute;
}

div#content div#head ul li a{
  display:block;
}

div#content div#head ul li#head8 a{
  height:100px;
  height:100px;
}
div#head ul li {
 list-style-type:none;
 text-align:center;
 background-repeat:no-repeat;
 text-indent:-9000px;
 overflow:hidden;
 height:50px;
 width:125px;
 text-indent:-9000px;
}
div#content div#head ul li#head8, 
div#content div#head ul li#head9, 
div#content div#head ul li#head10{
  height:125px;
}

li#head1, li#head2, li#head3, li#head4, li#head5, 
li#head6, li#head7, li#head8, li#head9, li#head10
{
 position: absolute;
 display:block;
}

li#head1{
  left:151px; 
  top:1px; 
  background:url(../img/menu/head_aboutus.jpg) no-repeat;
}

li#head2{
  left:220px; 
  top:37px; 
  background:url(../img/menu/head_fotos.jpg) no-repeat;
}

li#head3{
  left:364px; 
  top:1px; 
  background:url(../img/menu/head_kosmetik.jpg) no-repeat;
}

li#head4{ 
  left:396px; 
  top:64px; 
  background:url(../img/menu/head_immo.jpg) no-repeat;
}

li#head5{
  left:466px; 
  top:10px; 
  background:url(../img/menu/head_verwalter.jpg) no-repeat;
}

li#head6{
  left:655px; 
  top:34px;
  background:url(../img/menu/head_kontakt.jpg) no-repeat;
  z-index:2;
}

li#head7{
  left:687px; 
  top:1px;
  background:url(../img/menu/head_refer.jpg) no-repeat; 
  z-index:1;
}

li#head8{
  left:2px; 
  top:3px; 
  background:url(../img/logo.gif) no-repeat;
}

li#head9, li#head10{ 
  left:303px;
  top:20px; 
  background:url(../img/2maenner.gif) no-repeat;
}

li#head8, li#head9, li#head10{
  height:150px;
}

li#head10{
  left:584px; 
  top:20px; 
}
/* hover effekt im head */
li#head1:hover{
  background:url(../img/menu/head_aboutus_h.jpg) no-repeat;
}

li#head2:hover{
  background:url(../img/menu/head_fotos_h.jpg) no-repeat;
}

li#head3:hover{
  background:url(../img/menu/head_kosmetik_h.jpg) no-repeat;
}

li#head4:hover{
  background:url(../img/menu/head_immo_h.jpg) no-repeat;
}

li#head5:hover{
  background:url(../img/menu/head_verwalter_h.jpg) no-repeat;
}

li#head6:hover{
  background:url(../img/menu/head_kontakt_h.jpg) no-repeat;
}

li#head7:hover{
  background:url(../img/menu/head_refer_h.jpg) no-repeat;
}

/*************************************************************************
 * content
 ************************************************************************/
div#links, div#rechts{
  width:230px;
  margin-bottom:20px;
}

div#rechts{
  padding-left:0px;
  font-size:10px;
  width:480px;
}

div#links{
  z-index:4px;
  margin-left:60px;
}

h1{ 
  font-size:20pt;
  font-weight:bolder;
} 

h2{
  font-size:18px;
  font-weight:normal;
}

div#text_box{
  width:150px;
}

div#maxima a{
  width:170px;
  height:50px;
  text-indent:-9000px;
  background:url(../img/maxima.gif) no-repeat;
  display:block;
}

div#maxima a:hover{
  background:url(../img/maxima_h.gif) no-repeat;
}

div#kirchner, div#pill, div#kienegger{
  font-weight:bold;
  width:150px;
}

div#kienegger{
  text-align:center;
  padding-right:25px;
}

span.person{
  font-size:10px;
}

div#footer{
  text-align:center;
  font-size:14px;
  margin-top:80px;
}

div#rechts div#footer{
  font-size:15px;
}

div#footer a{
  font-size:14px;
}

div#footer img{
  margin-bottom:15px;  
}

div#copyright{
  font-size:10px;
  margin-top:10px;
  text-align:center;
}

div#copyright a{
  font-size:10px;
}

div#rechts div#arbeit{
  width:250px;
}

div#rechts div#arbeit ul li{
    text-align:justify;
}

div#rechts div#arbeit ul li#garantie{
  font-weight:bold;
  width:300px;
}

p#aktuell{
  font-weight:bold; 
  font-size:15px;
  text-align:center;
}

div#arbeitabnehmen{
  margin-top:250px;
}

h2.bold{
  margin-top:-15px;
  margin-left:10px;
}
/* KOSMETIK PAGE */

span#ust{
  color:green;
  font-weight:bolder;
  font-size:12px;
}

div#kosmetik{
  padding:30px;
}

table#preise{
  
}

td.s1{
  width:329px;
}

td.s2{
  width:90px;
}

td.s3{
  width:153px;
}

td.s4{
  width:150px;
}

.yellow_parts{
  background:#ffffcc;
}

.blue_parts{
  background:#99ccff;
}

td.preis{
  text-align:right;
}

td.s4, tr#tabhead, h2.bold{
  font-weight:bold;
}

div#kosmetik table tr td{
  font-family: Arial,Helvetica,Geneva,Swiss, sans-serif;
  font-size:15px;
  border-left:3px solid white;
}

/* fotos */
h1#h1_foto{
  text-align:center;
}

h2#fotos{
  margin-left:130px;
  margin-right:130px;
  text-align:center;
  font-size:16px;
  font-weight:bold;
}

h2#arbeitabnehmen, span.bold{
  font-weight:bold;
}

table#tabfotos{
  width:100%;
  text-align:center;
  margin-bottom:50px;
}


table#tabfotos tr td{
  border-bottom:2px solid black;
  text-align:center;
  width:33%;
}

tr#tab_fotohead h2{
  font-size:25px;
  font-weight:800;
  text-align:center;
}

div#fotopage{
  padding-left:50px;
  padding-right:50px;
}

div#fotopage td{
  margin:0px;
}

/*referenzseite*/
div#refer{
  padding:12px;
}

div#refer li{
  font-weight:bold;
  font-size:18px;
  list-style-type:none;
  margin-left:-40px;
  margin-bottom:15px;
}

div#refer li span{
  font-size:12px;
  font-style:italic;
  font-weight:normal;
}

/* fuer hausverwalter */

div#verwalter h1, div#verwalter h2, div#verwalter h3{
  text-align:center;
}

div#verwalter{
  padding:10px;
}

div#verwalter h2{
  font-size:30px;
  font-weight:bold;
}

div#verwalter ul li a{
  font-weight:bold;
  font-size:20px;
  line-height:50px;
}

div#verwalter h3{
  font-weight:normal;
  margin-bottom:40px;
}

div#verwalter table#renditetab{
  font-weight:bold;
}

div#verwalter span.descr{
  text-decoration:underline;
  margin-right:30px;
}

div#verwalter ul li{
  list-style-type:none;
  margin-left:-35px;
}

div#verwalter ul{
  margin-bottom:50px;
}

a#rendite, a#angebote, a#raumbuch{
  color:inherit;
}

div#verwalter table tr td.kategorien{
  background-color: white;
  width:300px;
  font-weight:normal;
}

thead td.kategorien{
  text-decoration:underline;
}

table thead tr td{
  padding-bottom:30px;
}

div#verwalter table tr td{
  padding:8px;  
}

tr.grey_parts{
  background-color: #ccc;
  padding-top:0px;
}

td.kat{
  font-style:italic;
  font-weight:normal;
}

p.question{
  font-weight:bold;
}

span.bold{
  font-style:italic;
}

p#date{
  text-align:right;
}

p.angebot{
  font-weight:bold;
  font-size:20px;
}

p#adress{
  font-weight:bold;
  margin-bottom:70px;
}

table#kosten thead{
  font-weight:bold;
  font-style:italic;
}

table#kosten td.euro{
  font-weight:bold;
}

table#kosten{
  margin-bottom:50px;
}

a hr{
  margin-bottom:30px;
}

div#verwalter h3, table#buch thead{
  font-weight:bold;
}

div#verwalter table#buch{
}

table#buch td.caption{
  vertical-align:top;
  font-weight:bold;
}

p#toplink{
  text-align:center;
}

/*maxima seite */
div#max_left{
  width:600px;
}

div#max_right{
  padding-top:100px;
}

div#max_left div#footer{
  padding-top:80px;
}

div#max_left{
  padding-left:15px;
}

/* fotoseiten */
div.foto{
  text-align:center;
}

div.foto h1, div.foto h3{
  text-align:center;
  font-weight:600;
}

div.foto p{
  text-align:center;
}

div.foto div#footer{
  margin-top:0px;
}

/*kontakt form */
fieldset#anfrage {
	border:0px solid black;
	margin-left:100px;
	margin-bottom:50px;
}
label{
	vertical-align:top;
}
fieldset#anfrage legend{
	display:none;
}

fieldset#anfrage input#fname{
	margin-left:80px;
}
fieldset#anfrage input#mail{
	margin-left:11px;
}
fieldset#anfrage input#submit{
	margin-left:131px;
	margin-top:30px;
}
fieldset#anfrage textarea#text{
	margin-left:30px;
}

input#name {
	display:none;
}
.imprint{
	margin-left:100px;
}
p.bot{
	margin-bottom:50px;
}