/* @override
	http://www.drwoods.com.au/css/style.css
	http://www.drwoods.com.au/css/main-resp.css */


/* FONTS.CSS */

/*
Copyright (c) 2006, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 0.11.0
*/
body {font:13px helvetica,arial,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}pre, code {font:115% monospace;*font-size:100%;}body * {line-height:1.22em;}




/* JQ_FADE.CSS */

html {
	min-height: 100.05%;
}

body { 
	text-align: center;
	color: #333;
	background: #fff;
}

p {
	margin-bottom: 0.5em;
	line-height: 1.5;
}

strong {
	font-weight: bold !important;
}

blockquote {
	margin: 2em;
	padding: .3em 0 0 2em;
	background: url(../img/quote.png) 0 0 no-repeat;
}

	blockquote p{
		color: #888;
		font-size: 129%;
		font-style: italic;
		line-height: 1.2;
	}

	blockquote p.author {
		color: #aaa;
		font-size: 85%;
		font-weight: bold;
	}


h1, h2, h3, h4 {
	color: #0088cc;
	font-weight: normal;
	letter-spacing: 0.03125em;
}
h1 {
	font-size: 152%;
	margin-bottom:1em;
}
h2 {
	font-size: 129%;
	margin-top: 2em;
	margin-bottom: .5em;
	line-height: 1.6em;
}

h3 {
	font-size: 107%;
	line-height: 1.2;
	font-weight: bold;
	color: #0088cc;
	margin: 1em 0 0.5em 0;
}

h4 {
	font-size: 100%;
	font-weight: bold;
	color: #333;
	margin: 1em 0 0.5em 0;
}

	div.sub h4,
	div.sub {
		color: #fff;
	}






a:link {
	color: #0060c3;
	text-decoration: none;
}

a:visited {
	color: #3a7ec3;
	text-decoration: none;
}

a:hover,
a:active {
	color: #007eff;
	text-decoration: none;
}

img {
	border: none;
}

code {
	display: block;
	padding: 10px;
	font-size: 85%;
	border: 1px solid #ccc;
	background:  #f2f2f2;
	margin-bottom: 5em;
	white-space: pre;
	overflow: auto;
}

/* Breite beschränken */
div.limiter {
	text-align: left;
	width: 80%;
	max-width: 69.23em;
	padding: 1.2em 1.5em;
	
	margin-left: auto;
	margin-right: auto;
}


ul {
	margin-bottom: 2em;
}


/* Listen */
ul#news {
	border: 1px solid #ccc;
	padding: 2em;
	background:  #fffeb8;
}

ul#portfolio li img{
	border: 1px solid #ccc;
	padding: 4px;
}


.fade{
	margin-bottom: 2em;
}

.fade p{
	margin-bottom: 2em;
	text-align: center;
	width: 100%;
	background: #fff;
}


/**** noscript-Hinweis ****/

div#att {
	background-color: #fffeb8;
	border-bottom: 1px solid;
	height: 2.5em;
	line-height: 2.5em;
	position: absolute;
	top:0;
	width: 100%;
}

div#att p{
	background: transparent url(../images/att.png) no-repeat 0 46%;
	margin: 0;
	display: inline;
	padding: 6px 0 6px 26px;
}
	



/* RESET.CSS */

/*
Copyright (c) 2006, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 0.11.0
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}




/* YUI_RESET.CSS */

/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}




/* LAYOUT.CSS */

img, div { 
	behavior: url(/images/iepngfix.htc)
	}
	
body,td,th {
	font-family: Helvetica, "Lucida Grande", Geneva, Arial,Verdana,sans-serif;
	color:#3d3d3d;
}
body {
	background: transparent !important;
}
html {
	margin:0;
	padding:0;
	font-size:101%;
	/*background-position:top center;
	background-image: url(/images/blue-background2.jpg);
	background-repeat:no-repeat;
	background-attachment:fixed;*/
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7db9e8+0,2a6789+100 */
background: #508dae; /* Old browsers */
background: -moz-linear-gradient(top,  #508dae 0%, #1e597a 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #508dae 0%,#1e597a 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #508dae 0%,#1e597a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#2a6789',GradientType=0 ); /* IE6-9 */

	/*-webkit-background-size: 2650px 1600px;*/
	}
	
body {
	text-align:center;
	margin-top:0;
	font-size:100.01%;
	margin:0;
	padding:0;
	color:#3d3d3d;
	}

a { 
	color:#3d3d3d;
	outline:none;
	}

#content-wrapper {
	width:100%;
	overflow:hidden;
	position:relative;
	min-width:980px;
	}
	
