/* =======================================================================
	Stylesheet für GötzeKG-Website
	Stand:
	Datei: screen.css
	Datum 19.11.2007
	====================================================================== */


/*	======================================================================
	1	Kalibrieren der wichtigsten Abstände
	====================================================================== */

/* UNIVERSALSELEKTOR */

*	{
	margin: 0; 
	padding: 0;
}

/* ABSTÄNDE FÜR ABSÄTZE UND LISTEN RESTAURIEREN */

h2, p, ul, ol {
	margin-bottom: 1em;
	} /* Abstand nach unten */

ul ul {
	margin-bottom: 0;
	} /*	Verschachtelte Listen ohne Abstand */

li, ol {
	margin-left: 1em;
	} /* Abstand von links */
	
div 	{
	padding: 0;
	margin: 0;
	}	

/*	======================================================================
	2	Allgemeine Selektoren
	====================================================================== */

html {
 	height: 101%;
	} /* erzwingt Scrollbar im Firefox */


body {
	background-color: #a0a0a0;
	color: black;
	font-family: arial, verdana, sans-serif;
	font-size: 100.1%;
	}


h1, h2, h3, h4, h6 {
	color: #333333;
   	font-weight: normal;
	}

h1 {
	font-size: 1.4em;
	}

h2 {
	font-size: 1.3em;
	}

h3 {
	font-size: 1.3em;
}

h4 {
	font-size: 1.3em;
	}


h6 {
	font-size: 1.1em;
    font-weight: bold;
	}


.bildlinks {
	float: left;
	padding: 0.3em;
	border: 0.5em solid #ccc;
	margin-right: 2em;
	margin-bottom: 2em;
	display: inline; /*für IE */
	}
	
.bildrechts {
	float: right;
	padding: 0.3em;
	border: 0.5em solid #ccc;
	margin-left: 2em;
	margin-bottom: 2em;
	display: inline; /*für IE */
	}

 .bildcontentrechts {
	float: right;
    width: 8em;
    height: 10em;
	padding: 0.3em;
	border: 0.5em solid #ccc;
	margin-left: 2em;
	margin-bottom: 2em;
	display: inline; /*für IE */
	}


  .bildanfahrtrechts {
	float: right;
    width: 250px;
    height: 250px;
	padding: 0.3em 0em 0.3em 0.2em;
	border: 0.5em solid #ccc;
	margin-left: 2em;
	margin-bottom: 2em;
	display: inline; /*für IE */
	}

.clearing {
	clear: both;
	}


/*	======================================================================
	3	Hyperlinks allgemein
	====================================================================== */

a {
	text-decoration: none;
	outline: none; /* gepunktete Linie bei focus+active wird vermieden */
	}

a:link {
	color: #d90099;
	}

a:visited {
	color: #cc6666;
	}

a:hover, a:focus {
   color: #cc6666;;
   }

a:active {
	color: white;
	background-color: #d90099;
	}


/*	======================================================================
	4	Allgemeine Klassen und IDs
	====================================================================== */

	/* Ausblenden skiplink weit außerhalb des Bildschirms */
.skiplink {
	position: absolute;
	top: -200em;
	left: -300em;
	width: 0;
	height: 0;
	overflow: hidden;
	display: inline;
	}

.unsichtbar {
	display: none !important; /* wofür? */
	}	


/*	======================================================================
	5	Styles für Layoutbereiche
	====================================================================== */

/* 	Beginn wrapper -------------------------------------------- */

div#wrapper {
   width: 900px;
   margin: 10px auto 10px auto;
   }


/* 	Beginn header --------------------------------------------------- */

div#header {
	/* position: relative;  positioniert, aber bleibt ohne weiter Angabe im Fluß */
	background-color: #ffffff;
	color: black;
	padding: 0;
	border: 0.1em solid black;
	}

.headertop {
	background-color: #666666;
	color: #ffffff;
    height: 1.3em;
    text-align: right;
	padding: 0.1em 1em 0.1em 0.2em;

}

/* 	-------------------------- */

.headertop a {
	background-color: #F6F6F6;
    color: #7F7F7F;
   	padding: 0em 1em 0em 1em;
    font-variant: small-caps;
    font-weight: 800;
    font-size: 0.8em;
   	}

.headertop a:hover {
  text-decoration: none;
  background-color: #990000;
  color: #ffffff;
  border-bottom: 0.1em solid #ffffff;
 }


/* 	-------------------------- */


	
.headermain {
    border: 1px solid #7F7F7F;
    height: 8.3em;
	text-align: left; 
	margin: 0; 
	padding: 0em;
    background: url(../images/buttons/farbverlauf1.jpg) repeat-x white;
	}

.headermain .bildlogo {
	float: left;
	padding: 0;
	margin: 0.1em 0.5em 0.1em 0.5em;
   	border: 0px solid #d9d9d9;
   	/* width: 15%; */
   	height: 7.9em;
    border: 1px solid black;
	}

.headermain h1{
	font-size: 1.8em;
    color: #333333;
    text-align: left;
	margin: 0.5em 0 0.2em 9.5em;
	}	

