/* Main Sections 
------------------------------------------------------------------------- */
* {
    margin: 0;
    padding: 0;
}

body {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: small;
    text-align: left;
    color: #333;
    background: #999999 url(images/bg.jpg) repeat-x;
}

#page {
	float: left;
	width: 900px;
    margin: 0 0 0 50px;
    text-align: left;
}

#header{
	height: 92px;
	width: 900px;
	background: #fff url(images/logo.gif) no-repeat;
}

#content {
    float: left;
    text-align: left;
    width: 800px;
    min-height: 600px;
    margin: -20px 0 10px -50px;
    padding: 0px 0 0 0;
    line-height: 1.5em;
    z-index: 2;
    color: #666666;
}

#content a{
    color: #ff6633;
    text-decoration: none;
}

#content a:hover{
    color: #fff;
    text-decoration: none;
}

#footer {
	float: left;
	padding: 0 0 10px 0;
	color: #cccccc;
	font-size: 11px;
	width: 900px;
}


/* LINKS */
a{
	outline: none;
	text-decoration: none;
	cursor: pointer;
}

a img, img {
    border: none;
}


/* NAVIGATION - SIDEBAR */
#sidebar{
	position: relative;
	padding: 0;
	margin: 0;
	float: left;
	width: 150px;
	background: transparent url(images/hauptnav_bg.png) repeat;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 18px;
	z-index: 3;
}

#sidebarhome{
	position: relative;
	padding: 0;
	margin: 0;
	float: left;
	width: 150px;
	background: #828282;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 18px;
	z-index: 3;
}

/* HAUPTNAV HOME */
#hauptnavhome a{
	color: #cccccc;
}

#hauptnavhome a:hover{
	color: #fff;
}

#hauptnavhome li.last a:hover{
	color: #ff6633;
}

#hauptnavhome li.active a{
	color: #fff;
}

#hauptnavhome {
	margin: 5px 0 5px 0px;
}

#hauptnavhome ul {
    list-style: none;
    margin: 5px 0 0px 5px;
}

#hauptnavhome ul li.last {
	margin: 20px 0 0 0;
	font-size: 13px;
}


/* HAUPTNAV */

#hauptnav a{
	color: #999999;
}

#hauptnav a:hover{
	color: #fff;
}

#hauptnav li.last a:hover{
	color: #ff6633;
}

#hauptnav li.active a{
	color: #fff;
}

#hauptnav li.last.active a{
	color: #ff6633;
}

#hauptnav {
	margin: 5px 0 5px 5px;
}

#hauptnav ul {
    list-style: none;
    margin: 5px 0 0px 0px;
}

#hauptnav ul li.last {
	margin: 20px 0 0 0;
	font-size: 13px;
}

#subnav ul {
    list-style: none;
    margin: 5px 0 0px 0px;
}

#subnav {
	margin: 0;
	padding: 0;
    background: transparent url(images/subnav_bg.png) repeat;
    font-size: 12px;
}

#subnav ul li{
    border-bottom: 1px solid #cccccc;
    padding: 2px 0 2px 0;
}

#subnav ul li a{
    color: #fff;
    padding: 0 0 0 5px;
}

#subnav a:hover{
	color: #ff6633;
}

#subnav li.active a{
	color: #ff6633;
}

#subnav ul li.level1.active a{
	color: #ff6633;
}

#subnav ul li.level1.active{
	color: #ff6633;
	border-bottom: 0px solid #cccccc;
}

#subnav ul li.level2.active a{
	color: #fff;
}

#subnav ul li.level1.active ul li.level2 a{
	color: #fff;
	padding: 0 0 0 55px;
}

#subnav ul li.level1.active ul li.level2 a:hover{
	color: #ff6633;
}

#subnav ul li.level1.active ul li.level2.active a{
	color: #ff6633;
}

#subnav ul li.level1.active ul li.level2{
	color: #ff6633;
	padding: 2px 0 2px 0;
}

#subnav ul li.first.level1.active {
	color: #ff6633;
	border-bottom: 0px solid red;
	padding: 0;
}

#subnav ul li.level1.active{
	padding: 0;
	
}

