CSS - http://www.superkali.ch
@charset "UTF-8";
/* CSS Document */


/* neutralizing browsers built-in stylesheets, http://developer.yahoo.com/yui/reset/ */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}

table {
	border-collapse:collapse;
}

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%;
	font-weight: normal;
}

q:before, q:after {
	content:'';
}
abbr, acronym {
	border: 0;
}

/* global classes */

html{
	overflow-y: scroll;
}

body  {
	background-color: #02126b;
	text-align:center; margin-top:22px; margin-right:8px; margin-left:8px; 
}

body, p { 
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:20px; color:#000000 
}


#main {
	position: absolute;
	left: 50%;
	width: 980px;
	margin-left: -490px;
}

#content {
	width: 923px;
	margin-right: 36px;
	margin-left: 21px;
	margin-top: 21px;
	height: auto;
}


html {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
}

a:link, a:visited {
	color: #0000AA;
	text-decoration: underline;
} 

a:hover, a:active {
	color: #80BA2A;
	text-decoration: underline;
}

h1 {
	background-repeat: no-repeat;
	height: 15px;
	display: block;
	font-size:14px;
	font-weight:bold;
}

h2 {
	width: 430px;
	position: relative;
	font-size: 13px;
	line-height: 16px;
	color:#541457;
}

h3 {
	font-weight: bold;
	color: #0000AA;
	font-size: 17px;
	line-height: 19px;
}

h4 {
	font-weight: bold;
	color: #0000AA;
}

h5 {
	color: #0000AA;
}

p {
	margin-bottom: 7px;
}

li {
	list-style: outside;
	list-style-image: url(../images/global/listpoint.gif);
	position: relative; left: 14px;
}



.white {
	color: #fffffe;
}

.fontbold {
	font-weight: bold;
}


/* classes for formular tags */

input {
	color: #6E6E6E;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	border-left: #9f9f9f solid 1px;
	border-right: #d6d6d6 solid 1px;
	border-top: #9f9f9f solid 1px;
	border-bottom: #d6d6d6 solid 1px;
}

textarea {
	color: #6E6E6E;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	border-left: #9f9f9f solid 1px;
	border-right: #d6d6d6 solid 1px;
	border-top: #9f9f9f solid 1px;
	border-bottom: #d6d6d6 solid 1px;
}

/* content */
#contentBox
{
	position:relative;
	background-image:url(../images/background.gif);
	background-position:center;
	background-repeat:repeat-y;
	margin-top:-2px;
	padding-left:75px;
	height:376px;
	text-align:left;
}

#BildHome
{
	background-image:url(../images/bild_home.jpg);
	background-position:left;
	background-repeat:no-repeat;
	margin-left:-9px;
	padding-top:42px;
	height:298px;
	width:232px;
}

#BildGeschichte
{
	background-image:url(../images/bild_geschichte.jpg);
	background-position:left;
	background-repeat:no-repeat;
	margin-left:-9px;
	padding-top:42px;
	height:298px;
	width:232px;
}

#BildAngebot
{
	background-image:url(../images/bild_angebot.jpg);
	background-position:left;
	background-repeat:no-repeat;
	margin-left:-9px;
	padding-top:42px;
	height:298px;
	width:232px;
}

#BildKontakt
{
	background-image:url(../images/bild_kontakt.jpg);
	background-position:left;
	background-repeat:no-repeat;
	margin-left:-9px;
	padding-top:42px;
	height:298px;
	width:232px;
}

#BildReferenzen
{
	background-image:url(../images/bild_referenzen.jpg);
	background-position:left;
	background-repeat:no-repeat;
	margin-left:-9px;
	padding-top:42px;
	height:298px;
	width:232px;
}

#BildAktion
{
	background-image:url(../images/bild_aktion.jpg);
	background-position:left;
	background-repeat:no-repeat;
	margin-left:-9px;
	padding-top:42px;
	height:298px;
	width:232px;
}

#Anfahrtsplan
{
	background-image:url(../images/Anfahrtsplan.gif);
	background-position:left;
	background-repeat:no-repeat;
	margin-left:200px;
	margin-top:-216px;
	height:216px;
	width:301px;
}

#Text
{
	position:absolute;
	margin-top:-317px;
	margin-left:238px;
	width:503px;
	height:291px;
	background-color:#DBE6EF;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
}


/* footer */
#Footer
{
	background-image:url(../images/footer_background.gif);
	background-position:center;
	background-repeat:no-repeat;
	height:49px;
	margin-left:-15px;
}