/*
SNA Farben:
100% HKS 51: 0099A1;
 50% HKS 51: 88CCCF;
orange: EE7F00;
*/

html {
/*	height: 100%; 
	margin-bottom: 1px; */

}

body {
    margin: 0px;
    padding: 0px;
	background-color: #B2BCBD;
}

body, p, ul, li, a, td, textarea, .eingabe, .button, select {
    font-family: Arial, Helvetica, sans-serif;
/*	font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-weight: normal;
	color: #58595A;
	text-decoration: none;
}

#contentborder {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -276px 0 0 -479px;
    width: 957px; 
    height: 552px; 
	border: 1px solid #0071B9;
}

#contentwrapper {
    position: absolute;
    top: 1px;
    left: 1px;
    width: 955px;
    height: 550px;
    background-color: #ffffff;
	background-image: url(../bilder/hintergrund_s.gif);
    background-position: 150px 170px;
    background-repeat: no-repeat;
}

#headline {
    position: absolute;
    left: 265px;
    top: 200px;
    z-index: 1;
	width: 410px;
	color: #EE7F00;
	font-size: 18px;
    font-weight: bold;
    padding: 0px;
    margin: 0px;
}

#content {
    position: absolute;
    left: 285px;
    top: 238px;
    height: 280px;
    z-index: 1;
	width: 430px;
    }

#content p {
    clear: both;
}

#nav_mini {
    position: absolute;
    left: 755px; 
    top: 168px; 
    width: 160px;
	height: 30px;
    z-index: 1;
    text-align: right;	
    }

#nav_mini a {
    font-size: 10px;
    
}

#navigation {
    position: absolute;
    left: 265px; 
    top: 148px; 
    width: 700px;
	height: 22px;
    z-index: 5; 	
    }

#toppic {
    position: absolute;
    left: 0px; 
    top: 0px;
    width: 955px;
    height: 140px;
    background-image: url(../bilder/bildmarke.jpg);
    }

#logo {
    position: absolute;
    left: 0px; 
    top: 19px;
    width: 215px;
    height: 139px;
    background-image: url(../bilder/logo_sna.gif);
    }

#tel_rechts {
    position: absolute;
    left: 745px; 
    top: 146px;
    width: 173px;
    height: 23px;
    background-image: url(../bilder/telefon.gif);
    }

#separator_top {
    position: absolute;
    height: 1px;
    left: 0px;
    top: 170px;
    width: 955px;
    z-index: 1;
    border-top: solid 1px #EE7F00;
}

#box_rechts {
    position: absolute;
    left: 745px;
    top: 250px;
    width: 210px;
    height: 280px;
    font-size: 12px;
    }

#box_rechts h1 {
    margin: 0px;
    padding: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-top: solid 1px #EE7F00;
    border-bottom: solid 1px #EE7F00;
    font-size: 16px;
    color: #999999;
}

#box_rechts p, #box_rechts li {
    padding-right: 10px;
    color: #666666;
}

#box_rechts ul {
    margin: 0px;
    padding: 0px;
	list-style-type: none;
}

#box_rechts li {
    
	padding-left: 15px;
    padding-top: 1px;
    padding-bottom: 1px;
	background-image: url(../bilder/list_dot.gif);
	background-repeat: no-repeat;
	background-position: 0px 6px; 
}

#bildlinks {
    position: absolute;
	top: 170px;
    left: 0px; 
    }

#imagelinks {
    float: left;
    margin-right: 20px;
    margin-bottom: 10px;
    padding-bottom: 10px;  /*Tweak für FF, damit die Abstände gleich aussehen */
    display: inline;
}

#textbox_grau {
    position: absolute;
    top: 500px;
    left: 0px;
    width: 215px;
    height: 50px;
    background-color: #445052;
    z-index: 5;
}

#textbox_grau p {
    color: #ffffff;
    font-size: 10px;
    margin: 5px;
}

#content ul {
	padding: 0px;
	margin: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
	list-style: none;
	text-align: left;
}

#content li {
	color: #000000;
    font-size: 12px;
	padding-left: 15px;
    padding-top: 0px;
    padding-bottom: 2px;
	background-image: url(../bilder/list_dot.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px; 
    line-height: 14px;
}

#standardlist ul {
	border: 0px;
}

#standardlist li {
    font-size: 12px;
	padding-left: 15px;
    padding-top: 2px;
	background-image: url(../bilder/list_dot.gif);
	background-repeat: no-repeat;
	background-position: 0px 6px;
	background-color: transparent; 
}


a {  color: #0099A1; text-decoration: none; font-weight: normal; cursor: pointer;
	cursor: hand;}
a:link {  color: #0099A1;}
a:visited {  color: #0099A1;}
a:active {  color: #0099A1;}
a:hover {  color: #0099A1; text-decoration: underline;}

h2 {
	font-size: 14px;
}

p {
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
    margin: 0px;
    margin-top: 12px;
}

td {
	font-size: 12px;
}

form {display: inline; }

.eingabe {  border: 0px; border-bottom: solid 1px #000000; width: 250px; background-color: transparent;}
textarea {  font-size: 12px; border: solid 1px #000000; width: 250px; height: 100px; background-color: #ffffff;}
.button {  background-color: #0099A1; color: #ffffff; cursor: pointer;
	cursor: hand;}

#pdf {
	background-image:url('../bilder/pdf.gif');
	background-repeat: no-repeat;
	padding-left: 30px;
	background-position: 0px 3px ;
}

#extern {
	background-image:url('../bilder/icon_link_extern.gif');
	background-repeat: no-repeat;
	padding-left: 30px;
	background-position: 0px 3px ;
}

#intern {
	background-image:url('../bilder/icon_link_intern.gif');
	background-repeat: no-repeat;
	padding-left: 30px;
	background-position: 0px 3px ;
}

/*NAVIGATION*/