html {
	margin: 0;
	padding: 0;
}

body, p, h1, h2, h3, tr, td, ul, div, li, a, input, textarea {
	font-family: Arial,Helvetica,Verdana,sans-serif;
}

p, a, td, div, input, textarea  {
	font-size: 12px;
	outline: none;
}

p {
	line-height: 1.3em;
}

			
body {
	background-color: #035898;
	background-image: url('../../img/hg_body2.gif');
	background-repeat: repeat-x;
	margin: 0;
	padding: 0;
}

img {
	outline: none;
	border: none;
}

h1 {
	color: #cd0022;
	font-size: 18px;
}

h2 {
	font-size: 18px;
}

h5 {
	font-size: 14px;
}

h6 {
	font-size: 12px;
}

input {
	border: 1px solid #005697;
	color: #005697;
	padding: 2px;
	margin-bottom: 3px;
}
textarea {
	border: 1px solid #005697;
	color: #005697;
	padding: 2px;
	margin-bottom: 3px;
}

a {
	color: #005697;
}

div.druckansicht {
	border-top: 1px dashed #99BBD5;
	padding: 4px 0 0 0;
	margin: 10px 0 0 0;
	text-align: right;
	color: #005697;
}
	div.druckansicht a {
		text-decoration: none;
		color: #005697;
	}
	div.druckansicht a:hover {
		text-decoration: underline;
	}

.fl_l {
	float: left;
}
.fl_r {
	float: right;
}

.blau {
	color: #005697;
}

.hellblau11 {
	color: #99BBD5;
	font-size: 11px;	
}

.hellblau {
	color: #99BBD5;	
}

.grau {
	color: #666666;
}

.braun {
	color: #634d28;
}

.black {
	color: black;
}

.rosa {
	color: #c25162;
}

.gelb {
	color: #eb9f0c;
}

.gruen {
	color: #7d9d39;
}

.weiss {
	color: white;
}

.fett {
	font-weight: bold;
}

.error {
	color: red;
}
.topBlue {
	width: 100%;
	height: 19px;
	background-color: #a4c2da;
	padding-top: 5px;
}
	.topBlue a.top_first {
		margin-left: 60px;
	}
	.topBlue a {
		color: #005697;
		font-size: 11px;
		margin-right: 7px;
		text-decoration: none;
	}
	.topBlue a:hover {
		color: #e20025;	
	}
	
	.topBlue a.fahne {
		margin-right: 5px;
	}

.topShadow {
	width: 100%;
	height: 7px;
	background-image: url('../../img/top_schatten_rot.gif');
	background-repeat: repeat-x;
}

.topRed {
	width: 100%;
	height: 29px;
	background-color: #cd0022;
}
	.topRed table {
		margin: 2px 0 0 60px;
	}
	.topRed td {
		color: white;
	}
	.topRed input {
		width: 130px;
		height: 16px;
		background-image: url('../../img/lupe.gif');
		background-repeat: no-repeat;
		background-position: right;
		border: 0px solid white;
		padding: 2px 0px 0px 5px;
		font-size: 12px;
	}
	.topRed a.search {
		padding: 0 0 0 5px;
		color: #fff;
		text-decoration: none;
	}
	.topRed a.search:hover {
		text-decoration: underline;
	}

.topWhite {
	width: 100%;
	height: 27px;
	background-color: white;
	padding-top: 20px;
}

#printHeader {
	display: none;
}

#hauptnavi {
	position: absolute;
	margin-left: 60px;
	margin-top: 71px;
	z-index: 6;
}

#hauptnavi .menuepunkt div {
	float: left;
	height: 36px;
}

.menuepunkt .rand {
	height: 36px;
	width: 2px;
	background-image: url('../../img/menue_rand.png');
}

.menuepunkt div a {
	display: block;
	height: 24px;
	float: left;
	color: #4785b4;
	text-decoration: none;
	padding: 12px 10px 0px 10px;
}
	.menuepunkt div a:hover {
		background-image: url('../../img/hg_menue_2.gif');
		background-repeat: repeat-x;
		color: #005697;
	}
	#hauptnavi .menuepunkt div a.aktiv {
		background-image: url('../../img/hg_menue_2.gif');
		background-repeat: repeat-x;
		color: #005697;
	}
		
