/* CSS Document */

html {
	height:100%;
	scrolling:yes;
	background:#d3cdc9;
}

html[xmlns^="http"] {
	/* verhindert Mozilla-Zucken
	 * > Firefox 1.5
	 */
	overflow-y: scroll;
}

body {
	height:100%;
	margin:0;
	padding:0;
	text-align:left;
}

body, td {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#847878;
}

ul {
	margin:0;
	padding:0;
	list-style:none;
}

img,
a img {
	border:none;
	text-decoration:none;
}

a:hover img {
	filter:alpha(opacity=85);
	-moz-opacity:.85;
	opacity:.85;
}

a, a:visited {
	color:#635858;
	text-decoration:underline;
}

a:hover, a:active {
	color:#847878;
	text-decoration:none;
}

h1,
h1.partner_freunde {
	clear:both;
	font-size:18px;
	color:#862539;
	font-weight:bold;
	margin:0;
	padding:15px 0 13px 0;
	line-height:normal;
}

h1 span {
	color:#847878;
	font-size:17px;
}

h1.partner_freunde {
	padding:10px 0 0 0;
}

h2 {
	font-size:16px;
	font-weight:bold;
	margin:0 0 10px 0;
	padding:0 0 5px 0;
}

h2.first {
	font-size:12px;
	color:#f14cb3;
	background:url(../img/h2_bottom.gif) left bottom no-repeat;
}

h2.second {
	color:#88bc00;
	background:url(../img/h2_bottom.gif) left bottom no-repeat;
}

h2.third {
	color:#bc9a69;
	background:url(../img/h2_bottom.gif) left bottom no-repeat;
}

h2.fourth {
	color:#e96713;
	background:url(../img/h2_bottom.gif) left bottom no-repeat;
}

h2.fifth {
	color:#a22027;
	background:url(../img/h2_bottom.gif) left bottom no-repeat;
}

h3,h5 {
	font-size:15px;
	line-height:25px;
	color:#749f05;
	font-weight:bold;
	margin:3px 0 3px 0;
}

h4 {
	font-size:15px;
	color:#635858;
	font-weight:normal;
	margin:0;
	padding:3px 0 3px 0;
}

h5 {
	display:inline;	
}

#container {
	/*width:860px;*/
	padding:0 9px 5px 9px;
	width:842px;
	background:#fffffff;
	background:url(../img/bg_all.gif) left top repeat-y;
	margin:0 auto 0 auto;
}

#content_left,
#content_right {
	float:left;
}

#content_left {
	width:186px;
}

#content_left #logo {
	width:186px;
	height:150px;
	background:url(../img/gaertnerei_ganger_logo.gif) center 40px no-repeat;
}

#content_left #navi {
	padding:0 0 0 34px;
	width:150px;
	text-align:left;
}

#content_left #navi ul {
	list-style:none;
}

#content_left #navi ul li a,
#content_left #navi ul li a:hover {
	display:block;
	width:100%;
	padding:5px 0 6px 0;
	font-size:14px;
	color:#847878;
	text-decoration:none;
	background:url(../img/navi_bottom.gif) left bottom no-repeat;
}

#content_left #navi ul li a:hover {
	color:#da1b97;
	background:url(../img/navi_bottom_.gif) left bottom no-repeat;
}

#content_left #plan {
	height:129px;
	margin:31px 0 18px 0;
	
}

#content_left #plan a,
#content_left #plan a:hover{
	height:129px;
	display:block;
	background:url(../img/plan.gif) center top no-repeat;
}

#content_left #plan a:hover {
	background:url(../img/plan.gif) center -129px no-repeat;
}

#content_left #contact {
	padding:80px 15px 7px 15px;
	width:156px;
	/*height:168px;*/
	height:154px;
	background:url(../img/contact_bg.gif) left top no-repeat #e8e6dd;
}

#content_left #contact a {
	text-decoration:none;	
}

#content_right {
	margin:0 0 0 18px;
	width:638px;
}

#content_right .style2 { /*no background*/
	background:none;
}

#content_right .style3 { /*only content*/
	height:738px;
}

#content_right .style4 { /*terminkalender*/
	padding:0;
	/*height:738px;*/
	width:638px;
	height:485px;
}

#content_right .style5 { /*freunde_partner*/
	background:none;
}

span.text_bigger {
	font-size:17px;	
	line-height:29px;
}

span.text_smaller {
	font-size:11px;
	line-height:normal;
}

