* { 
margin: 0;
padding: 0;
}

html, body {
	height:100%;
}

body {
	font-size: 68.75%;
	background-color: #fff;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	color:#000;
	padding:0px;
	margin:0px;
	background-image: url(/img/struktur/navi_vertikal.jpg);
	background-repeat:repeat-x;
}

#contentleft{
width:219px;
float:left;
}

#z1 {
width:944px; 
height:220px; 
background-image:url(/img/struktur/zeile_1.jpg);
}

#navigation
{
padding-left:32px;
padding-top:191px;
}

#contentright{
width:944px;
float:right;
background-image:url('/img/struktur/horizontal_hg.gif');	

}

#container {
	margin: 0 auto;
	padding: 0;
	width: 944px;
	min-height: 100%;
	height:auto !important; /* moderne Browser */	
	height:100%; /* IE */
	background-image:url(/img/struktur/horizontal_hg.gif);
}

#container_contentright {
font-size:1.1em;
	margin: 0 auto;
	width: 850px;	
	position:relative;
	float:left;
	margin-top:20px;
	margin-right:50px;
	margin-left:50px;
	padding-top:15px;
		line-height:20px;
}


#container_contentright h3 {
	font-size:1.1em;
	padding-top:15px;
	line-height:44px;
}


#left {
width:450px;
padding-left:35px;
float:left;
}

#right {
float:right;
width:340px;
padding-left:10px;
}

#container_contentright ul li {


	padding-left:8px;
	line-height:20px;
	margin-left:8px;
	margin-top:2px;
	list-style-image:url(/img/struktur/punkt.gif);
}


#container_contentright ol li {
	list-style-image:url(/img/struktur/punkt.gif);
	padding-left:32px;
	line-height:22px;
	margin-left:50px;
	margin-top:2px;
}

#container_contentright img{
	float:left;
	padding-right:10px;
	padding-left:10px;
	padding-top:0px;
	padding-bottom:10px;
}
#right img{
	float:left;
	padding-right:10px;
	padding-left:10px;
	padding-top:0px;
	padding-bottom:10px;
	background-color:#F2F2F2;
}

/* ########### Menueformatierungen ############ */
#menuestartseite {
margin: 0 auto;
padding: 0;
padding-left:25px;
width: 190px;
height:100%;
float:left;
background-image:url(http://www.stalleinrichtungen-appel.de/img/navi/hg_navi.gif);
}


#navigation a {

overflow:hidden;
margin-left:0px;
padding-left:10px;
padding-right:10px;
padding-top:2px;
padding-bottom:2px;
line-height:25px;
font-size:1.2em;
background-repeat:no-repeat;
text-decoration:none;
background-color:none;
font-weight:bold;
}


#navigation a:visited {
text-decoration:none;

background-color:none;
}


#navigation a:active {
background-color:#68ae0d;
color:#ffffff;

text-decoration:underline;
}

#navigation a:hover {
background-color:#68ae0d;
color:#ffffff;

text-decoration:underline;
}

#navigation a:focus {
background-color:#68ae0d;
color:#000066;

text-decoration:underline;
}


#current {
background-color:#68ae0d;
color:#ffffff;
text-decoration:underline;
font-style:normal;

}

#inactiv {
color:#000000;
background-color:none;
text-decoration:underline;
font-style:normal;

}
/* ########### ENDE pfeil im menu formatierung ############ */



div {
	text-align: left;
}

html {
font-size: 100.01%; 
}


a {
font-size:1.1em;
text-align:left;
font-family: Arial, Helvetica, sans-serif;
padding:0px;
margin:0px;
}


.headlinenormal h1 {
font-size:1.4em;
color:#000000;
padding:0 auto;
margin:0 auto;
padding-left:20px;
padding-top:20px;
}

.headboldtext strong{
color:#d45870;
font-size:1.0em;
}

.headboldtext {
color:#848484;
font-size:1.0em;
}


.headlineeingerueckt h1 {
font-size:1.4em;
color:#d45870;
padding-left:115px;
}

#menuestartseite h1.leftnaviheadline {
font-size:1.4em;
color:#d45870;
padding-left:15px;
}

/* ########### Anordnungen Container Ger�st ############ */


#shortlinks{
	font-weight:normal;
	text-align:left;
	font-size:0.9em;
	margin-top:57px;
	margin-left:581px;
}

.abstand{
padding-right:14px;
}

.abstand2{
padding-right:4px;
}

#shortlinks a {
font-weight:normal;
text-decoration:none;
color:#848484;
margin-left:10px;
}

#shortlinks a:focus, a:active, a:hover{
color:#848484;
text-decoration:underline;
font-weight:normal;
}

#shortlinks img{ 
padding-top:0px;
margin-right:0px;
margin-right:5px;
text-decoration:none;
}

#navigation_top{
	font-weight:bold;
	text-align:left;
	font-size:1.0em;
	margin-top:140px;
	margin-left:270px;
}

