﻿body {
	background-color : #ffffff;
	font-family : Arial, Helvetica;
	color : #3b3b3b;
	font-size : 9pt;
	padding : 0;
	margin : 0;
	text-align : justify;
	background : white url(gfx/mainhint.jpg) repeat center 0%;
}

/* ##################### general text-tags ################# */
h1 {
	line-height : 10pt;
	color : #3b3b3b;
	margin : 0;
	font-size : 12pt;
	margin-top : 50px;
}

h2 {
	font-size : 9pt;
	color : #666;
	margin : 0 0 15px 1px;
	font-weight : normal;
}

h3 {
	font-size : 9pt;
	font-weight : bold;
	color : #666;
	margin : 15px 0 0 0;
}

a:hover {
	font-weight : bold;
}

.p-einrueck {
	padding-left : 5pt;
	text-align : left;
}

.p-einrueck-justify {
	padding-left : 5pt;
	text-align : justify;
	padding-bottom : 25px;
}

/* ##################### table,list,img tags ################# */
ul {
	margin-top : 0;
}

li {
	margin-bottom : 10px;
	list-style-image : url('gfx/pfeil.gif');
}

table {
	font : 8pt Arial, Helvetica, sans-serif;
	text-align : center;
}

th {
	font : inherit;
	font-variant : small-caps;
}

td {
	text-align : left;
}

img { border:none; }

/* ##################### main container ################# */
#allholder {
	position : absolute;
	height : 583px;
	width : 803px;
	margin : -291.5px 0 0 -401.5px;
	top : 50%;
	left : 50%;
	text-align : left;
	padding : 0;
}

.topmenu {
	margin-top : 10px;
	margin-right : 10px;
	float : right;
	text-align : center;
}

.topmenu a {
	text-decoration : none;
	color : black;
	text-transform : capitalize;
	text-decoration : none;
	font-variant : small-caps;
	font : message-box;
}

.menuspacer {
	width : 80px;
	float : left;
	border-right-width : 1px;
	border-right-style : solid;
	border-right-color : gray;
}

#content {
	height: 465px;
	overflow : auto;
	margin-top : 55px;
	margin-left : 20px;
	margin-bottom : 30px;
	margin-right: 10px;
	padding-right : 260px;
	padding-bottom : 40px;
	text-align : justify;
}

#footer {
	margin-left : 35px;
	margin-right : 35px;
	text-align : center;
	font-size : 9pt;
}

/* ##################### impressum ################# */
#impressumgfx {
	height : 112px;
	width : 170px;
	padding-bottom : 10px;
	float : right;
}

/* ##################### about ################# */
.handwerksleistung {
	width : 350px;
	margin-top : 50px;
	border-top : 1px dotted black;
	padding-top : 10px;
	height : 40px;
	padding-left : 5px;
	font-style : italic;
	font-size : 8pt;
	color : navy;
	text-align : justify;
}

/* ##################### contact ################# */
hr {
	background-color : #808080;
	color : #008080;
	border : #ff0000;
	height : 1px;
}

.contacttable {
	padding-right : 50px;
	margin-top : 30px;
}

.contacttable td {
	text-align : left;
}

.contact_form_fieldholder {
	float : left;
	margin-top : 2px;
}

.contact_form_firstname {
	float : left;
	margin-top : 5px;
	width : 60px;
	text-align : right;
}

.contacttable input {
	border : 1px solid gray;
}

.branchen-headings {
	width : 250px;
	text-align : left;
	padding-bottom : 10px;
	font-size : 12pt;
	color : gray;
	font-weight : bold;
}

/* ##################### leistung ################# */
.leistungen {
	height : 500px;
	width : 760px;
	text-align : left;
	margin-top : 50px;
	margin-left : 20px;
	margin-bottom : 20px;
}

.leistungs-headings {
	width : 250px;
	text-align : left;
	padding-bottom : 10px;
	font-size : 9pt;
	color : gray;
	font-weight : bold;
}

#navi1 {
	clear:both;
	width: 400px;
	padding-top: 10px;
}

#navi1 a {
	display: block;
	font: bold 12px Arial, Helvetica, sans-serif;
	text-align: left;
	text-decoration: none;
	color:#000000;
	}
	
#navi1 a:hover {
	color:#999999;
}

#navi1 a .showcase {
	display: none;
}
#navi1 a:hover .showcase {
	position : absolute;
	right : 30px;
	top : 80px;
	* top: 30px; /*CSS HACK FOR IE 5-8 */
	display : block;
	width : 385px;
	height : 430px;
	font : 9pt Arial, Helvetica;
	text-align : justify;
	padding-left : 15px;
	color : #411;
	background-image : url('gfx/leist_back.gif');
}

.leistungen_infotextright {
	position : absolute;
	right : 35px;
	width : 385px;
	height : 430px;
	border-left : 1px dotted black;
	font : 9pt Arial, Helvetica;
	text-align : justify;
	padding-left : 15px;
}

.mouseoverpic {
	position : absolute;
	text-align : right;
	bottom : 0;
	right : 0;
}

.echecklein {
	float : right;
	padding-top : 70px;
	padding-left : 10px;
}

/* ##################### sitemap ################# */
.sitemap a {
	text-decoration : underline;
	color : black;
	padding-left : 10px;
}

.sitemaplisteleft {
	width : 150px;
	height : 55px;
	float : left;
}

.sitemaplisteright {
	height : 55px;
}

