/* Visoc Stylesheet */
/* by ThaHammer */

*, body, div.clear {
	padding: 0;
	margin: 0;
	border: none 0px; }

body {
	background-color: #ffffff;
	color: #000;
	font-family: Verdana, Helvetica, Arial, sans-serif; }

form {
	margin: 4px;
	padding: 0px; }

a {
	color: #000;
	text-decoration: none; }

/* Clearfix */

div.clear {
	clear: both;
	height: 0px;
	line-height: 0px;
	border: none 0px; }

/* Clearfix-Hack */

.clear:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden; }

.clear { display: inline-table; }

/* Hides from IE-mac \*/

* html .clear { height: 1%; }

.clear { display: block; }

/* End hide from IE-mac */

/* Divs */

div#all {
	margin: 10px auto;
	width: 780px;
	padding: 0; }

* html div#all { margin: 10px 10%; }

div#head {
	color: #3f3f3f;
	text-align: center;
	padding-bottom: 4px; }

div#head h5 { font-size: 12px; }
	
div#head span { font: 9px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; }

/* Menu */

div#menu {
	line-height: 18px;
	font-size: 12px;
	background-color: #bfbfbf;
	width: 780px;
	float: left; }

div#menu a {
	margin: 0 26px;
	padding: 0; }

a.inactivemenu { color: #fff; }

a.activemenu { color: #222222; }

* html div#menu a { margin: 0 25px; }

div#menu a:hover { color: #000; }

.menu1 {
	float: left;
	clear: none;
	color: #fff;
	position: relative; }

/** html .menu1 {
width: 95px; }*/

div#submenu, div#submenu1 {
	visibility: hidden;
	position: absolute;
	padding: 4px 4px 0 4px;
	margin: 0 19px;
	border-left: 1px #999999 solid;
	border-bottom: 1px #999999 solid;
	border-right: 1px #999999 solid;
	background-color: #fff;
	background-image: url(bilder/submenu_bgk.gif);
	background-repeat: repeat-x; }

div#submenu,div#submenu1 { width: 270px; }

* html div#submenu, * html div#submenu1 {
	margin: 16px 0 0 -100px;
	padding: 0 4px; }

*+html div#submenu, *+html div#submenu1 {
	top: 16px;
	left: 5px; }

div#submenu a, div#submenu a:link, div#submenu a:visited, div#submenu1 a, div#submenu1 a:link, div#submenu1 a:visited {
	color: #3f3f3f;
	margin: 0; }

div#submenu a:hover, div#submenu1 a:hover { color: #000000; }

.menutext a:link {color: #7f7f7f; }

/* Div Inhalt */

div#widecontent {
	padding: 20px 10px 10px 10px;
	text-align: center; }

* html div#widecontent { padding: 0 10px 10px 10px; }

div#widecontent img { margin: 5px 5px 0 5px; }

div#widecontenttext {
	width: 490px;
	margin: 0 auto;
	font-size: 11px;
	color: #7f7f7f;
	padding: 5px 5px 2px 5px; }

div#content {
	padding: 10px 10px 0 10px;
	border: 1px #bfbfbf solid; }

* html div#content {
	padding: 5px 5px 0 5px;
	margin: 0px;
	line-height: 0px;
	background-color: #ffffff;
	height:  500px; }
	
*+html div#content { height: 525px; }

div#links, div#rechts {
	width: 125px;
	margin:  5px 0 0 0; }

div#linkstext {}

div#links { float: left; }

div#rechts { float: right; }

div#links img, div#rechts img {
	border: 1px #7f7f7f solid;
	margin: 0 0 5px 0; }

* html div#links img, div#rechts img {
	margin: 0;
	padding: 0; }

.bild {
	height: 80px;
	text-align: center;
	padding: 8px 0;
	border: 1px #bfbfbf solid;
	margin: 3px 0 2px 0; }

* html .bild { 
	padding: 2px 0 0 0;
	margin: 4px 0 2px 0; }
	
