/* CSS Document für www.h-oettl.de */

body{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin: 80px 0 0 0;
	padding: 0 0 0 0;
	border: 0;
	text-align: center;
	background-color:#2F8051;
}

/***********************************************/
/* Layout Boxen Divs                           */
/***********************************************/

#wrapper_box{
	margin: 0 auto;
	padding-top: 60px;
	width: 846px;
	text-align: left;
}

#header_box{
	position:absolute;
	margin: -98px 0 0 0;
	padding: 0;
	text-align:left;
	height: 75px;
	background-color:#FF0;
	z-index: 200;
}

#logo{
	position:absolute;
	z-index: 201;
	margin-top: -3px;
}

#navi_box{
	position:absolute;
	margin: 48px 0 0 239px;
	padding: 0;
	z-index: 99;
	letter-spacing: 0.02em;
}

#sub_navi_box{
	position:absolute;
	z-index: 100;
	height: 363px;
	width: 243px;
	padding: 0;
	margin: 71px 0 0 0;
	background-image:url(bilder/layout/sub_navi_bg.png);
	background-position:top right;
	background-repeat:repeat-y;
	text-align:left;
}


#sub_navi_box.narrow{
	width: 122px;
}

#sub_navi_box_intro{
	position:absolute;
	z-index: 100;
	height: 363px;
	width: 243px;
	padding: 0;
	margin: 71px 0 0 0;
	background-image:none;
	text-align:left;
}

#info_box{
	position: absolute;
	top: 6px;
	width: 243px;
	height: 362px;
	margin: 0 0 0 351px;
	padding: 0 1px 0 0;
	z-index: 299;
}

#info_box[id]{
	top: 7px;
}


#info_box.intro{
	margin: 0 0 0 0px;
}

#info_box.intro[id]{
	top: 7px;
	margin: 0 0 0 362px;
}

#main_box.wide div#info_box{
	margin: 0 0 0 472px;
}

#main_box_content.autoheight info_box{
	height: auto;
}

#main_box{
	position:absolute;
	margin: 65px 0 0 243px;
	padding: 0;
	background-image:url(bilder/layout/main_bg_right.png);
	background-position:right;
	background-repeat:repeat-y;	
	width: 	604px;
	color: #333;
	font-size: 12px;
	z-index:50;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#main_box.wide{
	margin: 65px 0 0 122px;
	width: 	725px;
}

#main_box_intro{
	position:absolute;
	margin: 65px 0 0 0;
	padding: 0;
	color: #333;
	font-size: 12px;
	z-index:50;
	width: 	847px;
	background-image:none;
}

#main_box_intro #main_box_content{
	height: 361px; 
	background-color:#6FA686;
	margin: 0;
	padding: 0px;
}


#main_box_content{
	height: 358px; 
	text-align: left;
	margin: 0;
	padding: 2px 250px 0px 10px;
	background-color:#fff;
}

#pic_box {
	height: 358px; 
	text-align: left;
	margin: 0;
	padding: 2px 0 0px 10px;
	background-color:#fff;
}

#pic_box[id] {
	height: auto; 
}

#main_box_content[id]{
	height: 359px; 
}

#main_box_content[id].autoheight{
	min-height: 359px;
	height: auto; 
}


#main_box_top{
	font-size: 0%; /* für IExpl */
	height: 7px;
	margin: 0;
	padding: 0;
	background-image:url(bilder/layout/main_top.png);
	background-position: 0 right;
	background-repeat:no-repeat;
}


#main_box_bottom{
	font-size: 0%; /* für IExpl */
	height: 7px;
	margin: 0;
	padding: 0;
	background-image:url(bilder/layout/main_bott.png);
	background-position:right bottom;
	background-repeat:repeat-x;	
}

#footer_box{
	clear: both;
	margin: -5px 0 0 0;
	font-size: 9px;
	height: 30px;
	text-align: right;
	padding-right: 137px;
	color: #999;
	background-color:#2F8051;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}

#footer_links td.mainnavi_lo a{
	color:#6FA786;
	text-decoration: none;
}

#footer_links td.mainnavi_lo a:hover {
	color:#FFFFFF;
	text-decoration: underline;
}

#footer_links td.mainnavi_hi a{
	color:#FFFFFF;
	text-decoration: none;
}


/***********************************************/
/* Components                                  */
/***********************************************/

/*********** #header_box styles ***********/



/*********** #navi_box styles ***********/

table#navi_links{
	margin: 0;
	padding: 0;
	height: 22px;
	border-collapse:collapse;
}

#navi_links td{
	height: 22px;
	padding: 0;
	margin: 1px;
	text-align:center;
	border:none;
	width: auto;
	background-color:#2F8051;
}

#navi_links td a{
	color: #D4E4D9;
	font-size: 13px;
	padding: 7px 15px 4px 15px;
	line-height: 24px;
	text-decoration: none;
}