.fotoTopLinks {
	width: 962px;
	height: 108px;
}

.fotoTop {
	width: 108px;
	height: 108px;
	display: block;
	float: left;
	text-decoration: none;
}
	.fotoTop.imgpet {
		width: 62px;
		background-image: url('../../img/pet.gif');
		background-repeat: no-repeat;	
	}
	.fotoTop.zwei {
		background-color: #005697;
		cursor: default;
	}
	.fotoTop.imgschwein {
		background-image: url('../../img/schwein_1.gif');
		background-repeat: no-repeat;	
	}
	.fotoTop.vier {
		background-color: #a4c2da;
		cursor: default;
	}
	.fotoTop.imgkuh {
		background-image: url('../../img/kuh.gif');
		background-repeat: no-repeat;	
	}
	.fotoTop.fuenf {
		background-color: #c9dded;
		cursor: default;
	}
	.fotoTop.imgbiogas {
		background-image: url('../../img/biogas.gif');
		background-repeat: no-repeat;	
	}
	.fotoTop.imgkuh_detail {
		width: 278px;
		background-image: url('../../img/kuh_detail.gif');
		background-repeat: no-repeat;	
	}
	.fotoTop.imgkuh2 {
		width: 108px;
		background-image: url('../../img/kuh_4.gif');
		background-repeat: no-repeat;	
	}
	.fotoTop.imgschwein_detail {
		width: 278px;
		background-image: url('../../img/schwein_detail_1.gif');
		background-repeat: no-repeat;	
	}
	.fotoTop.imgschwein2 {
		width: 108px;
		background-image: url('../../img/schwein_2.gif');
		background-repeat: no-repeat;	
	}
	.fotoTop.imgschwein3 {
		width: 108px;
		background-image: url('../../img/schwein_4.gif');
		background-repeat: no-repeat;	
	}
	.fotoTop.imgbiogas_detail {
		width: 278px;
		background-image: url('../../img/biogas_detail.gif');
		background-repeat: no-repeat;	
	}
	.fotoTop.imgbiogas2 {
		width: 108px;
		background-image: url('../../img/biogas_2.gif');
		background-repeat: no-repeat;	
	}
	.fotoTop.imgbiogas3 {
		width: 108px;
		background-image: url('../../img/biogas_3.gif');
		background-repeat: no-repeat;	
	}
	.fotoTop.imgpet_detail {
		width: 278px;
		background-image: url('../../img/pet_detail.gif');
		background-repeat: no-repeat;	
	}
	.fotoTop.imgpet2 {
		width: 108px;
		background-image: url('../../img/pet_2.gif');
		background-repeat: no-repeat;	
	}
	.fotoTop.imgpet3 {
		width: 108px;
		background-image: url('../../img/pet_3.gif');
		background-repeat: no-repeat;	
	}
	.fotoTop.claim {
		width: 252px;
		background-color: white;
		background-image: url('../../img/claim.gif');
		background-repeat: no-repeat;
		cursor: default;	
	}



/*++++++++++++++++*/
/* INHALTSBEREICH */
/*++++++++++++++++*/
#bigWrapper {
	width: 900px;
	margin-left: 62px;
	margin-bottom: 8px;
	background-color: white;
	padding-bottom: 0px;
	background-image: url('../../img/bogen_fuss.gif');
	background-repeat: no-repeat;
	background-position: bottom;
	padding-top: 25px;
	padding-bottom: 60px;
	float: left;
}

#spalteLinks {
	width: 176px;
	float: left;
	padding: 80px 15px 10px 20px;
}

#cloud a {
	text-decoration: none;
	color: #99bbd5;
}
	#cloud a:hover {
		color: #005697;
	}

#spalteMitte {
	width: 427px;
	float: left;
	margin: 0px 5px 0px 5px;
	padding: 0px 0px 10px 5px;
}