#subnav ul li.level1.active.here{
	padding-bottom: 2px;
	
}

#subnav ul li.last.level1.active.here{
	padding-bottom: 2px;
	
}

#subnav ul li.first.level1.active.here{
	padding-top: 2px;
}

#subnav ul li.first.level1.active{
	padding-top: 2px;
}

#subnav ul li.level1.active{
	margin-top: 2px;
}

#subnav ul li.last.level1.active {
	color: #ff6633;
	border-bottom: 0px solid red;
	padding: 0;
	margin-top: 2px;
}

#subnav ul li.level1.active.here {
	color: #ff6633;
	border-bottom: 1px solid #cccccc;
}

#subnav ul li.level1.active ul li.first.level2{
	color: #ff6633;
	border-top: 1px solid #cccccc;
}

#subnav ul li.level1.active ul.subsub{
	position: relative;
	background: transparent url(images/subsub_bg.png) repeat;
	width: 200px;
	margin: 2px 0 0 0px;
}

#subnav ul li.level1.active ul.subsub li.last.level2{
	border-bottom: 1px solid #cccccc;
}

li {
    list-style: none;
    padding: 0px;
    margin-bottom: 0px;
}

/* KONTAKT FORMULAR */
#kontaktForm{
	margin: 17px 0 0 150px;
	color: #666666;
	width: 390px;
}

#philosophie{
	margin: 17px 0 0 150px;
	color: #666666;
	width: 550px;
}

h3 {
	color: #666666;
	font-size: 18px;
}

#kontaktContainer{
	width: 375px;
	color: #666666;
}

.kontaktAbsatz{
	margin: 0px;
	padding-bottom: 10px;
}

.kontaktLeft{
	width: 123px;
	margin: 0;
	padding: 0 0 0 0;
	float: left;
}

.kontaktRight{
	margin: 0 0 0 123px;
}

.absatz{
	margin: 0px;
	padding-bottom: 2px;
}

.absatzBild{
	margin: 0px;
	height: 90px;
}

.textLinks{
	width: 123px;
	margin: 0;
	padding: 0 0 0 0;
	float: left;
}

.textRechts{
	margin: 0 0 0 123px;
}

.bildLinks {
	width: 104px;
	margin: 0;
	padding: 0 0 0 0;
	float: left;
}

.bildLinks img{
	border: 0;
}

#impressum{
	font-size: 10px;
}

/* MAXI GALLERY */
.managecontainer {
	margin: 0 0 0 100px;
}

#bildnavigator{
	position: absolute;
	margin: 482px 0 0 -100px;
	width: 150px;
	height: 100px;
	background: transparent url(images/bildnav_bg.png) repeat;
	color: #fff;
}

#bildbeschreibung{
	height: 81px;
	border-bottom: 0px solid #fff;
}

#bildnavklick{
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	height: 17px;
}

p.title{
	font-weight: bold;
	color: #fff;
	font-size: 18px;
	padding: 3px 5px 0 5px;
}

p.description{
	font-weight: normal;
	color: #fff;
	font-size: 12px;
	padding: 0px 5px 0 5px;
}

.navigation{
	text-align: right;
}

#bildnavigator a img{
	border: 0px solid #fff;
	margin: 0;
	padding: 0;
}

p.serie{
	float: left;
	margin: -1px 0 0 5px;
	width: 20px;
	text-align: left;
}

a .navRight{
	float: right;
	background: url(images/bildnav_right.png) no-repeat 0px 0px;
	width: 25px;
	height: 17px;
	
}

a:hover .navRight{
	float: right;
	background: url(images/bildnav_right_ahover.png) no-repeat 0px 0px;
	width: 25px;
	height: 17px;
	
}


.navLeft img{
	float: left;
	margin: 0 0px 0 70px;
}

a .navLeft {
	background: url(images/bildnav_left.png) no-repeat 0px 0px;
	height: 17px;
	width: 25px;
	float: left;
	margin: 0 0px 0 75px;
}

a:hover .navLeft {
	background: url(images/bildnav_left_ahover.png) no-repeat 0px 0px;
	height: 17px;
	width: 25px;
	float: left;
	margin: 0 0px 0 75px;
}