#navi_links[id] td a {	
	padding: 7px 0px 4px 15px;
	margin-right: 15px;
}
#navi_links td a:hover{
	text-decoration: underline;
}

#navi_links td.mainnavi_hi{
	background-image:url(bilder/layout/navi_bg_right.png);
	background-position:right -3px;
	background-repeat:no-repeat;
}

#navi_links td.mainnavi_hi a{
	color:#2F8051;
	background-image:url(bilder/layout/navi_bg_left.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
	text-decoration: underline;
	/*font-weight: bold;*/
}


/*********** #sub_navi_box styles ***********/

table#subnavi_links{
	margin: -1px 0 0 0px;
	padding: 0;
}

#subnavi_links td{
	height: 120px;
	width: 120px;
	padding: 0;
	margin: 1px;
	text-align:left;
	vertical-align:top;
	border:none;
	/*background-color:#6FA686;*/
	font-size:11px;
}

#subnavi_links td a {
	display: block;
	height: 120px;
	width: 120px;
	padding: 0px;
	text-decoration: none;
	color: #D4E4D9;
}

#subnavi_links td#subnavi_aktuell a {
	color: #B7EE4F; font-size:12px;
}

#subnavi_links td#subnavi_aktuell a:hover {
	color: #fff; font-size:12px;
}

#subnavi_links td.subnavi_hi a, #subnavi_links td a:hover{
	color: #fff;
	font-size:12px;
}

.padlink {
	display: block;
	height: 60px;
	width: 100px;
	padding: 8px;
	margin: 0;
	cursor:hand;
}

#sub_navi_box.kontakt td a:hover span.padlink {
	display: block;
	height: 10px;
	width: 104px;
	padding: 8px;
	margin: 0;
	background-color: #8AC557;
}

/* Start Unternavi-Bilder*/

#subnavi_aktuell {
	background-image:url(bilder/layout/subnavi_aktuell_lo.png);
}

#subnavi_aktuell a:hover, #subnavi_aktuell.subnavi_hi{
	background-image:url(bilder/layout/subnavi_aktuell_hi.png);
}

#subnavi_zeitung {
	background-image:url(bilder/layout/subnavi_blume_lo.png);
}

#subnavi_zeitung a:hover, #subnavi_zeitung.subnavi_hi{
	background-image:url(bilder/layout/subnavi_blume_hi.png);
}



#subnavi_bildergalerie {
	background-image:url(bilder/layout/subnavi_bildergalerie_lo.png);
}

#subnavi_bildergalerie a:hover, #subnavi_bildergalerie.subnavi_hi{
	background-image:url(bilder/layout/subnavi_bildergalerie_hi.png);
}

/* Zurück Unternavi-Bilder*/

#subnavi_zurueck {
	background-image:url(bilder/layout/subnavi_zurueck_lo.png);
}

#subnavi_zurueck a:hover, #subnavi_zurueck.subnavi_hi{
	background-image:url(bilder/layout/subnavi_zurueck_hi.png);
}


/* Gartengestaltung Unternavi-Bilder*/

#s_01{
	background-image:url(bilder/layout/subnavi_planung_lo.png);
}

#s_01 a:hover, #s_01.subnavi_hi{
	background-image:url(bilder/layout/subnavi_planung_hi.png);
}

#s_02 {
	background-image:url(bilder/layout/subnavi_pflege_lo.png);
}

#s_02 a:hover, #s_02.subnavi_hi {
	background-image:url(bilder/layout/subnavi_pflege_hi.png);
}

#s_03 {
	background-image:url(bilder/layout/subnavi_verwendung_lo.png);
}

#s_03 a:hover, #s_03.subnavi_hi {
	background-image:url(bilder/layout/subnavi_verwendung_hi.png);
}

#s_04 {
	background-image:url(bilder/layout/subnavi_licht_lo.png);
}

#s_04 a:hover, #s_04.subnavi_hi {
	background-image:url(bilder/layout/subnavi_licht_hi.png);
}

#s_05 {
	background-image:url(bilder/layout/subnavi_wasser_lo.png);
}

#s_05 a:hover, #s_05.subnavi_hi {
	background-image:url(bilder/layout/subnavi_wasser_hi.png);
}

#s_06 {
	background-image:url(bilder/layout/subnavi_stein_lo.png);
}

#s_06 a:hover, #s_06.subnavi_hi {
	background-image:url(bilder/layout/subnavi_stein_hi.png);
}

/* Kontakt Unternavi-Bilder*/

#s_06_01 {
	background-image:url(bilder/layout/subnavi_anfahrt_lo.png);
}

#s_06_01 a:hover{
	background-image:url(bilder/layout/subnavi_anfahrt_hi.png);
}

