@charset 'utf-8';

@media screen, projection {
    *, html, body {
    	font: 13px/20px Arial, Helvetica, sans-serif;
    	margin: 0;
    	padding: 0;
    }
    body {
    	background: url('../images/basic/bg_view.png');
    }
    #viewbox {
    	width: 100%;
    	height: 500px;
    	background: url('../images/basic/bg_head.png') repeat-x;
    }
    #bodybox {}
    #logobox {
    	float: left;
    	width: 80px;
    	height: 80px;
    	padding: 26px 0 0 26px;
    }
    #logobox img {
    	width: 80px;
    	height: 80px;
    }
    #namebox {
    	float: left;
    	width: 552px;
    	padding: 23px 0px 0px 88px;
    }
    #namebox h1, #namebox h2 {
    	color: #6a8db0;
    	padding: 0;
    }
    #namebox h1 {
    	font: bold 12px/15px Verdana, Helvetica, sans-serif;
    }
    #namebox h2 {
    	font: 11px/14px Verdana, Helvetica, sans-serif;
    }
    #tuevbox {
    	float: left;
    	width: 142px;
    	height: 25px;
    	padding-top: 26px;
    }
    ul#navigation {
    	float: left;
    	width: 154px;
    	text-align: left;
    	list-style-image: url('../images/basic/nav_na.png');
    	padding: 20px 0 20px 40px;
    }
    #navigation a, #footernavi a {
    	text-decoration: none;
    }
    #navigation a:link, #navigation a:visited,
    #footernavi a:link,  #footernavi a:visited {
    	color: #000000;
    }
    #navigation a:hover,  #footernavi a:hover {
    	color: #f0c900;
    }
    #navigation .sub a:link, #navigation .sub a:visited {
    	color: #507294;
    }
    #navigation .sub a:hover {
    	color: #f0c900;
    }
    .sub {
    	display: none;
    	list-style-type: none;
    	list-style-image: none;
    }
    #contents {
    	float: left;
    	width: 642px;
    	background: url('../images/basic/bg_contents.png') repeat-y;
    	padding: 20px 26px 20px 26px;
    }
    .leftcolumn, .rightcolumn,
    .rightcolumn_alternate {
    	float: left;
    	width: 310px;
    }
    .leftcolumn {
    	padding-right: 20px;
    }
    .rightcolumn_alternate {
    	padding-top: 36px;
    }
    .singlecolumn {
    	width: 642px;
    	padding-bottom: 26px;
    }
    #gmaps {
    	width: 642px;
    	height: 320px;
	}
	.tooltip {
		padding: 2px;
		background: #ffffff;
		border: solid 1px #000000;
	}
    #footerbox {
    	background: url('../images/basic/bg_footer.png') repeat-x;
		height: 180px;
		text-align: center;
    }
    #footernavi {
    	float: left;
    	width: 154px;
    	text-align: left;
    	list-style-image: url('../images/basic/nav_na.png');
    	padding: 20px 0 0 40px;
    }
    #flashbox {
    	background: url('../images/basic/bg_flash.png') no-repeat;
    	width: 694px;
    	height: 123px;
    	text-align: center;
    	float: left;
    }
    #flash {
    	 width: 640px;
    	 height: 96px;
    }
    div.bannerbox {
    	padding: 20px 0 0 0;
    	margin-left: 194px;
    }
	div.bannerbox a {
		display: block;
		width: 245px;
		margin-right: 202px;
		float: left;
	}
	div.bannerbox a img {
		border: 0;
	}
	
    h1 {
    	color: #6a8db0;
    	font: bold 14px/18px Verdana, Helvetica, sans-serif;
    	padding-bottom: 18px;
    }
    strong {
    	font-weight: bold;
    }
    .rightcolumn ul, .leftcolumn ul,
    .rightcolumn_alternate ul {
    	list-style-image: url('../images/basic/ul.png');
    	padding: 0 0 18px 20px;
    	float: left;
    }
    .rightcolumn p a, .leftcolumn p a,
    .rightcolumn_alternate p a {
    	color: #507294;
    	text-decoration: none;
    }
    .rightcolumn p a:hover, .leftcolumn p a:hover,
    .rightcolumn_alternate p a:hover {
    	color: #f0c900;
    }
    table#sprechzeiten {
    	width: 288px;
    	float: left;
    }
    table#sprechzeiten td {
    	padding: 5px !important;
    	white-space: nowrap;
    }


    .gallery div.gallerybox {
    	width: 140px;
    	padding: 0 10px 10px 10px;
    	float: left;
    }
    .gallery div.gallerybox img {
    	width: 140px;
    	border: 0;
    }


    #kontakt {
		width: 600px;
	}
    #kontaktform_left, #kontaktform_right {
    	float: left;
    	width: 280px;
    }
    #kontaktform_right {
    	padding: 0 0 0 10px !important;
    }
	#kontaktform_middle {
		display: block;
		width: 520px;
		padding: 14px 0 14px 0;
	}
	#kontaktform_left label, #kontaktform_right label,
	#kontaktform_middle label {
		display: block;
		padding-bottom: 6px;
	}
	select, .checkbox, textarea, input {
		border: solid 1px #c0c0c0;
	}
	.ipt_txt { width: 230px; }
	#kontaktform_middle textarea { width: 520px; }
	.button { border: solid 1px #c0c0c0; }
	.ipt_txt_fehler {
		border-bottom: solid 1px red;
		width: 230px;
	}
}