body  {
    	font: 11px Verdana, Arial, Helvetica, sans-serif;
    	background: #F5EED7;
    	margin: 0; 
    	padding: 0;
    	text-align: center; 
    	color: #68655D;
    }
	
#container { 
    	width: 970px;  
        background: #F2C335;
	background-image:url(/grafik_layout/bg_content.jpg);
	background-repeat: repeat-y;
    	margin: 0 auto; 
    	text-align: left; 
    } 

/*========================================= */
	
#header_start { 
	background-image:url(/grafik_layout/bg_header_start.jpg);
        height: 250px;
    	padding: 0 10px 0 20px;  
    } 

#header_hof { 
	background-image:url(/grafik_layout/bg_header_start.jpg);
        height: 250px;
    	padding: 0 10px 0 20px;  
    } 

#header_ueber_uns { 
	background-image:url(/grafik_layout/bg_header_start.jpg);
        height: 250px;
    	padding: 0 10px 0 20px;  
    }
 
#header_pferdepension { 
	background-image:url(/grafik_layout/bg_header_start.jpg);
        height: 250px;
    	padding: 0 10px 0 20px;  
    }
 
#header_kinderreiten { 
	background-image:url(/grafik_layout/bg_header_start.jpg);
        height: 250px;
    	padding: 0 10px 0 20px;  
    }
 
#header_reitunterricht { 
	background-image:url(/grafik_layout/bg_header_start.jpg);
        height: 250px;
    	padding: 0 10px 0 20px;  
    }
 
#header_ther_reiten { 
	background-image:url(/grafik_layout/bg_header_start.jpg);
        height: 250px;
    	padding: 0 10px 0 20px;  
    } 


/*========================================= */

	
#header_start h1, #header_hof h1, #header_ueber_uns h1, #header_pferdepension h1, #header_kinderreiten h1, #header_reitunterricht h1, #header_ther_reiten h1 {
	padding: 0;
        margin: 0; 
	display: none;
    }

	
/*========================================= */
/* sidebar 1 , navigation lokal */
	
#sidebar1 {
    	float: left;
    	width: 150px; 
    	padding: 15px 5px 15px 3px; 
}

#sidebar1 ul {
	width: 150px;
	margin: 0;
	padding: 0;
}
		
#sidebar1 li {
    list-style: none;

}

#sidebar1 a, #sidebar1 a:link, #sidebar1 a:visited {
	color: #f09919;
	font-weight: bold;
	text-decoration: none;
	line-height: 20px;
	padding: 0 0 0 5px;
        display: block;
        background-color: #f5eed7;
        border: 1px solid #f2c335;
}

#sidebar1 a:hover, #sidebar1 a:active {
	text-decoration: underline;
}		
		
/*========================================= */	
	

#sidebar2 {
    	float: right; 
    	width: 160px; 
    	padding: 30px 0px 15px 0px; 

    }

#sidebar2 ul {

	padding: 0px 10px 0px 0px;
        margin: 0;

}
		
#sidebar2 li {
    list-style: none;
}

#sidebar2 a, #sidebar2 a:link, #sidebar2 a:visited {
	color: #FFFFFF;
	font-weight: bold; 
	padding: 0;
        background-color: #D84D0D;
        border: 1px solid #FFFFFF;
        display: block;
        padding: 3px 3px 3px 3px;

}

#sidebar2 a:hover, #sidebar2 a:active {
	text-decoration: underline;
}

#sidebar2 a.ueba, #sidebar2 a.ueba:link, #sidebar2 a.ueba:visited {
        font-weight: bold;
        color: #D84D0D;
        background-color: #FFFFFF;
        border-top: 1px solid #D84D0D;
        border-right: 1px solid #D84D0D;
        border-left: 1px solid #D84D0D;
        padding: 3px 3px 3px 3px;

}

#sidebar2 a.ueba:hover, #sidebar2 a.ueba:active {
	color: #D84D0D;
}


		
		
/*========================================= */	
/* navigation header service*/

