@charset "UTF-8";
/* CSS Document */

/* ### undo #################################################################### */

:link, :visited {
	text-decoration:none;
}
ul, ol {
	list-style:none
}
h1, h2, h3, h4, h5, h6, pre, code {
	font-size:1em;
	font-weight:normal;
}
ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input, dl, dt, dd {
	margin:0;
	padding:0
}
img, a img, :link img, :visited img, fieldset {
	border:none
}
img {
	margin:0;
	padding:0;
	vertical-align:bottom;
}
address {
	font-style:normal
}
table {
	border:none;
	padding:0px;
	margin:0px;
	border-spacing:0px;
	font-size:1em;
}
tr {
	border:none;
	padding:0px;
	margin:0px;
}
td {
	border:none;
	padding:0px;
	margin:0px;
	vertical-align:top;
	border-spacing:0px;
}
legend {
	display:none;
}
div, p, li, a {
	background-repeat:no-repeat;
}
/* ### reset some basic style ################################################### */

dl {
	margin: 0 0 0 0;
}
dl dt {
	margin: 0 0 0 0;
}
dl dd+dt {
	margin-top: 0;
}
dl dd {
	margin: 0 0 0 0;
}
ol {
	list-style: none;
}
ol li {
	margin: 0 0 0 0;
}
ol li ol {
	margin: 0 0 0 0;
}
ol li ul {
	margin: 0 0 0 0;
}
p {
	margin-bottom: 0em;
}
ul {
	list-style: none;
}
ul li {
	margin: 0 0 0 0;
}
ul li ul {
	margin: 0 0 0 0;
	list-style: none;
}
ul li ol {
	margin: 0 0 0 0;
}
pre {
	font-size:1.2em;
}
a:hover {
	text-decoration:none;
}
/* ### HTML ###################################################################### */
html {
	min-height: 99%;
	margin-bottom: 1px;
}
/* ### BODY ###################################################################### */
body {
	background:#eeeeee;
	/*background-image:url(backgroundPile.gif);*/
	background-repeat:repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666666;
}
/* \*/ * html body {
	text-align:center;
	font-size: xx-small;
} /* *//* IE 5.5 Hack */
.clearer {
	display:block;
	clear:both;
	line-height:0;
	height:1px;
	font-size:0;
	visibility:hidden;
}
.clear {
	clear:both;
}
.floatLeft {
	float:left;
}
.floatRight {
	float:right;
}
.warning {
	color:#f00;
	background: inherit;
}


/* ### PAGE ###################################################################### */

#webpage {
	
}

#container {
	max-width:952px;
	margin-left:auto;
	margin-right:auto;
	/*background-image:url(bg_content.jpg);
	background-repeat: repeat-y;*/
	box-shadow: 0px 0px 4px;
	background-color: #fff;;
	position: relative;
}

#webpage {
	background-repeat: no-repeat;
	background-position:0 0;
	
}

#header {
	height:153px;
	max-width:952px;
	background-size: cover;
	background-image:url(../bg_default.jpg);
}

#headerContainer {
	border-bottom:1px dotted #a2c653;
	max-width:620px;
	height:153px;
	margin-left:35px;
	
}

#contentImage {
	position: absolute;
	right:0;
	top:0;
	z-index:1;
}

#logo {
	max-width:265px;
	height:121px;
}

#searchContainer {
	max-width:205px;
	padding-left:0px;
}

.search_it-teaser  span.found, #contentRight .search_it-modul .search_it-title a {
	font-weight: bold;
	color:#a2c653;
}


#map_canvas
{ 
	width: 480px; 
	height: 322px;
}

#content {
	min-height:640px;
	position: relative;
	z-index:2;
}

#breadcrumb {
	padding:8px 0 23px 40px;
	font-size:11px;
}

#breadcrumb li {
	display:inline;
}

#breadcrumb li a:link {
	text-decoration:none;
	color: #666666;
	font-size:11px;
}

#breadcrumb li a:visited {
	text-decoration:none;
	color: #666666;
	font-size:11px;
}

#breadcrumb li a:hover {
	text-decoration:underline;
	color: #666666;
	font-size:11px;
}

#breadcrumb li a:active {
	text-decoration:none;
	color: #666666;
	font-size:11px;
}

#contentLeft {
	max-width:245px;
	float:left;
}

#col1 {
	padding:0 0 0 40px;
}

#contentRight {
	max-width:710px;
	float:left;
	padding-bottom:30px;
	padding-left:0px;
	line-height:20px;

}

#col2 {
	max-width:405px;
	float:left;
}

#col3 {
	max-width:240px;
	float:right;
	padding-right:40px;
	padding-top:22px;
}

#footer {
	height:52px;
	background-color:#eee;
	background-image:url(footer.jpg);
	background-repeat:no-repeat;
	background-size: cover;
}

#footerContent {
	max-width:920px;
	padding-left:40px;
	padding-top:14px;
}

#search-input {
	border:1px solid #888;
	border-radius: 3px;;
	background:#dddee1;
}

#route
{
	display:none; 
	width: 480px; 
	height: 322px; 
	overflow-y:auto;
	border-bottom:1px dotted #555555; 
	padding-bottom:4px; 
	margin-bottom:10px;
}

.galimg {
	max-width:100%;
}



@media (max-width:948px)
{

	#contentImage {
		display:none;
	}
	body {
		font-size: 1em;
	}

	#map_canvas
	{ 
		width: 100%; 
		height: 322px;
	}

	#route
	{
		width: 100%; 
	}
	
	#header {
		height:153px;
		max-width:952px;
		margin-left:37px;
		margin-right:37px;
		background-size: 500px;;
		background-image:url(../bg_default_mobile.jpg);
		
	}

	#headerContainer {
		margin-left:0;
	}
	
	#footer {
		padding-bottom:15px;
		padding-right:40px;
		background-image:none;
		height:auto;
	}

	#contentLeft {
		width: 100%;
		max-width: unset;
		margin-bottom: 15px;
	}

	#contentRight {
		width:100%;
		max-width: unset;
	}

	#col2 {
		padding: 0 40px 0 40px;
		max-width:100%;
		box-sizing: border-box;
	}

	#col3 {
float:left;
		padding: 0 40px 0 40px;
		max-width:100%;
		box-sizing: border-box;
	}


	#col3 img {
		max-width:100%;
	}
}

@media (max-width:570px)
{
	#header {
		background-size: contain;;
		
	}
}