#container {
	width:960px;
	margin:0 auto;
	text-align:left;
	padding-left:10px;
	padding-right:10px;
	}

#header {
	width:960px;
	height:51px;
	clear:both;
	margin:0;
	padding:0;
	background-color:#fff;
	}

.logo { 
	height:88px;
	width:960px;
	}

.logo img{ 
	margin-top:20px;
	float: left;
	}	

.logo p{ 
	color:#fff;
	font-size:20px;
	margin-top:40px;
	}	
	
.navigation { 
	display:inline; 
	margin:0;
	padding:0;
	float:left;
	border:none;
	}
.navigation li { 
	display:inline;
	list-style-type:none;
	font-size:12px;
	font-family: Helvetica, Geneva, Arial,Verdana,sans-serif;
	border-right:1px solid #cdcac9;
	float:left;
	text-align:center;
	}
	
.navigation li.menu-last { 
	border:none; 
	width:100px; 
	}	
	
	
.navigation li a { 
	color:#666;
	text-decoration:none;
	line-height:50px;
	padding:18px 0
	}
.navigation li:hover{
	color:#fff;
	background-color: #E1F0F7;
	}
	
#masthead {
	width:960px;
	clear:both;
	margin:0;
	padding:0;
	display:block;
	min-height:303px;
	}

#masthead img{ 
	border:0; padding:0; margin:0; 
	}

#main {
	width:960px;
	clear:both;
	margin:0;
	padding:0;
	background-color:#f0f7fb;
	color:#666666;
	font-size:12px;
	}

#footer {
	width:960px;
	clear:both;
	margin:0;
	padding:0;
	margin-bottom:30px;
	height:68px;
	background-color:#fff;
	padding:10px 0;
	}

#footer p{
	margin:0;
	padding:0;
	margin-left:25px;
	font-size:11px;
	color:#5b8eaa;
	line-height:68px;
	float:left;
	}

	
#footer img{
	float:right;
	}
	
.home-text{
	float:left;
	height:190px;
	padding:21px 24px;
	border-right: 1px solid #cdcac9;
	line-height:18px;
	display: flex;
	flex-direction: column;
}

.home-text p.readmore {
	margin-top: auto;
	padding-top: 12px;
}

.clr{
	clear:both;
}

#main h2{
	color:#79716f;
}

.home-text p span{
	margin-left:11px;
	font-size:11px;
	font-style:italic;
	line-height:20px;
}

.home-text p{
	margin-top:12px;
	line-height:20px;
}

.home-text p.readmore a{
	text-decoration:none;
	color:#79716F;
}

.home-text p.readmore img{
	vertical-align:top
}

.home-text h1 a{
	font-size:17px;
	font-style:italic;
	text-decoration:none;
	color:#79716F;
}

.home-text h1 a span{
	font-style:normal;
	font-weight:bold
}

.home-text h1{
	line-height:25px
}

.home-text input{
	border:none;
	padding-left:10px;
	width:350px;
	height:24px;
	margin-bottom:3px;
	background-color:#e1f0f7;
	color:#666666;
	font-size:12px;
	line-height:24px;
}


.home-text input[type="submit"]{
	padding:0;
	width:360px;
	padding-left:10px;
	font-style:italic;
	cursor:pointer;
	line-height:18px;
	color:#fff;
	background: url(/images/arrow.png) #5197b9 345px center no-repeat;
	text-align:left;
}

#footer a{
	color:#5b8eaa;
	text-decoration:none;
}

.main-left{
	float:left;
	padding:40px;
	width:647px;
	line-height:20px;
	border-right:1px solid #cdcac9;
	min-height:486px
}

.main-left p{
	margin-top:20px
}

.main-right{
	float:right;
	padding-top:40px;
	padding-left:24px;
	width:208px;
}

.main-right input{
	border:none;
	padding-left:10px;
	width:198px;
	height:24px;
	margin-bottom:3px;
	background-color:#E1F0F7;
	color:#666666;
	font-size:12px;
	line-height:24px;
}

.main-right textarea{
	border:none;
	padding-left:10px;
	width:198px;
	height:144px;
	margin-bottom:3px;
	background-color:#E1F0F7;
	color:#666666;
	font-size:12px;
	line-height:24px;
}


.main-right input[type="submit"]{
	padding:0;
	width:208px;
	padding-left:10px;
	font-style:italic;
	cursor:pointer;
	line-height:18px;
	color:#fff;
	background: url(/images/arrow.png) #5197B9 195px center no-repeat;
	text-align:left;
}