ol.breadcrumbs {
		display: block;
		width: 427px;
		list-style-type: none;
		margin: 0 0 20px -2px;
		padding: 0;
	}
		ol.breadcrumbs li {
			float: left;
			padding: 6px 0 4px 10px;
			font-size: 11px;
			color: #4785B4;
		}
			ol.breadcrumbs li a {
				color: #99BBD5;
				font-size: 11px;
				text-decoration: none;
			}
			ol.breadcrumbs li a.aktiv {
				color: #4785B4;
			}
			ol.breadcrumbs li a:hover {
				color: #005697;
			}
			
		ol.breadcrumbs li.first {
			padding-left: 0px;
		}
			
ul.historie li {
	margin-bottom: 20px;
}

.linkInhalt {
	color: #005697;
	text-decoration: none;
	
}

.linkInhalt:hover {
	color: #005697;
	text-decoration: underline;
}

ul li.noDisk {
	list-style: none;
	margin-left: -40px;
}

.gallery {
	clear: both;
}
	.gallery a {
		margin: 5px;
		display: block;
		float: left;
	}

.download {
	margin: 10px 0 0 0;
}
	.download a {
		font-weight: bold;
	}
	.download a.pdf {
		background: url('../../template/icons/filetype_pdf.gif');
		background-repeat: no-repeat;
		padding: 2px 0 0 20px;
		height: 16px;
		display: block;
		float: left;
	}
	.download span {
		float: left;
		padding: 2px 0 0 5px;
	}
	.download p {
		clear: both;
		margin: 0;
	}
	
	
	
	
.contactData {
	
}
	.contactData label {
		clear: both;
		display: block;
		float: left;
		width: 150px;
		height: 20px;
		padding: 5px 0 0 0;
	}
	.contactData select {
		float: left;
	}
	.contactData input.text {
		float: left;
		width: 260px;
	}
	.contactData input.submit, .settings input.submit {
		clear: both;
		float: none;
		margin: 10px 0 10px 150px;
	}
	.contactData .meta {
		margin: 5px 0 5px 0;
		font-size: 11px;
	}
	
/*+++++++++++++++*/
/* RECHTE SPALTE */
/*+++++++++++++++*/
#spalteRechts {
	width: 197px;
	float: left;
	padding: 0px 25px 10px 25px;
}

.aktion {
	font-size: 12px;
	margin-bottom: 40px;
}
	.aktion a {
		text-decoration: none;	
	}
		.aktion a:hover {
		text-decoration: underline;	
	}
	.aktion img {
		display: block;
		margin: 0 0 8px 0;
		border: 0;
	}
	.aktion .ueberschrift span {
		color: #cd0022;
		text-transform: uppercase;
		font-weight: bold;
		font-size: 11px;
	}
	.aktion .ueberschrift a {
		text-decoration: none;
		
	}
		.aktion .ueberschrift a:hover {
			text-decoration: underline;
		}
	.aktion .ueberschrift h2 {
		margin-top: 5px;
		margin-bottom: 5px;
	}
	.aktion .ueberschrift .linie_hellblau {
		margin-top: 3px;
		margin-bottom: 3px;
	}
	.aktion .ueberschrift .produktname a {
		font-size: 12px;
		color: #005697;
		display: block;
		margin-bottom: 5px;
		font-weight: bold;
	}
	.aktion .ueberschrift .produktname a:hover {
		text-decoration: underline;
	}
	
.aktion.mit {
	font-size: 12px;
	margin-bottom: 10px;
}

.aktion p.floatLeft {
	float: left;
}

.aktion p.floatLeft2 {
	float: left;
	margin-left: 30px;
}