#service {
	float: right;
	padding: 5px 10px 0px 0px;
}

#service li {
    list-style: none;
	display: inline;
}

#service a, #service a:link, #service a:visited {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

#service a:hover, #service a:active {
	color: #D84D0D;
}

/*========================================= */
/* navigation header haupt*/

#haupt {
	padding: 215px 10px 0px 110px;
}
#haupt li {
        list-style: none;
	display: inline;
}

#haupt a, #haupt a:link, #haupt a:visited {
        font-size: 12px; 
	color: #f09919;
	font-weight: bold;
	text-decoration: none;
	padding-right: 10px;
}

#haupt a:hover, #haupt a:active {
	text-decoration: underline;
}

/*========================================= */

.rot_f {
	font-weight: bold;
	color: #D84D0D;
}

/*========================================= */	

#mainContent { 
    	margin: 0px 160px 0px 160px; 
    	padding: 20px 15px 20px 15px; 
    } 
	
#footer {
		background-image:url(/grafik_layout/bg_footer.jpg); 
		height: 20px;
    	padding: 0 10px 0 20px; 
    }
	 
#footer p {
    	margin: 0; 
    	padding: 10px 0; 
    }
	


/*========================================= */
/* box-einstellungen startseite*/

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


.hof_oben {
	background-image:url(/grafik_layout/box_start_head_hof.jpg);
	background-repeat:no-repeat;
	height: 20px;
	width:200px;
	margin: 0;
	padding: 0;
}

.hof_unten {
	background-image:url(/grafik_layout/box_start_footer_hof.jpg);
	background-repeat:no-repeat;
	height: 20px;
	width:200px;
	margin: 0;
	padding: 0;
}

.pension_oben {
	background-image:url(/grafik_layout/box_start_head_pension.jpg);
	background-repeat:no-repeat;
	height: 20px;
	width:200px;
	margin: 0;
	padding: 0;
}

.pension_unten {
	background-image:url(/grafik_layout/box_start_footer_pension.jpg);
	background-repeat:no-repeat;
	height: 20px;
	width:200px;
	margin: 0;
	padding: 0;
}

.wohnen_oben {
	background-image:url(/grafik_layout/box_start_head_wohnen.jpg);
	background-repeat:no-repeat;
	height: 20px;
	width:200px;
	margin: 0;
	padding: 0;
}

.wohnen_unten {
	background-image:url(/grafik_layout/box_start_footer_wohnen.jpg);
	background-repeat:no-repeat;
	height: 20px;
	width:200px;
	margin: 0;
	padding: 0;
}

.reiterferien_oben {
	background-image:url(/grafik_layout/box_start_head_reiterferien.jpg);
	background-repeat:no-repeat;
	height: 20px;
	width:200px;
	margin: 0;
	padding: 0;
}

.reiterferien_unten {
	background-image:url(/grafik_layout/box_start_footer_reiterferien.jpg);
	background-repeat:no-repeat;
	height: 20px;
	width:200px;
	margin: 0;
	padding: 0;
}

.welcome_oben {
	background-image:url(/grafik_layout/box_start_head_welcome_text.jpg);
	background-repeat:no-repeat;
	height: 20px;
	width:200px;
	margin: 0;
	padding: 0;
}

.welcome_unten {
	background-image:url(/grafik_layout/box_start_footer_welcome_text.jpg);
	background-repeat:no-repeat;
	height: 20px;
	width:200px;
	margin: 0;
	padding: 0;
}

.start_oben {
	background-image:url(/grafik_layout/box_start_head_start.jpg);
	background-repeat:no-repeat;
	height: 20px;
	width:200px;
	margin: 0;
	padding: 0;
}

.start_unten {
	background-image:url(/grafik_layout/box_start_footer_start.jpg);
	background-repeat:no-repeat;
	height: 20px;
	width:200px;
	margin: 0;
	padding: 0;
}


.welcome_text {
         width: 188px;
         height: 150px;
         margin: 0;
	 padding: 0px 5px 0px 5px;
         border-right: 1px solid #aebe00;
         border-left: 1px solid #aebe00;
         color: #92a829;
}