.headermain h2{
	font-size: 1.2em;
    color: #333333;
    text-align: left;
	margin: 0 0 0em 14em;
	}



/*	Beginn globalnavi ----------------------------------------------- */

  div#globalnavi {
	background-color: #666666;
	color: #ffffff;
   	text-align: right;
	border-bottom: 0.1em solid #ffffff;
	padding: 0.2em 1em 0.2em 0;
   	margin: 0;
    font-variant: small-caps;
	}


#globalnavi ul {
   	padding: 0.2em 0 0.2em 0;
   	margin: 0;
	}

#globalnavi li {
   	display: inline;
	list-style-type: none;
	letter-spacing: 0.1em;
	padding: 0 0.1em 0 0.1em;
   	margin: 0 0 0 0.1em;
   	}

 #globalnavi a {
    background-color: #CFCFCF;
    color: #333333;
	font-size: 0.9em;
	font-weight: normal;
	text-decoration: none;
	padding: 0 0.3em 0 0.8em;
	margin: 0;
    border: 2px solid #ffffff;
	}


#globalnavi a:hover,
#globalnavi a:focus,
#startside #navi01 a,
#ueberunsside #navi02 a,
#gwppartside #navi03 a,
#anfahrtside #navi04 a,
#kontaktside #navi05 a,
#impressside #navi06 a,
#agbimmoside #navi07 a
    {
	background-color: #990000;
    color: #ffffff;
    text-decoration: none;
    font-size: 0.9em;
	font-weight: normal;
    padding: 0 0.3em 0.3em 0.8em;
	margin: 0;
    border-bottom: 2px solid #990000;
    }

#globalnavi a:active {
    background-color: #ffffff;
    color: #000000;
    text-decoration: none;
    font-size: 0.9em;
	font-weight: normal;
    padding: 0 0.3em 0.2em 0.8em;
	margin: 0;
    border-bottom: 0em solid #d90099;
    }



/*	Beginn wrappersub ---(navicol, content, footer)----------- */

div#wrappersub {
	/*position: relative;*/ /* positioniert, bleibt aber im Fluss */
	background: silver /* url(../images/farbverlaufnavi.jpg) repeat-y top left */;
    color: black;
	border: 0.1em solid #123456;
}


/*  Beginn offernavi ------------------------------------------------- */

#offernavi {
	float: left;
	width: 14em;
	text-align: center;
    padding: 0;
   	margin: 0;
    font-variant: /* small-caps */ normal;
	}

#offernavi h3 {
	background-color: #666666;
	color: #ffffff;
    border-bottom: 0.1em solid #ffffff;
    font-size: 1.0em;
	font-weight: bold;
    letter-spacing: 0.1em;
	display: block;
	padding: 0.3em;
	margin: 0;
	}

.box1 {
	list-style-type: none;
	font-size: 0.8em;
	font-weight: 500;
	padding: 0;
	margin: 0;
    /* letter-spacing: 0.1em; */
	}

.box1 li {
    border-bottom: 0.1em solid #ffffff;
	display: block;
    padding: 0.3em 0 0.2em 0;
	margin: 0;
    height: 3em;
	}
	
.box1 li a {
	text-decoration: none;
	display: block;
    height: 3em;
    border-left: 1em solid #8F8F8F;
    border-right: 1em solid #8F8F8F;
    background-color: #CFCFCF;
    color: #333333;
    padding-top: 0.2em;
    }



.box1 a:link {
	color: black;
	}

.box1 a:hover,
.box1 a:focus,
#optfinside #navi11 a,
#frekapbside #navi12 a,
#foemitbside #navi13 a,
#bankverhside #navi14 a,
#kapmkonzside #navi15 a,
#lukimmside #navi21 a,
#imangebside #navi22 a,
#gesuchside #navi25 a
{
	background-color: #990000;
	color: #ffffff;
    border-left: 1em solid #CC3300;
    border-right: 1em solid #CC3300;
	}


.box1 a:visited {
	color: black;						 
	}

.box1 a:hover, .box1 a:focus {
	color: #ffffff;
	}

.box1 a:active {
	color: #ffffff;
	}

.box1 li ul.subul {
	display: none;
	list-style-type: none;
	}

.box1 li:hover ul.subul {
	display: block;
	position: absolute;
	left: 15em;
	width: 12em;
	margin: -2.25em 0 0 0;
	background: #e2e2e2;
	}



/*	Beginn content ------------------------------------------------- */

div#content {
	background-color: white;
	padding: 2em 3em 2em 3em;
	border-left: 0em solid #294d69; /*später ggf. raus*/
	margin: 0 0 0 14.1em;
    min-height: 27em;
    line-height: 1.1;
    }
 	
#content h1 {
	text-indent: 0em;
	color: #333333;
	padding-bottom: 0.5em;
	}

#content h1:first-letter {
  font-size: 1.5em;
}

#content h1.immo {
  margin: 0;
  padding: 0;
  }

#content p,
#content ul,
#content ol,
#content dl {
	font-size: 0.9em;
	color: #333333;
	}