#masthead h1{
	margin-top:-60px;
	font-size:25px;
	color:#fff;
	font-weight:bold;
	padding-left:50px
	}

#masthead p{
	font-size:25px;
	color:#fff;
	font-weight:bold;
	width:419px;
	margin-left:565px;
	margin-top:300px
	}
	
.submenu ul li a{
	text-decoration:none;
	color:#666;
}

.submenu ul li{
	padding:10px;
	border-bottom:1px solid #cdcac9;
	padding-left:0;
}


.submenu ul li span.active{
	font-weight:bold
}

.submenu ul li strong{
	color:#5197B9;
}

.submenu{
	margin-bottom:50px;
}

.submenu ul.smenu li {
	border:none;
	border-bottom:1px solid #efefef;
}

.submenu ul li span {
	cursor:pointer;
}

.submenu ul.smenu li a.active{
	color:#5197B9
}

.submenu ul.smenu li a:hover{
	color:#5197B9 
}

.main-left .highlight{
	background-color: #E1F0F7;
	padding:25px;
	margin-top:20px;
}

.main-left .highlight h2{
	font-weight:bold;
	margin-top:0;
}

.main-left ul{
	margin-top:20px;
}

.main-left ul li{
	background:url("/images/arrow2.png") no-repeat left 6px;
	list-style-position:inside;
	padding-left:15px;
}

#main .main-left h2{
	margin-top:20px;
	font-style:italic;
	color:#5197B9;
}

.main-left h3{
	margin-top:40px;
	font-weight:bold
}

.contact-left{
	float:left;
	padding:40px;
	width:400px;
	line-height:20px;
}

.contact-right{
	float:right;
	padding:40px;
	width:400px;
	line-height:20px;
}

.contact-left input{
	border:none;
	padding-left:10px;
	width:390px;
	height:24px;
	margin-bottom:3px;
	background-color:#E1F0F7;
	color:#666666;
	font-size:12px;
	line-height:24px;
}

.contact-left textarea{
	border:none;
	padding-left:10px;
	width:390px;
	height:100px;
	margin-bottom:3px;
	background-color:#E1F0F7;
	color:#666666;
	font-size:12px;
	line-height:20px;
}

.contact-left input[type="submit"]{
	padding:0;
	width:400px;
	padding-left:10px;
	font-style:italic;
	cursor:pointer;
	line-height:18px;
	color:#fff;
	background: url(/images/arrow.png) #5197B9 385px center no-repeat;
	text-align:left;
}







#survey_table {
	border-bottom:1px solid #E1F0F7;
	color:#666;
}

#survey_table td {
	padding-top:12px;
	color:#666;
}


#survey_table td.question {
	width:320px;
	padding-right:30px;
	padding-bottom:8px;
	vertical-align:top;
}

#survey_table td.answer {
	width:60px;	
	padding-bottom:8px;
	vertical-align:top;
	text-align:center;
}


#survey_table thead td.question {
	vertical-align:bottom;
	font-weight:900;
}
#survey_table thead td.answer {
	vertical-align:middle;
	font-weight:900;
}


.survey-text {
	width:100%;
	padding:5px;
	height:190px;
}

.survey-button { 

	border: none;
	padding-left: 10px;
	width: 198px;
	height: 24px;
	margin-bottom: 3px;
	background-color: #E1F0F7;
	color: #666;
	font-size: 12px;
	line-height: 24px;

	padding: 0;
	width: 208px;
	padding-left: 10px;
	font-style: italic;
	cursor: pointer;
	line-height: 18px;
	color: white;
	background: url(/images/arrow.png) #5197B9 195px center no-repeat;
	text-align: left;
	
}


/* STYLE.CSS */

/* 
	LEVEL ONE
*/

ul.dropdown {
	position:relative;
	z-index:1000;
}

ul.dropdown li.hover,
ul.dropdown li:hover                {position: relative; }


/* 
	LEVEL TWO
*/
ul.dropdown ul 						{ width: 100%; visibility: hidden; position: absolute; top: 100%; left: 0; }
ul.dropdown ul li 					{ background: #fff; border-top: 1px solid #ccc; width:100%; padding:0 10px; text-align:left;}

ul.dropdown ul li:hover				{ background: #E1F0F7}
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border-right: none; width: 100%; display: inline-block; padding:10px 0; line-height:1.22em } 

/* 
	LEVEL THREE
*/
ul.dropdown ul ul 					{ left: 100%; top: 0;}
ul.dropdown li:hover > ul 			{ visibility: visible; }





/* ==========================================================================
   REMOVE FROM DESKTOP
   ========================================================================== */

.mobile-menu, .logo span, #mobile-masthead {
	display: none;
}



