body { background-color: black; }

.inner { padding: 1px 20px; }

#header .bg { height: 134px; }

#page {
	width: 1000px;
	margin: 0 auto;
	z-index: 1;
	position: relative;
}
#site {
	margin-top: 209px;
	min-height: 471px;
	background-color: #f0f0f0;
	/* background: white url('images/bg.png') repeat-y; */
}

#logo {
	width: 1000px;
	margin: 0 auto;
	position: relative;
}

#slogan {
	top: 143px;
	left: 203px;
	width: 775px;
	z-index: 1;
	position: absolute;
	text-align: right;
}

#navigation {
	float: left;
	width: 220px;
}
#navigation .inner { padding: 30px 10px 1em 40px; }
#navigation li { list-style-type: none; padding-bottom: 0.3em; margin-bottom: 0.7em; }
#navigation li li { padding-bottom: 0; margin-bottom: 0; }
#navigation a { display: block; color: #222; text-decoration: none; }
#navigation li.active a { font-weight: bold; }
#navigation li.active ul { margin-top: 0.25em; margin-bottom: 0.25em; }
#navigation li.active li a { padding-left: 1em; font-weight: normal; margin-bottom: 0; }
#navigation li.active li.active a { font-weight: bold; }
#navigation li.active li.active li a { padding-left: 2em; font-weight: normal; margin-bottom: 0; }
#navigation li.active li.active li.active a { font-weight: bold; }




.platypus #navigation li.active a { color: #00378b; }
.platypus #navigation li.active li a { color: #222222; }
.platypus #navigation li.active li.active a { color: #00378b; }
.platypus #navigation li.active li.active li a { color: #222222; }
.platypus #navigation li.active li.active li.active a { color: #00378b; }

.ritakummli #navigation li.active a { color: #ffb41a; }
.ritakummli #navigation li.active li a { color: #222222; }
.ritakummli #navigation li.active li.active a { color: #ffb41a; }
.ritakummli #navigation li.active li.active li a { color: #222222; }
.ritakummli #navigation li.active li.active li.active a { color: #ffb41a; }

.creatif #navigation li.active a { color: #275e18; }
.creatif #navigation li.active li a { color: #222222; }
.creatif #navigation li.active li.active a { color: #275e18; }
.creatif #navigation li.active li.active li a { color: #222222; }
.creatif #navigation li.active li.active li.active a { color: #275e18; }

.hansruedisteiner #navigation li.active a { color: #ff3921; }
.hansruedisteiner #navigation li.active li a { color: #222222; }
.hansruedisteiner #navigation li.active li.active a { color: #ff3921; }
.hansruedisteiner #navigation li.active li.active li a { color: #222222; }
.hansruedisteiner #navigation li.active li.active li.active a { color: #ff3921; }

.promotion #navigation li.active a { color: #5a5f68; }
.promotion #navigation li.active li a { color: #222222; }
.promotion #navigation li.active li.active a { color: #5a5f68; }
.promotion #navigation li.active li.active li a { color: #222222; }
.promotion #navigation li.active li.active li.active a { color: #5a5f68; }

/*.promotion #navigation li { border-bottom: 1px solid #5a5f68; }
.ritakummli #navigation li { border-bottom: 1px solid #ffd500; }*/
#page #navigation li li { border-bottom: none; }

#content {
	float: left;
	z-index: 3;
	position: relative;
}

#content .inner { padding-right: 0; }

#header {
	top: 0;
	left: 0;
	width: 100%;
	height: 150px;
	z-index: 2;
	position: absolute;
	border-top: 30px solid black;
}
#header h3 { font-size: 13px; font-weight: 500; }

#footer img { margin-top: -4px; }
#footer { margin-bottom: 30px; }
#footer .inner { padding: 0 0 0 40px; }

#footer, #site .bottom { overflow: hidden; }

#site .bottom { z-index: 1; position: relative;height: 4px; }

.clear {
	clear:both;
}

.column { float: left; }
.row { clear: both; }
.tenth { width: 10%; }
.quarter { width: 25%; }
.third { width: 33.3333%; }
.half { width: 50%; }
.twothird { width: 66.6666%; }
.threequad { width: 75%; }
.ninth { width: 90%; }
.full { width: 100%; }

.right { float: right; }

label { cursor: pointer; }

legend { font-weight: bolder; margin-bottom: 3px; }