.loginBox {
	width: 177px;
	height: 104px;
	background-image: url('../../img/hg_loginbox.png');
	background-repeat: no-repeat;
	padding: 10px 10px 5px 10px;
}
	.loginBox input {
		border: 1px solid #e0ebf5;
		color: gray;
		font-style: italic;
		margin-bottom: 3px;
		width: 170px;
		padding-left: 5px;
	}
	.loginBox input.focus {
		color: #005697;
		font-style: normal;
	}
	.loginBox span {
		display: block;
		color: #005697;
		font-weight: bold;
		margin-bottom: 5px;
	}
	.loginBox a {
		color: #005697;
		text-decoration: none;
	}
	.loginBox a:hover {
		text-decoration: underline;
	}
	.loginBox a.forgotPassword {
		color: #666666;
		font-size: 11px;
		text-decoration: none;
		margin-top: 5px;
		display: block;
		float: left;
	}
		.loginBox a.forgotPassword:hover {
			text-decoration: underline;
		}

.loginBox .login {
	height: 20px;
}
	
.loginBox .login a {
	width: 100px;
	height: 17px;
	display: block;
	background-image: url('../../img/ok_button.gif');
	background-repeat: no-repeat;
	text-decoration: none;
	margin: 2px 0 0 0;
	float: left;
}
	.loginBox .login a span {
		padding: 2px 0 0 25px;
	}
	.loginBox .login a:hover {
		background-image: url('../../img/ok_button_over.gif');
	}
/*++++++++++++++++++++*/
/* Ende RECHTE SPALTE */
/*++++++++++++++++++++*/

.newsflash {
	margin: 20px 0 20px 0;
	float: left;
}


.newsflash img {
	float: left;
	margin: 0px;
}


.newsflash .box_mitte {
	width: 405px;
	padding-left: 10px;
	padding-right: 10px;
	float: left;
}

.newsflash table {
	position: absolute;
	margin-top: 200px;
	margin-left: 248px;
/*
	border-left: 1px solid #A4C2DA;
*/
}

.newsflash table.kontaktform {
	position: static;
	margin: 0px;
}

.newsflash .suchergebnis {
	width: 110px;
	height: 150px;
	position: absolute;
	margin-left: 250px;
/*
	border: 1px solid #4785B4;
*/	
	float: left;
	background-image: url('../../img/hg_suchergebnis.png');
	background-repeat: no-repeat;
	padding: 12px 20px 20px 29px;
	text-align: justify;
}

.suchergebnis div.linie_hellblau {
	margin: 8px 0px 6px 0px;
}

.box_mitte span a {
	background-image: none;
	display: inherit;
	text-decoration: none;
}

.box_mitte .plzBox {
	font-size: 20px;
	color: #005697;
	font-weight: bold;
	margin: 0 0 5px 0;
}

.box_mitte span a:hover {
	background-image: none;
	text-decoration: underline;
}

#datenschutz {
	margin-left: 10px;
}

.box_mitte {
	width: 365px;
	padding: 10px 30px 0px 30px;
	background-image: url('../../img/box_mitte.gif');
	background-repeat: repeat-x;
	border-right: 1px solid #e0ebf5;
	border-left: 1px solid #e0ebf5;
}
	.box_mitte h5 {
		margin: 0;
		color: #005697;
	}
	.box_mitte h5 span {
		font-weight: normal;
	}
	.box_mitte p {
		margin: 12px 0 5px 0;
	}
	.box_mitte a.weiter {
		display: block;
		width: 90px;
		height: 36px;
		background-image: url('../../img/button_rot_3d.gif');
		background-repeat: no-repeat;
		float: right;

	}
	.box_mitte a.weiter:hover {
		background-image: url('../../img/button_rot_3d_hover.gif');
		background-repeat: no-repeat;
	}
	
	.box_mitte a.buttonReg {
		display: block;
		width: 125px;
		height: 36px;
		background-image: url('../../img/button_rot_3d_reg.gif');
		background-repeat: no-repeat;
	}
	
	.box_mitte a.buttonReg:hover {
		background-image: url('../../img/button_rot_3d_reg_hover.gif');
		background-repeat: no-repeat;
	}
	
#spalteMitte span.right {
	display: block;
	text-align: right;
	/*margin-top: 15px;*/
}

.box_mitte td span {
	display: none;
}