.mobile-logo img {
	display: none;
}




/* ==========================================================================
   MOBILE STYLES
   1. Smaller than 768px wide
   ========================================================================== */
   
@media only screen and (max-width: 960px) {

	

	#content-wrapper {
		min-width: 0px;
	}
	
	#container {
		width: 100%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		margin: 0;
		padding: 0 10px;
	}
	
	#masthead {
		display: none;
	}
	
	#masthead.home {
		display: none;
	}
	
	#masthead img {
		width: 100% !important;
	}
	
	#mobile-masthead h1{
		margin-top: 0;
		font-size:20px;
		left: 16px;
		padding: 18px 18px 0px 18px;
		background-color: #f0f7fb;
	color:#5197B9;
	}

	.mobile-menu {
		display: block;
		background-color: #0d4c6f;
		padding: 15px 10px 5px 10px;
		text-align: left;
		
	}
	
	.mobile-nav-button {
		display: block;
		width: 30px;
		color: #e31e25;
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;         /* Opera/IE 8+ */
		float: left;
	}
			
	.mobile-nav-button span {
		width: 24px;
		height: 4px;
		background: #fff;
		border-radius: 2px;
		display: block;
		margin: 0 0 4px 0px;
		
	}
	
	
	.mobile-menu a {
		color: #fff;
		line-height: 29px;
	}

	.mobile-menu select {
		width: 100%;
	}

	.logo { 
		padding-bottom: 20px;
		width: 100%;
		height: auto;
	}

	
	.logo p { 
		margin-top: 6px;
		float: none !important;
		font-size: 16px;
		color: #f0f7fb;
	}
	
	.logo img {
		display: none;
	}

	.logo .mobile-logo img {
		display: block;
		float: none;
		max-width: 80%;
	}
	
	.logo span {
		font-size: 30px;
		font-weight: bold;
		color: #f0f7fb;
		display: block;
		padding-top: 25px;
	}

	#header {
		display: none;
	}
	
	nav {
		text-align: left;
	}
	
	#mobile-masthead {
		display: block;
		background-color: #0d4c6f;
		position: relative;
	}
	
	#mobile-masthead a {
		color: #fff;
		padding: 10px 20px;
		display: block;
		position: absolute;
		bottom: 0;
		background-color: rgba(0,0,0,0.5);
		width: 90%;
		font-weight: bold;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
	}
	
	#mobile-masthead img {
		width: 100%;
		height: auto;
	}
	
	
	
	#main {
		width: 100% !important;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
	}	
	
	.home-text{
		float:none;
		height: auto;
		padding:21px 24px;
		width: 100% !important;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		border-bottom: 1px solid #cdcac9;
		
	}

	#main h2{
		font-size: 16px;
	}

	.home-text input, .home-text input[type="submit"], .main-right input, .main-right textarea, .main-right input[type="submit"], .contact-left input, .contact-left textarea, .contact-left input[type="submit"] {
		width:100%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
	}
	
	.home-text input[type="submit"], .main-right input[type="submit"], .contact-left input[type="submit"] {
		background: url(/images/arrow.png) #5197b9 98% center no-repeat;
	}
	
	
	
	
	#footer {
		width:100%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		height: auto;
		text-align: center;
		padding-bottom: 30px;
	}

	#footer img, #footer p {
		float: none;
		padding: 0;
		margin: 0;
	}

	.main-left{
		float: none;
		padding:20px;
		width:100%;
		line-height:20px;
		border-right: none;
		min-height:0;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		
	}

	.main-right{
		float: none;
		padding-top:0px;
		padding-left:24px;
		padding-right: 24px;
		width:100%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		padding-bottom: 24px;
	}


	#mmenu li.active > a {
		color: #6aaaca !important;
	}



	.contact-left{
		float: none;
		padding: 20px;
		width: 100%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		
	}
	
	.contact-right{
		float: none;
		padding: 20px;
		width: 100%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
	}

	
	#map_canvas, #map_canvas2 {
		width: 100% !important;
		height: 200px !important;
	}

















































}



@media only screen and (max-width: 770px) {






}



/* ==========================================================================
   MOBILE STYLES
   2. Mobile styles
   ========================================================================== */
   
@media only screen and (max-width: 560px) {




	

}