#s_06_02 {
	background-image:url(bilder/layout/subnavi_anfahrt_detail_lo.png);
}

#s_06_02 a:hover{
	background-image:url(bilder/layout/subnavi_anfahrt_detail_hi.png);
}

#s_06_03 {
	background-image:url(bilder/layout/subnavi_team_lo.png);
}

#s_06_03 a:hover{
	background-image:url(bilder/layout/subnavi_team_hi.png);
}

/*********** #main_box styles ***********/

#main_box h1 {
	font-size:16px;
	color:#2F8051;
	background-repeat:no-repeat;
	background-position:top left;
	padding: 0;
	margin: 20px 0 10px 0;
	height: 65px;
	text-indent: -5000px;
}

h1#schoene_gaerten {
	margin: 40px 0 10px 0;
	height: 48px;
	background-image: url(bilder/layout/hd_schoene_gaerten.png);
}

h1#bildergalerie {
	background-image: url(bilder/layout/hd_bildergalerie.png);
}

h1#gestaltung {
	background-image: url(bilder/layout/hd_gestaltung.png);
}

h1#planung {
	background-image: url(bilder/layout/hd_planung.png);
}

h1#rasen {
	background-image: url(bilder/layout/hd_rasen.png);
}

h1#verwendung {
	background-image: url(bilder/layout/hd_verwendung.png);
}

h1#licht {
	background-image: url(bilder/layout/hd_licht.png);
}

h1#wasser {
	background-image: url(bilder/layout/hd_wasser.png);
}

h1#stein {
	background-image: url(bilder/layout/hd_stein.png);
}

h1#gartenpflege {
	background-image: url(bilder/layout/hd_gartenpflege.png);
}

h1#kontor {
	background-image: url(bilder/layout/hd_kontor.png);
}

h1#partner {
	background-image: url(bilder/layout/hd_partner.png);
}

h1#philosophie {
	background-image: url(bilder/layout/hd_philosophie.png);
}

h1#kontakt {
	background-image: url(bilder/layout/hd_kontakt.png);
}

h1#impressum {
	background-image: url(bilder/layout/hd_impressum.png);
}

#main_box h2 {
	font-size:13px;
	color:#09c;
	margin: 2px 0 4px 0;
	padding: 0 10px 0 10px;
}

em {
	font-size: 100%;
	font-weight: normal;
	display:inline;
	font-style: normal;
}

em.wasser {
	color:#85A9C9;
}

em.rasen {
	color:#6C943B;
}

em.pflanzenverwendung {
	color:#85CC02;
}

em.lichteffekte {
	color:#FF9933;
}

em.steinarbeiten {
	color:#BDAB9D;
}

em.gartenpflege {
	color:#B9D756;
}

#main_box p {
	line-height: 16px;
	margin: 2px 0 8px 0;
	padding: 0 10px 0 10px;
}


#main_box p.footnote {
	font-size: 9px;
	line-height: 12px;
	margin: 18px 0 0 0;
	padding: 6px 10px 5px 10px;
	color: #666;
	background-image:url(bilder/layout/dotted_line.png);
	background-position:0px 0px;
	background-repeat:repeat-x;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
}


.contentpic_center {
	margin: 20px auto 20px auto;
	width: 310px;
}

.contentpic_center img {
	border: 1px solid #333;
	margin-right: 1px;
}

.contentpic_left {
	margin: 25px auto 25px auto;
	width: 100px;
	float: left;
}
/*********** #info_box styles***********/


#infotable{
	margin: 1px 0 0 0;
	padding: 0;
	background-color: none;
	background-repeat:no-repeat;
	border-collapse:collapse;
	border: none;
}

#infotable td{
	height: 120px;
	width: 120px;
	padding: 0;
	margin: 1px;
	text-align:center;
	border:1px solid #fff;
	font-size:0%;
}

#info_box td.link {
	cursor:help;
}

.intro_bild{
	background-image: none/*url(bilder/fotos/eingang_01.png*/);
	background-color:#6FA686;
}

table#infotable.intro_bild td{
	border:1px solid #2F8051;
}


.start_bild{
	background-image:url(bilder/fotos/eingang_01.jpg);
}

.gestaltung_bild{
	background-image:url(bilder/fotos/gestaltung_01.jpg);
}

.planung_bild{
	background-image:url(bilder/fotos/planung_01.jpg);
}

.pflege_bild{
	background-image:url(bilder/fotos/pflege_01.jpg);
}

.pflanzenverwendung_bild{
	background-image:url(bilder/fotos/pflanzenverwendung_01.jpg);
}

.lichteffekte_bild{
	background-image:url(bilder/fotos/lichteffekte_01.jpg);
}

.wasser_bild{
	background-image:url(bilder/fotos/wasser_01.jpg);
}

.steinarbeiten_bild{
	background-image:url(bilder/fotos/steinarbeiten_01.jpg);
}

