@charset "utf-8";

html, body {
	margin: 0;
	padding: 0;
	height: 101%;
	background-color: #d7e9fb;
}

div#container {
	margin: 0px auto;
	width: 760px;
	height: 100%;
	position: relative;
	background: url(../images/kontakt/navibar.gif) top left repeat-y;
	z-index: 0;
}

div#navibar {
	float: left;
	position: relative;
	width: 230px;
	height: 100%;
	z-index: 1;
}

div#content {
	float: left;
	position: relative;
	width: 485px;
	min-height: 100%;
	height: 100%;
	padding-left: 45px;
	background: url(../images/kontakt/bkgr.gif) top left repeat-y;
	z-index: 1;
}

#logo {
	position: relative;
	width: 230px;
	height: 239px;
	z-index: 2;
}

#navi {
	position: relative;
	width: 230px;
	z-index: 2;
}

div#footer {
	position: absolute;
	bottom: 0px;
	left: 410px;
	width: 360px;
	height: 43px;
	padding-top: 19px;
	padding-left: 30px;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	word-spacing: 3px;
	color: #FFFFFF;	
	background: url(../images/kontakt/impressum.png) no-repeat;
	* background: url(../images/kontakt/impressum.gif) no-repeat!important; /* for non-PNG compatible Browsers */
	z-index: 10;
}

img {
	border: 0px;
}

h2 {
	margin: 0 0 20px 0;
	padding-left: 15px;
	font-family: "Times New Roman", Times, serif;
	font-size: 3.0em;
	font-weight: normal;
	font-style: italic;
	color: #76b6d8;
}


/*-------------------------- NAVIGATION ------------------------------*/

.rollover:link, .rollover:visited {
	opacity: 1.0;
	filter: alpha(opacity=100); 
	-moz-opacity: 1.0;	
	
	-moz-outline: none;	
}

.rollover:hover {
	opacity: .50;
	filter: alpha(opacity=50); 
	-moz-opacity: 0.50;	
}

a.navi, a.navi:visited {
	padding: 7px;
	padding-left: 29px;
	width: 201px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	line-height: 14px;
	
	color: #FFFFFF;
	text-decoration: none;
	border-style: none;
	background: url(../images/kontakt/bar.png) no-repeat;
	* background: url(../images/kontakt/bar.gif) no-repeat!important; /* for non-PNG compatible Browsers */
	display: block;
	
	-moz-outline: none;	
}

a.navi:hover {
	color: #FFFFFF;
	text-decoration: none;
	background: url(../images/kontakt/activebar.png) no-repeat;
	* background: url(../images/kontakt/activebar.gif) no-repeat!important; /* for non-PNG compatible Browsers */
	border-left: #d7e9fb solid 5px;
}



/*-------------------------- IMPRESSUM ------------------------------*/

a.imp, a.imp:visited {
	color: #FFFFFF;
	text-decoration: none;
	
	-moz-outline: none;	
}

a.imp:hover {
	text-decoration: none;
	border-top: #FFFFFF solid 2px;
}

a.impselected {
	color: #FFFFFF;
	text-decoration: none;
	border-top: #FFFFFF solid 2px;
}


/*--------------------------- TABLE --------------------------------*/

#content table {
	margin-left: 80px;
	margin-top: 0px;
	* margin-top: 4px!important; /* for IE */
	border: 0px;
	text-align: left;
}

tr.mark {
	background-color: #d7e9fb;
}

td.nummer {
	width: 20px;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-weight: bold;
	color: #666666;
}

td.bezeichnung {
	font-family: "Times New Roman", Times, serif;
	font-size: 0.95em;
	font-weight: bold;
	color: #76b6d8;
	vertical-align: text-top;
}

td.preis {
	width: 200px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	font-weight: bold;
	color: #333333;
}

tr.inhalt {
	text-align: left;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
}


/*----------------------------------------------------------*/
h1 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	color: #333333;
	padding-left: 100px;
	margin-top: -18px;
	*	margin-top: 24px!important; /* for IE */
}

p.imp {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	line-height: 1.4em;
	color: #333333;
	
	padding-left: 100px;
	width: 350px;
}

table#form {
	padding-left: 18px;
	*	margin-left: -5px!important;
}

.form {
	border: #76b6d8 1px solid;
	
}

.submit {
	background-color: #76b6d8;
	border: 0px;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	/*height: 22px;*/
	border: 2px #76b6d8 solid;
	padding: 2px;
}

.submit:hover {
	background-color: #FFFFFF;
	border: 2px #76b6d8 solid;
	color: #76b6d8;
	padding: 2px
}

span.stern {
	color: #76b6d8;
}