#navigation_top a {
font-weight:bold;
text-decoration:none;
color:#000066;
margin-left:10px;
}

#navigation_top a:focus, a:active, a:hover{
color:#ebeef3;
text-decoration:underline;
font-weight:bold;
}

#navigation_top img{ 
padding-top:0px;
margin-right:0px;
margin-right:5px;
text-decoration:none;
}

#containercontent {
	margin: 0;
	padding: 0;
	width: 740px;
	height:auto;
	float:left;
	overflow:none;

}






/* ########### ende Anordnung COntainer Ger�st ############ */


/* ########### Textformatierungen ############ */



#contentimg {
float:left;
padding-left:15px;
padding-top:20px;
margin:0 auto;
}


#contentimg img {
	float:left;
	margin:0;
	padding:0;
	margin:0 0 0 0;
	padding:0 0 0 0;
}


#contentext {
	width:345px;
	height:auto;
	float:left;
	margin:0;
	padding:0;
	padding-top:15px;
	padding-left:20px;
	padding-bottom:25px;
}

#contentext p{
font-size: 1.1em;
text-align:left;
padding:0 auto;
margin:0 auto;
font-weight:normal;
}

#ansprech {
padding-bottom:72px;
}

.rechte_spalte_text {
width:160px;
font-size: 1.1em;
color:#FFFFFF;
padding:0;
font-weight:normal;
margin-left:15px;
float:left;
height:15px;
vertical-align:middle;
}

.rechte_spalte_text p{
font-size: 1.1em;
color:#FFFFFF;
padding:0;
margin:0;

font-weight:normal;
vertical-align:middle;
}

.rechte_spalte_text_fett p{
font-size: 1.1em;
color:#FFFFFF;
padding-left:18px;
line-height:1.4em;
margin-top:13px;
font-weight:bold;
padding-bottom:0px;
}

.rechte_spalte_text_mitte p{
font-size: 1.1em;
color:#FFFFFF;
padding-left:18px;
line-height:1.4em;
margin-top:10px;
font-weight:normal;
padding-bottom:10px;
}

.rechte_spalte_text img{
margin-left:0px;
vertical-align:top;

}

/* Kontakt */
#kontakt { margin:0 0 0px 2px; width:410px; }
#kontakt label { display:block; float:left; width:120px; margin:0 0 6px 0; font-weight:bold; }
#kontakt label.plz { display:inline; width:auto; }
#kontakt label.ort { display:inline; width:95px; }
#kontakt .form p { margin-bottom:10px; }
#kontakt .form_style { font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:2px; border-top:solid 1px #EFEFEF; border-right:solid 1px #ccc; border-bottom:solid 1px #ccc; border-left:solid 1px #EFEFEF; background-color:#fff; }
#kontakt .form_style_err { font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:2px; border:solid 1px #FF0000; background-color:#fff; }
#kontakt .form_bez { padding-top:4px; }
#kontakt .form_elem { padding:0px 0px 3px 10px; }
#kontakt p.button_kontakt { margin:10px 20px 0 0; text-align:left; }

/* Abs�tze deklarieren */
.abs6 { margin-bottom:6px}
.abs10 { margin-bottom:10px}
.abs12 { margin-bottom:12px}
.abs15 { margin-bottom:15px}
.abs18 { margin-bottom:18px}
.abs20 { margin-bottom:20px}
.abs24 { margin-bottom:24px}

/* Schriftfarben deklarieren */
.c_brown { color:#cd4e00; }
.c_rot { color:#ff0000;  }
.c_weiss { color:#fff; }

/* Weitere Klassen */
.left { float:left; }
.right { float:right; }
.clear { clear:both; }
.text_right { text-align:right; }
.fw_bold { font-weight:bold; }

/*Mobile Media Querys*/
@media only screen and (max-width:767px) {
	.noPaddingMobile {
		padding:0px !important;
	}
	/*cookie police*/
	#cookiepolicy {
		font-size: 1em !important;
		position: fixed;
		z-index: 99;
		background: rgba(0, 0, 0, 0.9);
		bottom: 0px;
		margin: 0px !important;
		padding: 15px;
		color: rgb(255, 255, 255);
		/* max-width: 346px; */
		font-size: 12px;
		width: 100% !important;
		max-width: 100% !important;
	}

	.removePolicy {
		padding: 5px !important;
		margin-top: 5px;
		border: 1px solid #ccc;
		/* border-radius: 5px; */
		font-size: 18px !important;;
		font-weight: bold;
		cursor: pointer;
		display: block !important;;
		text-align: center!important;;
	}
}

#cookiepolicy {
	display:none;
	position: fixed;
	z-index: 99;
	background: rgba(0, 0, 0, 0.9);
	bottom: 0px;
	margin: 0px 15px 15px 25px;
	padding: 15px;
	color: rgb(255, 255, 255);
	max-width: 346px;
	font-size: 12px;
}