#content p.bold {
	font-size: 0.9em;
	font-weight: bold;
	padding-top: 2em;
	}

#content ul li {
   list-style: /* url(../images/equipm/pfeilklein.gif); */ circle;
   list-style-position: outside;
   padding: 0.1em 0 0.1em 0em;
   margin: 0 0 0 1.8em;
	}

#content ul.willkom li {
   padding: 0;
   }


#content dl dt {
	font-size: 0.9em;;
	font-weight: bold;
	padding-top: 1em;
	padding-left: 1em;
	padding-right: 3em;
    }

#content dl dd {
	font-size: 0.9em;
	font-weight: normal;
	padding-left: 1em;
	padding-bottom: 1em;
	padding-right: 5em;
   	}

#content td  {
	font-size: 0.9em;
	font-weight: normal;
	padding-left: 0em;
	padding-bottom: 1em;
	padding-right: 5em;
	}


#content p span {
	color: #d90000;
	font-weight: normal;
	}

#content p.hinweis {
    font-size: 0.8em;
    margin: 0;
    padding: 0 0 0 1em;
    }

#content p.objnr {
    font-size: 0.7em;
    margin: 0em;
    margin-left: 20em;
    padding: 0 0 0 1em;
    }

/*  Beginn footer --------------------------------------------------- */

div#footer {
	clear: both;
	padding: 0;
	border-top: 0.2em solid #ffffff;
	margin: 0;
	}

.footertop {
	background-color: #666666;
	height: 0.5em;  			/* Reaktion erst ab 1.4em, Grund? */
	}
	
.footermain {
	background-color: #ffffff;
	text-align: center;
  	}
  	
.footersub {
	background-color: #666666;
	height: 1.2em;
	}
		
#footer a {
	color: #ffffff;
	font-size: 0.9em;
	padding: 0.3em 5.0em 0.3em 0.3em;
    text-decoration: none;
	}

 #footer a:hover {
	color: #FFFF00;
    }

/*	======================================================================
	6	Sonstige Styles
	====================================================================== */

address {
	font-size: 0.8em;
	font-style: normal;
	text-align: center;
	letter-spacing: 0.1em;
	line-height: 1.3em;
	}





/*	======================================================================
	Das Kontaktformular
	====================================================================== */


form {
	background-color: #eee;
	width: 23em;
	padding: 10px 20px;
	border: 1px solid #8c8c8c;
	}

fieldset {
       border: 1px solid #FFCC80;
       margin: 10px;
       width: 21em;
       padding: 10px;
}

legend {
       font-weight: bold;
       background-color: #FFCC80;
       border: 1px solid #BF9960;
       padding: 2px;
       width: 17em;
       text-align: center;
       margin: 5px 5px 5px 4px;
}


label {
	display: block;
	cursor: pointer;
	}

input#absender,
input#strasse,
input#wohnort,
input#telefon,
input#email,
textarea {
	width: 20em;
	border: 1px solid #8c8c8c;
	margin-bottom: 1em;
    background-color: #ffffff;
	}

textarea {
	height: 7em;
	}

input#absender:focus,
input#strasse:focus,
input#wohnort:focus,
input#telefon:focus,
input#email:focus,
textarea:focus {
	background-color: #D2D2D2;
	}

.reset, .submit {
     width: 8em;
     background-color:  #D2D2D2;
     color: #535353;
     border: 2px inset #040404;
     margin-right: 2em;
 }
.reset:hover, .submit:hover {
     background-color: #868686;
}


/*	======================================================================
	Die Anfahrt
	====================================================================== */



div.anfahrt dl {
	margin-bottom: 1em;
	}


/*	======================================================================
	Die Angebotsgalerie
	====================================================================== */


div.galerie {
	overflow: hidden; /* zum Umschließen der Floats */
	padding: 25px 10px 10px 0;
	margin: 0 3px 6px 0;
    }
	

div.galerie img {
	float: left;
	padding: 4px;
	border: 3px solid #ddd;
	border-right-color: #aaa;
	border-bottom-color: #aaa;
	margin-right: 15px;
	margin-bottom: 15px;
	}

div.galerie h4 {
    font-weight: bold;
    font-size: 0.9em;
}



div.galerie h4,
div.galerie p {
  margin-left: 18em;
  padding-left: 0;
  }







/*	======================================================================
	GWPPartner
	====================================================================== */


div#position {
    font-size: 0.9em;
	line-height: 1.0em;
   	}

div#position dl {
	margin-bottom: 2px;
	}

div#position dl,
div#position dd,
div#position dt,
div#position p {
  margin-left: 10em;
  padding-left: 0;
}


/*	======================================================================
	AGB
	====================================================================== */


div#agb p, div#agb li {
    font-size: 0.8em;
    margin: 0;
    line-height: 1.1;
    }

div#agb h6 {
    font-size: 0.9em;
    padding: 0.5em 0 0 0;
    }

div#agb p.titel {
  padding: 0.4em 0 0.2em 0;
  font-weight: bolder;
}





/*	======================================================================
	7	E n d e    d e s    S t y l e s h e e t s
	====================================================================== */