* { margin: 0; padding: 0;}
img { border: 0;}

html, 
body { 
	background: #fff; 
	text-align: center; 
	font-family : arial,helvetica; 
	color: #666666; 
	font-size: 14px;
}

#wrap {clear: both; margin: 0 auto; width: 851px;  text-align: left;}

a.intropage {margin: 5em 0 0 0;display: block; background:#000 url(img/start.jpg) no-repeat top left; width: 801px; height: 354px; color: #fff; text-align: right;}


#topshadow { clear: right; background: url(img/top_shadow.jpg) no-repeat top left; height:11px; width: 100%;  }
#bottomshadow { clear: both; background: url(img/rand_unten.jpg) no-repeat top left; height:11px; width: 100%; }

#shadow { background: url(img/rand_y.gif) repeat-y top left; padding: 0 0 3em 0;margin: -1px 0 0 0 ; overflow: hidden; height: 1%; } 

#intersection { background: url(img/intersection_y.gif) repeat-y top left; text-align: right;}

#intersection a { 
	display: block; 
	background: url(img/pfeil.jpg) no-repeat center right; 
	padding: 5px 20px 5px 0; 
	margin: 0 15px 0 0;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

#head { position: relative;}
#head a {display: block; width: 840px; height: 166px; background: url(img/head_bg.jpg); text-align: right; color: white; }

#topnavi { list-style: none; float: right; margin: 10px 10px 5px 0;}
#topnavi li { 
	display: inline; 
	padding: 0 6px; 
	border-right: 
	1px solid  #306752
}
#topnavi li.fin { padding-right: 0; border: none;}
#topnavi li:last-child { padding-right: 0; border: none;}
#topnavi a { color: #306752; text-decoration: none;}

#left { float: left; background: #000; width: 167px; margin: 0 4em 0 0; text-align: right; z-index: 1; position: relative;}
#left ul { list-style: none; margin: 0 1em 0 0 ;}
#left a { color: #d9ea8b; font-weight: regular; text-decoration: underline;}
#left li { color: #d9d8ce; margin: 5px 0;}
#left li.active a { text-decoration: none;font-weight: bold; }
#left h1 { color: #fff; font-size: 1.4em; margin: 6.8em .75em 0 0;}

#main { float: left; width: 590px; margin: 2.0em 0 0 0; color: #000;  }
#main h1 { font-size: 1.6em;}
#main h2 { font-size: 1.5em;}
#main p { margin: 1.8em 0 0 0;}
#main a { text-decoration: underline; color: #000 ;}
#main .intro { font-weight: bold;}
#main .text { float: left; width: 400px; margin: 0 10px 0 0;}
#main .image-sidebar { float: left; width: 175px;  }
#main .image-sidebar span { display: block; font-size: .85em; color: #527161 }.kapitaelchen {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: small-caps;
	text-transform: capitalize;
}

.Stil1 {font-size: 14px}
.Stil2 {font-size: 9px}
.Stil3 {font-size: 12px; }

/* Suchmaske */
#Suchmaske input {
	margin-top: 12px;
	padding: 3px;
	font-size: 12px
}
#Suchmaske #Suchtext {
	width: 60%;
}
#Suchmaske ul {
	margin-top: 20px;
}


/* nachträgliche Anpassung der bisherigen Angaben für Fußzeilen-Elemente */
#bottomshadow {
	position: fixed;
	height: 124px;
	background: url(img/rand_y2.gif) repeat-y top left;
	bottom: 0;
	width: 851px;
}
#main {
	margin-bottom: 100px;
}
#shadow {
	min-height: 94vh;
}
#wrap {
	min-height: 30vh;
}
/* neue Elemente der Fußzeile */
.Fusstitel {
	text-align: left;
	color: black;
	font-size: 10px;
	margin: -3px 0 7px 0;
}
#Sponsoren {
	border-top: 1px solid black;
	padding: 10px 6px 10px 12px;
	margin: 5px 8px 0 167px;
}
#Sponsoren_Start {
	padding: 32px 0 0 0;
	width: 850px;
	margin: 0 auto;
}
.Sponsor {
	float: left;
	padding-right: 15px;
}
.Sponsor img {
	height: 62px;
	width: auto;
}
#Sponsoren #Bruns img, #Sponsoren #Clasen_Baumschulen img, #Sponsoren #Resista img {
	height: 55px;
	padding-top: 12px;
}
.Sponsor.klein img {
	height: 37px;
	width: auto;
}
#Sponsoren_Start .Sponsor {
	padding-right: 22px;
}
#Sponsoren_Start .Sponsor img {
	height: 82px
}
#Sponsoren_Start .Sponsor.klein img {
	height: 43px
}
#Sponsoren_Start .Fusstitel {
	font-size: 14px;
}
#Sponsoren_Start #Bruns img, #Sponsoren_Start #Clasen_Baumschulen img, #Sponsoren_Start #Resista img {
	height: 71px;
	padding-top: 16px;
}
#Sponsoren_Start #Baumpflege-Uwe-Thomsen img {
	height: 86px;
}
.Titelabstand {
	margin: 30px 0;
}
.versteckt {
	display: none;
}