.gartenpflege_bild{
	background-image:url(bilder/fotos/gartenpflege_02.jpg);
}

.kontor_bild{
	background-image:url(bilder/fotos/kontor_01.jpg);
}

.partner_bild{
	background-image:url(bilder/fotos/partner_01.jpg);
}

.philosophie_bild{
	background-image:url(bilder/fotos/philosophie_01.jpg);
}

.kontakt_bild{
	background-image:url(bilder/fotos/kontakt_01.jpg);
}

.impressum_bild{
	background-image:url(bilder/fotos/impressum_01.jpg);
}

/*********** # allgemeine styles ***********/
a.more {
	background-image:url(bilder/layout/arrow_more.png);
	background-position:0px 3px;
	background-repeat:no-repeat;
	padding-left: 18px;
	color: #999;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
}

a.more:hover {
	text-decoration:underline;
	color: #2F8051;
}

.minitxt {
	font-size: 9px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
}

strong.firmenname {
	/*font-family: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 0.10em;
	font-size: 16px;
	color: #FFFFFF;*/
	height: 32px;
	width: 82px;
	padding: 0 3px 0 3px;
}

.mehr_button {
	font-size: 90%;
	padding-left: 8px;
	background-image:url(bilder/layout/arrow_r_klein.gif);
	background-repeat:no-repeat;
	background-position:left;
}

.zurueck_button {
	font-size: 90%;
	padding-left: 8px;
	background-image:url(bilder/layout/arrow_l_klein.gif);
	background-repeat:no-repeat;
	background-position:left;
}

/* easy-edit
----------------------------------------------*/

.body_ee {
	padding: 0 5px 15px 10px;
	margin: 0 0 6px 0;
}

.body_ee_list {
	padding: 0 5px 15px 10px;
	background-color:#F7F7F7;
	margin: 0 0 5px 0;
	height:auto;
}

h4.titel_ee a {
	padding: 0;
	margin: 0;
	color: #78B43D;
	text-decoration: underline;
}

h4.titel_ee {
	font-size: 18px;
	padding: 0;
	margin: 15px 0 0 0;
	color:#78B43D;
}

.teaser_ee {
	font-weight: bold;
	margin: 0 0 5px 0;
	padding: 0;
}

.text_ee {
	margin: 0;
	padding: 0;
}


div.text_ee ul li{
	margin: 0;
	padding:0;
}

div.text_ee p{
	margin: 0;
	padding:0;
}


.link a{
	background-image: url(bilder/layout/quadrat_gruen.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding: 0 0 0 10px;
	text-decoration:none;
}

.date_ee {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 0 5px 0 5px;
	border-left: 8px solid #78B43D;
}

.picbox_pic {
	
}

.picbox_pic_text {
	font-size: 9px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	text-align: center;
	width: 160px;
}

.picbox_pic_text a {
	color:#666666;
	text-decoration:none;
}

/*listen-formatierungen*/
.listenbild {
	text-align: center;
	margin: 5px 5px 5px 0;
	width: 160px;
	float:right;
	/*background-color: #E7F1EB;*/
}

.listenbild img {
	margin: 0px;
	border: 2px solid #fff;
}

.listentext {
	margin: 0;
	padding:5px 5px 5px 5px;
	/*background-color:#FF0000;*/
}

.listeneintrag {
	margin: 10px 0 10px 0;
	/*width: 450px;*/
	padding: 0;
	background-color: #efefef;
	height: auto;
	clear: left;
	min-height: 275px;
	border: 1px solid #ccc;
}

.datum {font-size:11px; font-weight:normal;}

.thumbcell img {max-width: 120px; max-height:120px;}

#ee_detbild_navi {float:right; font-family:Tahoma,Arial,Helvetica,sans-serif; font-size:11px; text-align:center;}

#ee_detbild_navi img {border:1px solid #666;}

#ee_detbild_navback {margin: 0 0 7px 0; border-bottom:1px solid #3F601A;}

#ee_detbild_navprev {margin: 0 0 5px 0;}

#ee_detbild_navnext {margin: 0 0 5px 0;}

#ee_detbild_navi a {text-decoration:none;}
#ee_detbild_navi a:hover {text-decoration:underline;}

a.button_nachoben {
    background-image: url(bilder/layout/album.gif);
	background-position: left 3px;
	background-repeat: no-repeat;
	padding: 0 0 0 13px;
}

a.button_links {
    background-image: url(bilder/layout/pfeil_links.gif);
	background-position: left 3px;
	background-repeat: no-repeat;
	padding: 0 0 0 12px;
}

a.button_rechts {
    background-image: url(bilder/layout/pfeil_rechts.gif);
	background-position: left 3px;
	background-repeat: no-repeat;
	padding: 0 0 0 12px;
}