/*@import "lukas.css";*/

/* ----- Color Management ----- */
/* ----- Grün: #9dbd29 ----- */
/* ----- Braun: #3E342C ----- */


body, html{
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}

table{
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}

a{
	color:#FFFFFF;
	text-decoration:none;
}

a:hover{ color: #3E342C}

.laufschrift_div {
	position: absolute;
	margin-top: 15px;
	width: 100%;
	z-index: 10;
}

.blau {
 color:#339;
 font-weight:bold;
}

.top_div{
	position: absolute;
	bottom: -20px;
	right: 0;
	height:13px;
	width:980px;
	padding-right: 1px;
	color:#9c9ea0;
	font-size:9pt;
}

.top_div a{
color:#9c9ea0;
font-size:8pt;
text-decoration:none;
}

.top_div a:hover{ color: #373D31 }

.main_div{
position: absolute;
top: 0px;
width:980px;
height:650px;
border:1px solid #9c9ea0;
z-index:1;
}

.all_div{
	width: 980px;
	height: 650px;
	position: relative;
	/*top: 0;
	left: 0;
	margin:-295px 0 0 -490px;*/
	margin: auto;
	
}

.head_div{
height:218px;
background-color:#9dbd29;
z-index:1;
}

.uppercase{
	text-transform: uppercase;
}

.content_div{
border-top:5px solid #FFFFFF;
height:427px; /*380px*/
background-color:#9dbd29;
z-index:1;
}
/* CONTENT START */

/*---------------------------------------------------------------------------*/
/*--------------------- Startseite Contents left + right --------------------*/
/*---------------------------------------------------------------------------*/

#content_xD{
z-index:1;
position:relative;
top:0;
left:251px;
width:729px;/*780px;*/
height:422px;/*375px*/
padding:5px 0 0 0;
overflow:auto;
}

#content1_xD{
	position: absolute;
	top: 45px;
	left: 0;
	width:313px;
	height: 359px;
}

#content1_xD_a{
	position: absolute;
	top: 116px;
	left: 0;
	width:320px;
	height: 368px;
}


#content2_xD{
position: absolute;
top: 45px;
left: 355px;
width:345px;
}

#content2_xD input{
/*height:12px;
font-size:8pt;*/
/*border:1px solid #9c9ea0;*/
}

/*.content2_xD_input{
margin:4px 0 0 0;
height:16px !important;
padding:0 0 3px 0;
}*/

#content2_xD span{
font-size:9pt;
color:#FF0000;
}

#content3_xD{
position: absolute;
width:704px;
height: auto;
top: 45px;
left: 0;
padding: 0;
}

#content4_xD{
position: absolute;
top: 130px;
left: 0;
width:330px;
}

#content5_xD{
position: absolute;
top: 130px;
left: 355px;
width:330px;
}

#content_xD p{
	font-size:9pt;
	color: #3E342C;
}

#content_xD p b{ color: #FFFFFF }

#content_xD ul{
	font-size:9pt;
	color:#3E342C;
	width: 330px;
	margin:0 0 0 0px;
	padding:0;
}

#content_xD ul li{
	margin: 0 0 15px 0;
	list-style-position: inside;
}

#barf_glossar{ width:650px }

#barf_glossar ul li{
margin:0px;
}

#barf_glossar a{
color:#FFFFFF;
text-decoration:none;
}


#content_xD img{
border:0;
}

/*CONTENT START END*/
/*CONTENT UNSER BIO BARF*/

#content_unser_bio{
z-index:1;
position:relative;
top:0;
left:250px;
width:725px;
height:427px;
padding-left:5px;
overflow:auto;
}
#content_unser_bio_abschnitt_1 h1, #content_unser_bio_abschnitt_2 h1, #content_unser_bio_abschnitt_3 h1{
font-size:9pt;
font-weight:bold;
color:#FFFFFF;
width:199px;
margin:10px auto;
}

#content_unser_bio_abschnitt_1 p, #content_unser_bio_abschnitt_2 p, #content_unser_bio_abschnitt_3 p{
	font-size:9pt;
	color:#3E342C;
	width:199px;
	margin:auto;
}