input.text, input.password, textarea, select { border: 1px solid #c0c0c0; background-color: white; }

input.text, input.password, textarea, select { padding: 0.05em 0.1em; margin-bottom: 3px; width: 100%; }

.submit {
	float: right;
	cursor: pointer;
	border: medium none;
	font-weight: bolder;
	background-color: transparent;
}

/* home */
.door_middle,
.home {
	float: left;
	width: 425px;
	z-index: 2;
	position: relative;
	text-align: right;
	margin-bottom: -4px;
}

.door_middle { 
	background: white url('images/bg.png') repeat-y -20px 0;
}

.door_left,
.kontaktbild {
	left: -7px;
	float: left;
	width: 490px;
	z-index: 2;
	overflow: hidden;
	position: relative;
	margin-bottom: -4px;
}
.door_left { width: 440px; }

.door_closed {
	float: left;
	width: 92px;
	z-index: 2;
	overflow: hidden;
	position: relative;
	margin-right: 20px;
	margin-bottom: -4px;
}

.bell1, .bell2, .bell3, .bell4 {
	width: 301px;
	height: 40px;
	padding: 13px 0 0 175px;
	background-repeat: no-repeat;
}
.bell1, .bell2,
.bell4, .bell3 {
	margin: 0 0 0 -133px;
}
/*.bell1, .bell2 {
	left: 20px;
	position: relative;
}*/
.bell1 p, .bell2 p, .bell3 p, .bell4 p {
	font-size: 11px;
	line-height: 14px;
}
.bell1 h1, .bell2 h1, .bell3 h1, .bell4 h1,
.bell1 h2, .bell2 h2, .bell3 h2, .bell4 h2 {
	font-size: 11px;
	line-height: 14px;
}
.bell1 { background-image: url('images/door-bell-1.png'); }
.bell2 { background-image: url('images/door-bell-2.png'); }
.bell3 { background-image: url('images/door-bell-3.png'); }
.bell4 { background-image: url('images/door-bell-4.png'); }

.creatif #slogan h3,
.platypus #slogan h3,
.promotion #slogan h3,
.ritakummli #slogan h3,
.hansruedisteiner #slogan h3 { font-weight: 700; font-size: 14px; }

.promotion h2,
.promotion #slogan h3 { color: #5a5f68; }

.bell1 h2 a { color: #2566a1; }
.bell2 h2 a { color: #367129; } 
.bell3 h2 a { color: #f73c27; } /* #791725 */

.bell1 h2 a,
.platypus h2,
.platypus #slogan h3 { color: #00378b; }

.bell2 h2 a,
.creatif h2,
.creatif #slogan h3 { color: #275e18; }

.bell4 h2 a,
.ritakummli h2,
.ritakummli #slogan h3 { color: #ffb41a; }

.bell3 h2 a,
.hansruedisteiner h2,
.hansruedisteiner #slogan h3 { color: #ff3921; }

.bell1 a, .bell2 a, .bell3 a, .bell4 a {
	text-decoration: none;
}

/* ueber uns */
.small { width: 330px; }

.normal h1, .big h1, .small h1, .individuell h1 {  position: relative; margin: 0 0 15px -15px; }
.normal h1 img, .big h1 img, .small h1 img, .individuell h1 img { position: relative; top: 15px; padding: 5px; }


/* kontakt  */

.big { width: 575px; }

.normal { width: 300px; }


.kontakt .bell1, .kontakt .bell2, .kontakt .bell3 {
	height: 87px;
}

.kontakt .bell4 {
	height: 67px;
}

.kontakt .bell1 { background-image: url('images/doorbell.png'); }
.kontakt .bell2 { background-image: url('images/doorbell.png'); }
.kontakt .bell3 { background-image: url('images/doorbell.png'); }
.kontakt .bell4 { background-image: url('images/doorbell.png'); }


.bell1 h2 { color: #2566a1; }
.bell2 h2 { color: #367129; }
.bell3 h2 { color: #f73c27; } /* #791725 */
.bell4 h2 { color: #ffad1a; }


/* Individuell */
.individuellhome { width: 250px; }
.individuell { width: 520px; }

.individuell-gallery #navigation { width: 354px; }
.individuell-gallery h1 { padding: 5px 20px 2px; }
h1.platypus { color: white; background-color: #2566a1; }
.gallery { width: 654px; overflow: hidden; }
.gallery div { width: 700px; }


/* MaxiGallery */

#gallery { top: 0; right: 0; z-index: 2; position: absolute; }

div.managebutton {
	top: 8px;
	right: 0;
	position: absolute;
}

.managecontainer { background-color: white; border: 1px solid black; padding: 0 20px; }

#gallery ul.thumbs { margin: 0; }
#gallery ul.thumbs li { float: right; margin: 0 !important; }

.thumbscontainer { margin-bottom: 0 !important; }