/* Styles Website Zimmerei Höke
	Datum: 22.10.2007*/


/* Allgemeines */
body {
	font-family: 	    Verdana, Arial, Helvetica, sans-serif;
	color: 				#000;
	background-image:   url(../images/hg-laerche.jpg);
	background-repeat:  repeat-y;
	background-position: 108px;
	font-size:		    100.1%;
	height:				100%;
	margin:				0;
	padding:			0;
}

html {
	/* für den Scrollbalken ,damit er in firefox, mozilla nicht verschwindet. 
	Sonst rutscht der Inhalt nach links (geht nicht in Safari)*/
	margin-bottom:0.1px;	
}

h1,h2,h3,h4,h5,p,ul,form,table   {  /*setzt alle vorgegeben Abstände auf 0*/
	margin:				0px;
	padding:			0px;
}

.clear {
	clear:				both;
}

#alles {
	background-image:       url(../images/hg-laerche-oben.jpg);
	background-repeat:      repeat-x;
}
h1  {
	margin-bottom:	        26px;
	font-size:			    12px;
	font-weight:		    bold;
	color:					#B8843E;
}
h2  {
	font-size:			    11px;
	font-weight:		    bold;
	color:					#B8843E;
    letter-spacing:         0.01em;
    margin-bottom:          20px;
}
h3  {
	margin-bottom:	        10px;
	font-size:			    11px;
	font-weight:		    bold;
	color:					#B8843E;
}
h4  {
	font-size:			    11px;
	font-weight:		    normal;
	color:					#B8843E;
}
h5  {
	font-size:			    9px;
	font-weight:		    normal;
	color:					#000;
}

a:link, a:visited {
	color:					#000;
}
a:hover, a:active {
	color:					#B8843E;
}


/* Kopf*/
#kopf {
    width:					942px;
	height:					119px;
	margin:					31px 0 37px 0px;
}
#kopf img {
	border-right:		    1px solid #F6EECD;
    float:                  left;
}
#unten {
	width:					942px;
}

/* --- NAVIGATION ----*/

/* Adminnavigation rechts oben*/

#adminnavigation {
	font-size:				    10px;
	margin-left:			    330px;
    clear:                      both;
}
#adminnavigation ul {
	padding:					3px 0 3px 0;
}
#adminnavigation ul li {
	float:						left;
	list-style-position:        outside;
	list-style-type: 	        none;
}
#adminnavigation ul li a{
	padding:					2px 15px 2px 15px;
}
#adminnavigation ul li a:link,
#adminnavigation ul li a:visited {
	text-decoration:	        none;
	color:						#000;	
}
#adminnavigation ul li a:hover,
#adminnavigation ul li a:active,
#adminnavigation ul li a.current,
#adminnavigation ul li a.current:visited {
	text-decoration:	        none;
	color:						#B8843E;
}


/* Hauptnavigation links*/

#navigation {
	width:						254px;
	float:						left;
    margin-bottom:              30px;
	/*background-color:	#FFF;*/
}
#navigation ul.link {
	width:						254px;
}
#navigation ul li.mainlink {
	list-style-position:        outside;
	list-style-type: 	        none;
	margin-bottom:		        1px;
    font-size:				    10px;
	font-weight:			    bold;
}
li.mainlink a,
li.current a {
	text-decoration:            none;
    background-color:	        #F6EECD;
    padding:					7px 15px;
    /* Hide this from IE-Mac \*/
    height: 		            1%;
   /* End the hiding */
}
li.mainlink a:link,
li.mainlink a:visited {
    display:                    block;
	color:                      #000;

}
li.mainlink a:hover,
li.mainlink a:active,
li.mainlink a:focus,
li.mainlink a.current,
li.mainlink a.current:visited  {
	color:                      #B8843E;
}


/*Subnavigation*/
ul.sublink {
    width:						228px;
	padding:		            10px 0px 10px 25px;
    font-size:				    9px;
    list-style-position:        outside;
	list-style-type:            none;
    background-color:	        #FFF;
}
ul.sublink li a  {
    display:                    block;
	background-color:	        #FFF;
	margin:		                0px;
    font-size:				    9px;
    font-weight:                normal;
    padding:                    2px 0px 5px 15px;
}

ul.sublink li a:link,
ul.sublink li a:visited,
ul.sublink li a:focus  {
	color:                      #000;
    background-color:           #FFF;
    background-image:           url(../images/navi/hg-subnavi.jpg);
}
ul.sublink li a:hover,
ul.sublink li a:active,
ul.sublink li a.subcurrent,
ul.sublink li a.subcurrent:visited {
	color:                      #FFF;
    background-color:           #B8843E;
    background-image:           url(../images/navi/hg-subnavi-on.jpg);
}





/* -------- INHALT --------------------*/




#inhalt  {
	float:						left;
	margin-left:				76px;
	width:						608px;/*608*/
	overflow:					hidden;
}

#inhalt strong {
    color:				    	#B8843E;
    /*font-weight:               normal; */
}