#content_unser_bio_abschnitt_1{
position:absolute;
top: 246px;
left: 0;
width:219px;
height:430px;
background-color:#b1ca54;
}

#content_unser_bio_abschnitt_2{
position:absolute;
top: 246px;
left: 230px;
width:219px;
height:465px;
background-color:#b1ca54;
}

#content_unser_bio_abschnitt_3{
position:absolute;
top:246px;
left:460px;
width:219px;
height:360px;
background-color:#b1ca54;
}
/*CONTENT UNSER BIO BARF END*/
.navi_div{
position:absolute;
z-index:10;
height:650px;/*603px*/
width:170px;
top:0px;/*603px*/
left:60px;
background-image:url(../bilder/navi_bg.png);
}
.navi_div img{
border:0;
}

#navi_links_div{
position:relative;
top:205px;
left:10px;
width:125px;
color:#FFFFFF;
}

#navi_links_div .submenu{
	background-color: #584a3e;
	margin:5px 0 5px 15px; 
	padding:0 0 0 5px;
}

#navi_links_div p{
	padding: 0;
	margin:0 0 18px 0;
	color: #3E342C;
}

.gruen_unterstrich{
color:#9dbd29;
}

#navi_bioland{
position:absolute; 
top:585px; 
left:30px;
}

#navi_barf_symbol{
position:absolute; 
top:500px; 
left:100px;
}

#navi_links_div a{
color:#FFFFFF;
text-decoration:none;
/*text-transform:uppercase;*/
font-size:9pt;
}

#navi_links_div a:hover{
color:#9dbd29;
}

#siegel{
	position: absolute;
	top: 103px;
	left: 521px;
	padding: 0 0 20px 0;
}

#siegel img:first-child{ margin-right: 20px }

/* --------------------------------------- */
/* erstellt: lukas ryback */
/* date: 09-03-30 */
/* --------------------------------------- */

#kontaktformular, #gratis_testen{ 
	width: 350px;
}

#kontaktformular td span, #gratis_testen td span{
	color: #FFFFFF; 
	font-size: 0.8em;
}


#kontaktformular td, #gratis_testen td{
	padding: 0;
	margin: 0;
}

#kontaktformular input, #gratis_testen input{
	border: 1px solid gray;
	width: 200px;
	padding: 2px 0 2px 2px;
	margin: 5px 0 5px 0;
	font-family: inherit;
	font-size: 0.8em;
}

#gratis_testen select{
	border: 1px solid gray;
	margin: 5px 0 5px 0;
	font-family: inherit;
	font-size: 0.8em;
}

#checkboxen{
	list-style-type: none;
	list-style-position: outside;
}

#checkboxen li{
	margin: 5px !important;
	padding: 0;
}

#checkboxen span{
	color: white;
	margin: 0 0 0 5px;
}

#senden_btn{
	border: 1px solid gray;
	width: 100px;
	cursor: pointer;
	font-size: 0.8em;
	position: relative;
	top: 0px;
	left: 180px;
}


#senden_btn2{
	border: 1px solid gray;
	width: 100px;
	cursor: pointer;
	font-size: 0.8em;
	position: relative;
	top: 20px;
	left: 225px;
}

#senden_btn:hover, #senden_btn2:hover{
	border: 1px solid white;
	background-color: #B7DF29;
	color: black;
	cursor: pointer;
}

/* ---------------------------------- */
/* ----- Literatur ------------------ */
/* ---------------------------------- */

.column{
	/*outline: 3px solid red;*/
	width: 140px;
	height: 100%;
	position: relative;
	top: 75px;
	left: 0;
	display: block;
	float: left;
	margin: 0 1.5% 3% 1.5%;
}

.column:hover{ 	background-color: #B1CA54; cursor: pointer }

.column h1{ 
	font-size: 0.8em;
	margin: 10px 0 10px 0;
	font-weight: bold;	
	padding: 0 5px 0 5px;
	color: #FFFFFF;
}

.column h1 span{
	font-style: italic;
	font-weight: normal;
}

.column p{ 
	padding: 0 5px 0 5px; 
	color: #3E342C;
}

.column .thumbnail{
	width: 140px;
	height: 160px;
	background-color: gray;
	border: 1px solid silver;
}