.ueb_start {

       font-weight: bold;
       color: #aebe00;
       padding: 10px 0px 0px 10px;
       margin: 0;
}

/*========================================= */
/* links startseite*/

a.start, a.start:link, a.start:active, a.start:visited {
        font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
        padding: 10px 0px 0px 10px;
        margin: 0;
}

a.start:hover {
       text-decoration: underline;
}




/* ====================== */
/* content */

.ueb {
	background-image:url(/grafik_layout/bg_ueb.jpg);
	background-repeat:no-repeat;
	width: 300px;
	height: 50px;
	color: #D84D0D;
	font-size: 12px;
	font-weight: bold;
	padding: 10px 0px 0px 70px;
}

.bild_text {
	float: left;
	overflow: hidden;
	width: 500px;
	padding: 0px 0px 20px 40px;
}

.bild_text img{
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.bild_text_r {
        float: left;
        overflow: hidden;
	width: 500px;
	padding: 0px 0px 20px 40px;
}

.bild_text_r img{
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}

/* ====================== */
/* *** content textlinks ********* */

a.texlnk, a.texlnk:link, a.texlnk:active, a.texlnk:visited {
	color: #68655D;
	font-weight: bold;
	text-decoration: underline;
}

a.texlnk:hover {
	color: #D84D0D;
	font-weight: bold;
}

/* ====================== */
/* *** footer links ********* */

#footer.a, a:link, a:active, a:visited
{
	color: #68655D;
	font-weight: bold;
	text-decoration:none;
}

#footer a:hover {
	color: #D84D0D;
	font-weight: bold;
        text-decoration: underline;
}


/* ====================== */
/* *** print links ********* */

a.print, a.print:link, a.print:active, a.print:visited
{
	color: #68655D;
	font-weight: bold;
	text-decoration:none;
}

a.print:hover {
	color: #D84D0D;
	font-weight: bold;
        text-decoration: underline;
}


/* ======================
   AKTUELLES - gesamtliste
*/

/* h2 aktuelles */

.akt_ueb {
	font-size: 13px;
        color: #E58507; 
        margin-left: 35px;
}

hr.akt {
    color: #E58507;
    margin-top: 10px;
}


#aktuell {
  width: 500px;
  margin-left: 35px;
}

#aktuell li {
    list-style-type: square;

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

/* h2 kontaktformular */

.kon_form {
	font-size: 13px;
        color: #E58507;
        margin-left: 35px;
}

.kon_meldung {
	font-size: 11px;
        font-weight: bold;
        color: #E58507;
        margin-left: 35px;
}


form, .kon_text {
  font-size: 12px;
  color: #68655D; 
  width: 500px;
  margin-left: 35px;
}


input {
       font-family: Verdana, Arial, Helvetica, sans-serif;
       font-size: 12px;
       line-height: 25px;
       color: #68655D;  
       background-color: #F5D980;
       border: none;
}

select {
       font-family: Verdana, Arial, Helvetica, sans-serif;
       font-size: 12px;
       line-height: 20px;
       color: #68655D;  
       background-color: #F5D980;
       border: none;
}
	
/************clear und float ********************/

/***floaten startseite ***/

.flt_start {
	float: left;
        width: 200px;
        height: 190px;
 	margin: 0;
	padding: 5px 5px 0px 0px;
}

.flt_start_t_01 {
	float: left;
        width: 400px;
        height: 210px;
 	margin: 0;
	padding: 0;
}

.flt_start_t_02 {
	float: left;
        width: 400px;
 	margin: 0;
	padding: 0;
}


/***ende floaten startseite **/

	
    .fltrt { 
    	float: right;
    }
	
    .fltlft { 
    	float: left;
    }
	
    .clearfloat { 
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }
	
.clrlft {
        clear: left;
	height:0;
        font-size: 1px;
        line-height: 0px;
		}
		
.clrrgt {
	clear: right;
	height:0;
        font-size: 1px;
        line-height: 0px;
		}	