/* Cookies */
#myCookieConsent {
	z-index: 999;
	min-height: 100%;
	min-width: 100%;
	font-family: OpenSans, arial, "sans-serif";
	background: rgba(0, 0, 0, 0.7);
	overflow: hidden;
	position: fixed;
	height: 100%;
	overflow: scroll;
	color: white;
	bottom: 0px;
	right: 10px;
	display: none;
	left: 0;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
}
#myCookieConsent a {
	color: #4f7061;
	display: inline-block;
	padding: 0 10px;
}
#myCookieConsent a:hover {
	color: #4f7061;
}
#myCookieConsent div#cookieButton {
	display: inline-grid;
	color: white;
	background: #4f7061;
	text-decoration: none;
	cursor: pointer;
	margin: 10px;
	padding: 2px 20px;
	border-radius: 20px;
}
#myCookieConsent div#cookieButton:hover {
	background: #4f7061;
	color: white;
}
#myCookieInfo {
	background-color: white;
	color: black;
	padding: 15px 0 10px 0;
	position: absolute;
	width: 100%;
	top: 0;
	box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.75);
}
#myCookieDetails_show {
	color: #4f7061;
	display: inline-block;
	margin-bottom: 20px;
}
#myCookieDetails_show:hover {
	color: #4f7061;
	text-decoration: underline;
	cursor: pointer;
}
#myCookieDetails {
	display: none;
	width: 600px;
	max-width: 90%;
	margin: auto;
	text-align: left;
	font-size: 14px;
	font-weight: normal;
	line-height: 130%;
	margin-top: 30px;
}


/* Buchwerbung Ulmenbestimmung */
.Buchwerbung-Ulmenbestimmung_Wrapper {
	display: none;
	position: relative;
	margin: 3vh auto;
	width: 850px;
}
.Buchwerbung-Ulmenbestimmung {
	position: relative;
	border: 1px solid #000;
	width: 780px;
	padding: 20px 0 5px 0;
	text-align: right;
}
.Buchwerbung-Ulmenbestimmung img {
	height: 20vh;
	width: auto;
	box-shadow: 4px 4px 8px #aaa;
	margin: 0 11% 10px 0;
}
.Buchwerbung-Ulmenbestimmung p {
	margin-top: 12px;
}
.Buchwerbung-Splendour_Wrapper {
	position: relative;
	margin: 3vh auto;
	width: 850px;
}
.Buchwerbung-Splendour {
	position: relative;
	border: 1px solid #000;
	width: 735px;
	padding: 20px;
	text-align: justify;
	font-size: 18px;
}
.Buchwerbung-Splendour a, .Buchwerbung-Splendour a:hover {
	color: #666;
}
.Buchwerbung-Splendour img {
	height: 256px;
	width: auto;
	box-shadow: 4px 4px 8px #aaa;
	margin: 17px 6% 22px 0;
}
.Buchwerbung-Ulmenbestimmung p {
	margin-top: 12px;
}
.Broschuerentitel {
	position: absolute;
	width: 50%;
	color: #666;
	text-align: left;
	top: 30px;
	left: 7%;
	font-size: 17px;
	font-weight: bold;
}
.Broschuerentitel.Untertitel {
	top: 100px;
}

@media all and (max-width: 480px) {
	.Buchwerbung-Ulmenbestimmung img {
		height: 13vh;
	}
}
/* Anpassungen für die Druckausgabe */
@media print {
	html {
		margin: 1cm 1cm 1cm 1.5cm;
		-webkit-print-color-adjust: exact;
	}
  #topnavi, #intersection {
		display: none;
  }
  #bottomshadow {
		position: relative;
  }
  #topshadow, #shadow, #bottomshadow {
		background: none;
  }
  #left {
		display: none;
  }
  #main {
		width: 100%;
		margin-bottom: 0;
  }
  #main .text {
		width: 580px;
  }
  #Sponsoren {
		margin: 5px 150px 0 0;
  }
}