.box_mitte td span.feldBezeichnung {
	display: inline;
}

.box_mitte td a {
	display: block;
	width: 69px;
	height: 36px;
	background-image: url('../../img/button_rot_3d_such.png');
	background-repeat: no-repeat;
}

.box_mitte td a:hover {
	background-image: url('../../img/button_rot_3d_such_over.png');
	background-repeat: no-repeat;
}

.box_mitte td.senden a {
	background-image: url('../../img/button_rot_3d_send.png');
	background-repeat: no-repeat;
}

.box_mitte td.senden a:hover {
	background-image: url('../../img/button_rot_3d_send_over.png');
	background-repeat: no-repeat;
}

.box_mitte td.reg a {
	background-image: url('../../img/button_rot_3d_reg.gif');
	background-repeat: no-repeat;
	width: 125px;
}

.box_mitte td.reg a:hover {
	background-image: url('../../img/button_rot_3d_reg_hover.gif');
	background-repeat: no-repeat;
}
	
a.zurueck {
	text-decoration: none;
	float: left;
}

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

a.vor {
	text-decoration: none;
	float: right;
}

a.vor:hover {
	text-decoration: underline;
}
	
#karte {
	width: 107px;
	height: 107px;
	display: block;
	float: left;
	margin-top: -20px;
}
/*+++++++++++++++++++++*/
/* ENDE INHALTSBEREICH */
/*+++++++++++++++++++++*/




.linie_hellblau {
	width: 100%;
	height: 2px;
	border-top: 1px dashed #99bbd5;
	margin: 20px 0px 20px 0px;
}

.linie_hellblau.marg0 {
	margin: 3px 0px 3px 0px;
}


.bogen_logo {
	width: 846px;
	height: 106px;
	position: absolute;
	top: 0;
	left: 250px;
	background-image: url('../../img/bogen_und_logo.png');
	background-repeat: no-repeat;
}

.logo {
	width: 180px;
	height: 98px;
	display: block;
	position: absolute;
	z-index: 10;
	margin-left: 742px;
	margin-top: 5px;
}

.piktogramme {
	width: 160px;
	height: 33px;
	position: absolute;
	top: 242px;
	left: 28px;
	z-index: 3;
}

.piktogramme  a {
	width: 34px;
	height: 33px;
	display: block;
	float: left;
	margin-right: 5px;	
}
	.piktogramme .schwein {
		background-image: url('../../img/pikto_sau.gif');	
	}
		.piktogramme .schwein:hover {
			background-image: url('../../img/pikto_sau_over.gif');	
		}
		.piktogramme .schwein.aktiv {
			background-image: url('../../img/pikto_sau_over.gif');	
		}
	
	.piktogramme .rind {
		background-image: url('../../img/pikto_kuh.gif');		
	}
		.piktogramme .rind:hover {
			background-image: url('../../img/pikto_kuh_over.gif');	
		}
		.piktogramme .rind.aktiv {
			background-image: url('../../img/pikto_kuh_over.gif');	
		}
	
	.piktogramme .heimtier {
		background-image: url('../../img/pikto_pet.gif');	
	}
		.piktogramme .heimtier:hover {
			background-image: url('../../img/pikto_pet_over.gif');	
		}
		.piktogramme .heimtier.aktiv {
			background-image: url('../../img/pikto_pet_over.gif');	
		}
	
	.piktogramme .biogas {
		background-image: url('../../img/pikto_gas.gif');	
	}
		.piktogramme .biogas:hover {
			background-image: url('../../img/pikto_gas_over.gif');	
		}
		.piktogramme  .biogas.aktiv {
			background-image: url('../../img/pikto_gas_over.gif');	
		}

#footer {
	width: 900px;
	font-size: 11px;
	color: white;
	margin-left: 64px;
	margin-top: 5px;
}
	#footer a {
		font-size: 11px;
		color: white;
		text-decoration: none;
	}
	#footer a:hover {
		text-decoration: underline;
	}
	
.clear {
	clear: both;
}
.clearAfter:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}