*+html .bild { 	margin: 4px 0 2px 0; }

.bildtext, .bildtext1 {
	position: relative;
	display: block;
	background-color: #7f7f7f;
	height: 13px;
	padding: 4px;
	margin: 0;
	color: #fff;
	filter: alpha(opacity=60);
	-moz-opacity: .60;
	opacity: .60; }

.bildtext { top: -20px; }

.bildtext1 { top: -15px; }

* html .bildtext, * html .bildtext1 {
	top: -5px;
	margin: 0 0 -5px 0;
	line-height: 12px;
	border: none;
	padding: 2px; }

.infotexte {
	height: 45px;
	font-weight: bold;
	margin: 0 132px;
	text-align: center;
	display: block;
	color: #7f7f7f;
	padding: 5px 5px 0 5px;
	font-size: 13px;
	line-height: 16px; }

* html .infotexte {
	border: none 0px;
	margin: -5px 135px 0px 135px; }

div#mitte {
	border: 1px #bfbfbf solid;
	margin: 15px 0 0 132px;
	/*height: 300px;*/
	text-align: center;
	width: 490px; }

* html div#mitte { margin: 15px 0 0 132px; }

*+html div#mitte { margin: 20px 0 0 132px; }

/* Footer */

div#foot {
	text-align: center;
	border: none 0;
	padding: 2px 0 0 0;
	background-color: #ffffff;
	margin: 5px 0 0 0; }

div#foot span { font-size: 12px; }
	
.leistungenstext {
	font-size: 9px;
	color: #3f3f3f;
	padding: 10px 0 0 0; }

* html div#foot {
	line-height: 14px; }

div#footerlink { color: #7f7f7f; }

div#footerlinks span {
	padding: 5px 10px 0 10px;
	line-height: 20px; }

