/* /----------------- salzer-design.de --------- */

/* /----------------- general -------------- */

html, body, div, p, td, a {
	font-family: Verdana, Arial, Geneva, sans-serif;
	color:#666666;
	font-size:13px;
	line-height: 19px;
}

p {
    margin:0px;
    padding:0px;
}


html, body {
    margin:0;
    padding:0;
}
html {
    height:100%;
    background-color:#dbdbdb;
}
body {
	background-image:url(../obj/back.jpg);
	height:100%;
	background-color: #dbdbdb;
	background-repeat: repeat-x;
}

img {
    border:0;
}

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

a:hover {
	color: #D58000;
	text-decoration: underline;
}


/* /----------------------- Schrift ----------------------- */


#content h1 {
	margin-top:5px;
	margin-bottom:25px;
	font-size: 24px;
	font-style: normal;
	font-weight: normal;
	color: #F39200;
}

#content h2 {
	margin-top:0px;
	margin-bottom:5px;
	font-size: 17px;
	font-style: normal;
	font-weight: normal;
	color: #F39200;
}

#content #box-inner h3 {
	margin-top:0px;
	margin-bottom:10px;
	font-size: 24px;
	font-style: normal;
	font-weight: normal;
	color: #F39200;
}

#content #box-content h1 {
	margin-top:0px;
	margin-bottom:19px;
	font-size: 24px;
	font-style: normal;
	font-weight: normal;
	color: #F39200;
}

#content li {
	background-image: url(../obj/list.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	display: block;
	list-style-type: none;
	padding-bottom: 15px;
	padding-left: 25px;
	padding-right: 100px;
}

#content #box-content li {
	background-image: url(../obj/list_hg_grey.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	display: block;
	list-style-type: none;
	padding-bottom: 15px;
	padding-left: 21px;
	padding-right: 20px;
}

.orange {
	color: #E18700;	
	}

.small {
	font-size:11px;
	}

/* /----------------- general html structure -------------- */


#out{
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	width: 990px;
	min-height:80%;
	background-image: url(../obj/outback.gif);
	background-repeat: repeat-y;
	background-color: #FFF;
}

* html #out {
    height:80%;
}
#top{
	width: 990px;
	height:146px;
	background-image: url(../obj/kontakt.gif);
	background-repeat: no-repeat;
}

#logo{
	width: 423px;
	height:146px;
	float: left;
}

#metanav{
	width: 400px;
	height:20px;
	float: right;
	text-align: right;
	margin-top: 97px;
	margin-right: 19px;
}

#metanav a {
	color: #333;
	text-decoration: none;
}

#metanav a:hover {
	color: #D58000;
	text-decoration: underline;
}


#picnav{
	width: 990px;
	height:348px;
	background-image: url(../obj/backnav.gif);
	background-repeat: no-repeat;
	clear: both;
}

#mainpic{
	width: 682px;
	height:348px;
	float: left;
}

#nav{
	width: 290px;
	height:283px;
	margin-top: 56px;
	float: right;
}

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

#spacetop{
	width: 990px;
	height:48px;
	background-image: url(../obj/space-top.gif);
	background-repeat: no-repeat;
	clear: both;
}

#contentContainer{
	width: 988px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-image: url(../obj/contentback.gif);
	background-repeat: repeat-x;
}

#content{
	width: 915px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 15px;
	padding-bottom: 15px;
}

#footercontainer{
	width: 990px;
	height:109px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(../obj/footerback.gif);
	background-repeat: no-repeat;
}

#footer {
	clear: both;
	width: 945px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 60px;
	text-align: center;
}


/* /----------------- Navigation -------------- */

.navpassive {
	font-family: Verdana, Arial, Geneva, sans-serif;
	font-size: 14px;
	color: #696969;
	text-decoration: none;
}

.navpassive a{
	font-family: Verdana, Arial, Geneva, sans-serif;
	font-size: 14px;
	color: #696969;
	text-decoration: none;
	background-image: url(../obj/navpoint-passive.gif);
	background-repeat: no-repeat;
	background-position: 17px center;
	line-height: 39px;
	vertical-align: middle;
	display: block;
	height: 39px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #d1d1d1;
	padding-left: 43px;
}

.navpassive a:hover{
	font-family: Verdana, Arial, Geneva, sans-serif;
	font-size: 14px;
	color: #000000;
	text-decoration: none;
	display: block;
	background-image: url(../obj/navpoint-active.gif);
	background-repeat: no-repeat;
	background-position: 17px center;
}

.navactive {
	font-family: Verdana, Arial, Geneva, sans-serif;
	font-size: 14px;
	color: #6e7c25;
	text-decoration: none;
}

.navactive a{
	font-family: Verdana, Arial, Geneva, sans-serif;
	font-size: 14px;
	color: #E68A00;
	text-decoration: none;
	background-image: url(../obj/navpoint-active.gif);
	background-repeat: no-repeat;
	background-position: 17px center;
	line-height: 39px;
	vertical-align: middle;
	display: block;
	height: 39px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #d1d1d1;
	padding-left: 43px;
}

.navactive a:hover{
	font-family: Verdana, Arial, Geneva, sans-serif;
	font-size: 14px;
	color: #000000;
	text-decoration: none;
	display: block;
	background-image: url(../obj/navpoint-passive.gif);
	background-repeat: no-repeat;
	background-position: 17px center;
}

/* /----------------- box -------------- */

#box {
	width: 426px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 30px;
	float: left;
}

#box-top {
	height: 13px;
	background-image: url(../obj/box-top.gif);
	background-repeat: no-repeat;
}

#box-bottom {
	height: 13px;
	background-image: url(../obj/box-bottom.gif);
	background-repeat: no-repeat;
}

#box-content {
	background-image: url(../obj/box-body.gif);
	background-repeat: repeat-y;
}

#boxRight {
	width:270px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 0px;
	float: right;
}

#box-top-small {
	height: 13px;
	background-image: url(../obj/box-top-small.gif);
	background-repeat: no-repeat;
}

#box-bottom-small {
	height: 13px;
	background-image: url(../obj/box-bottom-small.gif);
	background-repeat: no-repeat;
}

#box-content-small {
	background-image: url(../obj/box-body-small.gif);
	background-repeat: repeat-y;
}

#box-inner {
	margin-top: 0px;
	margin-right: 13px;
	margin-bottom: 0px;
	margin-left: 13px;
}

#space {
	width: 800px;
	height: 10px;
	clear: both;
}