#content_right #navi_top ul {
	list-style:none;
	background:#827770;
	padding:6px 0px 6px 3px;
}

#content_right #navi_top ul li {
	display:inline;
}

#content_right #navi_top ul li a,
#content_right #navi_top ul li a:hover,
#content_right #navi_top ul li a.navi_top_first{
	padding:7px 13px 5px 10px;
	font-size:10px;
	color:#fefefe;
	text-decoration:none;
	/*border-left:1px solid #a39b96;
	border-right:1px solid #f4f2ee;*/
	background:url(../img/navi_top.gif) right top repeat-y;
}

#content_right #navi_top ul li a:hover {
	color:#c6c6c6;
}

/*#content_right #navi_top ul li a.navi_top_first {
	padding:7px 13px 5px 30px;
	background:url(../img/navi_top_first.gif) 2px top no-repeat;
}*/

#content_right #navi_top ul li img {
	padding:0 3px 0 0;	
}

#content_right_content {
	width:638px;
	padding:0 22px 15px 22px;
	width:594px;
	height:381px;
	background:#e8e6dd;
	margin:5px 0 0 0;
}

#content_right_content table.table_content td {
	/*padding:8px 13px;*/
	padding:7px 10px;
	line-height:22px;
	background:#ffffff;
	border-right:1px solid #e8e6dd;
}

.partner_freunde {
	float:left;
	margin:5px 0 0 0;
	width:198px;
	height:130px;
	text-align:center
}

#footer {
	clear:both;
	/*height:11px;
	background:url(../img/footer_bg.gif) left top no-repeat;*/
}

/*########################## TERMINKALENDER #############################*/

table.terminkalender {
	width:636px;
	padding:5px 0 0 1px;
	border:none;
}

table.terminkalender a {
	text-decoration:none;	
}

table.terminkalender tr td.td_month {
	/*width:212px;*/
	/*height:119px;*/
	padding:6px 8px 5px 5px;
	width:199px;
	height:108px;
	background:url(../img/terminkalender/bg_month.gif) left top no-repeat;
	text-align:left;
	vertical-align:top;
	border:none;
}

span.month {
	display:block;
	text-align:right;
	color:#aecd8a;
	font-size:14px;
	padding:0 0 2px 0;
	border-bottom:1px solid #b1ce8e;
}

table.terminkalender tr td table.events {
	padding:0;
	margin:0;
	width:199px;
}

td.day {
	width:5px;
	padding:1px 2px 1px 1px;
	border:1px solid #aecd8a;
}

td.event {
	width:184px;
	padding:3px 0 0 3px;
	border-bottom:1px solid #aecd8a;
	font-size:11px;
}

tr.event_blue td,
tr.event_blue a,
tr.event_blue a:visited {
	color:#1b4778;
}

tr.event_green td,
tr.event_green a,
tr.event_green a:visited {
	color:#2a6d15;
}

tr.event_red td,
tr.event_red a,
tr.event_red a:visited {
	color:#ae1837;
}

tr.event_brown td,
tr.event_brown a,
tr.event_brown a:visited {
	color:#b67527;
}

tr.event_blue a:hover,
tr.event_green a:hover,
tr.event_red a:hover,
tr.event_brown a:hover {
	color: #a0a0a0;
}

/*########################## /TERMINKALENDER #############################*/

/* ############################################ FORMULARE ################ */


table#formular {
	width:310px;
	background:#FFFFFF;
}

table#formular td {
	/*color:#b00704;*/
	width:132px;
}

.formularfeld,
.formularfeld2 {
	border:1px solid #969696;
	background:#f9f9f9;
	width:143px;
}

.formularfeld2 {
	width:325px;	
}

.formularfeld:hover,
.formularfeld2:hover {
	background:#ffffff;
}

.formularfeld:focus,
.formularfeld2:focus {
	background:#ffffff;
	border:1px solid #7b7b7b;
}

.formularbutton {
	margin:10px 0 0 0;
	background:url(../img/btn_send.gif) left top no-repeat;
	height:35px;
	width:106px;
	border:none;
}

.formularbutton:hover {
	background:url(../img/btn_send.gif) left -35px no-repeat;
}

table#formular_kontakt {
	width:370px;
	background:#FFFFFF;
}

table#formular_kontakt td {
	/*color:#b00704;*/
	width:132px;
}

/* ########################################### /FORMULARE ################ */

div#map {
	width:310px;
	height:330px;
	border:1px solid #e8e6dd;
}