a.inactivefoot { color: #7f7f7f; }

div#footerlinks a:hover { color: #000; }

.linie {
	border-top: 1px #bfbfbf solid;
	line-height: 1px;
	margin: 0 135px 5px 135px;
	padding: 0; }

/* Textattribute */

.ueberschrift {
	font-size: 16px;
	text-align: center;
	margin-bottom: 10px;
	text-decoration: underline;
	font-weight: bolder;
	color: #3f3f3f;
	padding-top: 10px; }

.bodytext {
	text-align: justify;
	font-size: 12px; }

p.bodytext { margin-bottom: 5px; }

p.bodytext b { margin-right: 4px; }

p.bodytext a:link, p.bodytext a:visited {
	text-decoration: underline;
	color: #75000d;
	font-weight: bold; }

p.bodytext a:hover { color: #222222; }

.hinweis {
	padding: 10px 0 10px 0;
	font-size: 9px;
	color: #3f3f3f; }

.zentriert {
	font-size: 12px;
	text-align: center; }

/* referenzen */

div.ref { height: 130px; }

*+html div.ref { min-height: 130px; }

.ref { text-align: left; }

fieldset.ref, fieldset.angebot, fieldset.ref1 {
	border: 1px #bfbfbf solid;
	margin: 5px 0;
	padding: 4px; }

legend.ref {
	background-color: #e0e0e0;
	padding: 2px;
	color: #3f3f3f;
	margin-bottom: 5px; }

fieldset.angebot {
	padding: 2px;
	color: #3f3f3f;
	margin-bottom: 5px; }

.ref img {
	margin: 4px 10px 4px 4px;
	padding: 1px;
	border-top: 1px #bfbfbf solid;
	border-left: 1px #000000 solid;
	border-bottom: 1px #000000 solid;
	border-right: 1px #bfbfbf solid;
	background-color: #bfbfbf;
	float: left; }

.angebot img {vertical-align: bottom; }

.ref1 img {
	float: left;
	border: 0em none; }

div#angebot_bilder { width: 300px; }

.ref p {
	font-size: 11px;
	text-align: justify;
	margin-top: 4px; }

.ref a:link, .ref a:visited {
	color: #75000d;
	font-weight: bold; }

.ref a:hover { color: #222222; }

.ref ol { padding: 5px; }

.ref li {
	display: list-item;
	list-style-type: disc;
	margin: 0 0 0 15px;
	font-size: 11px; }

/* Formular */

.formular { font-size: 12px; }

div.formleft {
	padding: 3px;
	float: left;
	text-align: left;
	clear: none;
	width: 80px;
	line-height: 20px; }

div.formright {
	float: left;
	width: 260px; }

form.formular {
	width: 350px;
	/*border: 1px #bfbfbf solid;*/
	text-align: left;
	padding: 8px;
	margin: 0 auto; }

.formular input, textarea {
	border: 1px #bfbfbf solid;
	text-align: left;
	width: 100%;
	margin: 2px 0 0 0; }

.formright input, textarea { background-image: url(bilder/stripes.gif); }

input.inputklein {
	border: none 0;
	width: 30px;
	margin: 0;
	background-color: #ffffff; }

input.senden {
	width: 60px;
	text-align: center;
	margin: 5px 0;
	background-color: #3f3f3f;
	color: #ffffff; }

.back {
	font-size: 11px;
	font-weight: normal;
	text-decoration: none; }

.back a:link, .back a:visited { color: #7f7f7f; }

.back a:hover { color: #b74844; }

/* Galerie */

div#all_galerie {
	margin: 10px auto;
	width: 850px;
	padding: 0; }

* html div#all_galerie { margin: 10px 10%; }

div#rechts1 {
	width: 397px;
	margin: 0px 0 0 0;
	float: right; }

div#text { height: 330px; }

div#text div { padding: 5px; }

div#big {
	margin: 10px auto;
	border: 1px #7f7f7f solid;
	background-color: #3f3f3f;
	float: left; }

div#big img {
	border: 0px none;
	margin: 15px 17px; }

div#pfeil_links, div#pfeil_rechts {
	width: 20px;
	background-color: #fff;
	overflow: hidden; }

* html div#pfeil_links, * html div#pfeil_rechts { width: 15px; }

div#pfeil_links {
	margin: 0px 0 0 0px;
	padding: 0 5px 0 0;
	float: left; }

div#pfeil_rechts {
	margin: 0px 0px 0px 0px;
	padding: 0;
	float: right; }

div#pfeil_links img, div#pfeil_rechts img { border: 0px none; }

div#small {
	height: 50px;
	background-color: #3f3f3f;
	position: relative;
	overflow: hidden;
	margin: 0 0 0 -10px; }

* html div#small {
	width: 345px;
	margin: 0 0 0 10px; }

div#small img {
	border: 0px none;
	margin: 5px 9px;
	background-color: #fff; }

* html div#small img { margin: 5px 7px; }

div#inhalt {
	position: relative;
	top: 0px;
	left: 0px;
	clip: rect(0px, 360px, 40px, 0px);
	overflow: hidden; }

* html div#inhalt { left: 10px; }

div#inhalt img { border: 0px none; }

a.bildfarbig {
	filter: alpha(opacity=60);
	-moz-opacity: .60;
	opacity: .60;
	border: 0px none; }

a.bildfarbig:hover {
	filter: alpha(opacity=100);
	-moz-opacity: .100;
	opacity: .100;
	border: 0px none; }

/* Webangebot */

div#angebot_content { padding: 5px 15px; }

div#angebot { float: left; }

div#angebot img {
	border: 1px #bfbfbf solid;
	padding: 2px;
	margin: 5px; }

div#angebot_rechts {
	float: right;
	margin-top: 20px; }

.img_angebot { padding: 10px 4px; }

.img_angebot:hover {
	background-image: url(bilder/web/rahmen.gif);
	background-repeat: no-repeat; }

div#angebotstext {
	border: 1px #bfbfbf solid;
	padding: 4px 2px 0 4px;
	line-height: 10px; }