#inhalt ol {
    margin-left:		    -22px;
}


#inhalt ul {
   	list-style-position:    outside;
	list-style-type: 	    none;
	list-style-image: 	    url(../images/navi/dot.gif);
	margin-left:		    12px;
}
#inhalt ul li {
    /*padding-left:           5px;   */
}
#inhalt ul li ul {
   	list-style-position:    outside;
	list-style-type: 	    none;
	list-style-image: 	    url(../images/navi/dot-schwarz.gif);
	margin-left:		    18px;
}


#inhalt ul.link li.seitennavi {
    margin:                 5px 0px 5px 10px;
    font-weight:            bold;
	color:					#B8843E;
    list-style-position:    outside;
	list-style-type: 	    none;
	list-style-image: 	    url(../images/navi/pfeil-ocker.gif);

}

#inhalt ul li.seitennavi a:link,
#inhalt ul li.seitennavi a:visited {
    list-style-position:    outside;
	list-style-type: 	    none;
	list-style-image: 	    url(../images/navi/pfeil-ocker.gif);
    margin-left:            12px;
    color:								#B8843E;
}
#inhalt ul li.seitennavi a:hover,
#inhalt ul li.seitennavi a:active,
#inhalt ul li.seitennavi a.current {
    list-style-position:    outside;
	list-style-type: 	    none;
	list-style-image: 	    url(../images/navi/pfeil-ocker.gif);
    text-decoration:        none;
    margin-left:            12px;
    color:					#000;
}
#inhalt ul li.blindlink a:link,
#inhalt ul li.blindlink a:visited,
#inhalt ul li.blindlink a:hover,
#inhalt ul li.blindlink a:active {
    list-style-position:    outside;
	list-style-type: 	    none;
	list-style-image: 	    url(../images/navi/dot.gif);
    text-decoration:        none;
    color:					#000;
}

#seiteninhalt  {
	font-size:				    11px;
	margin-bottom:		        50px;
  	height:						325px;
	min-height:					325px;
	display:					table;
}
#seiteninhalt:after  {
  clear:                both;
  content:            ".";
  display:            block;
  height:             0;
  line-height:        0;
  padding:            0;
  visibility:            hidden;
}

#seiteninhalt a.blindlink {
   text-decoration:         none;
}
#seiteninhalt a {
	padding-left:				0px;
}

.spalte-links  {
  display:                block;
  float:                    left;
  width:                    297px; 
  padding-right:             6px;
}

.spalte-links ul,
.spalte-rechts ul {
  margin-left:  10px;
}

.spalte-links ul a,
.spalte-rechts ul a {
  font-size:    10px;
  margin-left:  10px;
  text-decoration:  none;
}

.spalte-rechts  {
  display:                block;
  float:                    left;
  width:                    298px;
  padding-left:             6px;
}

.rollspalte-links {
  display:                  block;
  float:                    left;
  width:                    366px;
  padding-right:            20px;
}
.rollspalte-rechts {
  display:                  block;
  float:                    left;
  width:                    222px;
  height:                   250px;
  overflow:                 auto;
}
.rollspalte-rechts img {
  margin-bottom:           10px;
  border:                  1px solid #B8843E;
}
.textspalte-links  {
    display:                block;
    float:                    left;
    width:                    459px;
    padding-right:             18px;
}

.bildspalte-rechts  {
    display:                block;
    float:                    left;
    width:                    125px;
    padding-left:             6px;
    font-size:                10px;
}

.impressionen  {
  width:        608px;
  display:      block;
}

.impressionen img {
  float: left;
  padding:    0px 2px 2px 0;
  margin:   0px;
}


/* ------- FUSSBEREICH ------- */

/*#fuss {	
		width:			940px;
		position:		relative;
		bottom:			10px;
		clear:			both;	
}*/
#fuss {	
		width:			940px;
		/*position:		relative;
		bottom:			10px;
		margin-top:	10px;*/
		clear:			both;	
}
#fuss .logo-unten {
 		float:			left;
}
#fuss .logo-unten img {
        border:        0;
}

#fuss .adresse  {
		font-size:		9px;
		padding-top:	38px;
}
.print-logo {
        display:    none;
}
.print-adresse {
        display:    none;
}






/* Formularstyles */
.kontaktfeld {
   width:               606px;
   border:				solid 1px #B8843E;
}

form {
   padding:             20px;
   width:               427px;
}
form .bezeichnung {
   float:               left;
   width:               100px;
   padding-bottom:      5px;
}


form .textbutton {
	border:				solid 1px #B8843E;
	background-color:	#F6EECD;
	padding:			1px 6px 5px 6px;
	color:				#000;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			10px;
	width:				100px;
}
form .textarea {
	width:				300px;
    background-color:	#F6EECD;
    padding-bottom:      5px;
}
form .plz {
	width:				85px;
    background-color:	#F6EECD;
    padding-bottom:      5px;
    }
form .ort{
	width:				180px;
    background-color:	#F6EECD;
    padding:            0px 0px 5px 1px;
}