﻿* {
    padding: 0px;
    margin: 0px;
    border: 0px;
}

body, table, input, select, textarea {
    font-family: "Trebuchet MS", Tahoma, Helvetica, sans-serif;
    font-size: 12px;
    color: #333333;
}

html {
    background-color: #FCF6E7;
    background-image: url(/standards/images/gradient.jpg);
    background-repeat: repeat-x;
}

body {
    background-image: url(/standards/images/vertrag.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center top;
    padding-top: 120px;
}

p {
    padding-bottom: 15px;
}

p.error {
	color: red;
	font-weight: bold;
}

h1, h2  {
    display: none;
}

h3 {
	font-size: 14px;
}

h4 {
	font-size: 12px;
}

ul {
    list-style-type: none;
}

.anchor {
	background: transparent !important;
	padding: 0px !important;
	line-height: 0px;
}

a {
    color: #A65311;
    text-decoration: none;
}

#download {
	width: 368px;
	height: 230px;
	background-image: url(/standards/images/download.png);
	background-repeat: no-repeat;
	position: absolute;
	margin: -25px 0px 0px 558px;
	cursor: pointer;
}

#main a,
a.arrow {
    background-image: url(/standards/images/arrow.gif);
    background-repeat: no-repeat;
    background-position: 0px 5px;
    padding-left: 12px;
}

#main a:hover,
a.arrow:hover {
    text-decoration: underline;
}

#main a.prev {
    background-image: url(/standards/images/arrow2.gif);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 12px;	
}

#main a.next {
    background-image: url(/standards/images/arrow.gif);
    background-repeat: no-repeat;
    background-position: right center;
    padding: 0px 12px 0px 0px;	
}

a.no-arrow  {
	padding: 0px !important;
	background: transparent !important;
}

#badBrowser {
	display: none;
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	padding: 20px;
	border: 2px solid #eeeeee;
	width: 600px;
	margin-left: auto;
	margin-right: auto;
}

#badBrowser a {
	color: #ffffff;
	text-decoration: underline;	
}


#wrap {
    width: 920px;
    background-image: url(/standards/images/papier.png);
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
    padding: 25px 28px 0px 24px;
}

#logo {
    background-image: url(/standards/images/logo.png);
    background-repeat: no-repeat;
    width: 402px;
    height: 106px;
    position: absolute;
	cursor: pointer;
    margin: -82px 0px 0px -33px;    
}

#truppe {
    background-image: url(/standards/images/truppe.png);
    background-repeat: no-repeat;
	cursor: pointer;	
    width: 317px;
    height: 128px;
    position: absolute;
    margin: -124px 0px 0px 641px;    
}


#head {
    height: 170px;
    background-repeat: no-repeat;
    background-image: url(/standards/images/motive_1.jpg);
    margin-bottom: 16px;
}

#footer {
	text-align: center;
	padding: 30px 0px 30px 0px;
}

#footer li {
	display: inline;
	padding: 0px 10px 0px 10px;
}

.zusatz-content {
	background-color: #F5EDDD;
	opacity: 0.90;
	margin-top: 30px;
	padding: 10px;
	border: 2px solid #DECEAE;
	-moz-border-radius: 10px;
	position: relative;
	width: 927px;
	margin-left: -15px;
}

/* Form */
input.text,
input.error,
textarea {
    background-color: #F5F1EB;
    background-image: url(/standards/images/inputBackground.gif);
    background-repeat: repeat-x;
    border: 1px solid #D3B6A5;
    padding: 3px 4px 3px 4px;
}

input.error,
textarea.error {
	border: 1px solid red;
}

input.image {
    vertical-align: bottom;
}

/* Navigation */
#mainNavi {
    background-image: url(/standards/images/menueBackground.jpg);
    background-repeat: no-repeat;
    height: 52px;
}

#mainNavi li {
    float: left;
    font-weight: bold;
}

#mainNavi li a {
    font-size: 14px;
    display: block;
    padding: 15px 0px 8px 15px;
    text-align: center;
    width: 168px;
}

#mainNavi li a:hover {
    background-image: url(/standards/images/menueActive.jpg);
    background-repeat: no-repeat;
    background-position: 2px 11px;
}

#mainNavi li.first a:hover {
    background-position: 0px 11px;
}

#mainNavi li.second a:hover {
    background-image: url(/standards/images/menueActive2.jpg);
}

#grundrissStart {
    background-image: url(/standards/images/grundriss_start.png);
    background-repeat: no-repeat;
    height: 875px;
}

#grundrissMitbewohner {
    background-image: url(/standards/images/grundriss_mitbewohner.png);
    background-repeat: no-repeat;
    height: 868px;
}


#grundrissWohnung {
    background-image: url(/standards/images/grundriss_wohnung.png);
    background-repeat: no-repeat;
    height: 867px;
}

#grundrissUebersicht {
    background-image: url(/standards/images/grundriss_uebersicht.png);
    background-repeat: no-repeat;
    height: 867px;
}

#grundrissFolge {
    background-image: url(/standards/images/grundriss_folge.png);
    background-repeat: no-repeat;
    height: 867px;
}

#grundrissKontakt {
    background-image: url(/standards/images/grundriss_kontakt.png);
    background-repeat: no-repeat;
    height: 867px;
}

#grundrissMakingof {
    background-image: url(/standards/images/grundriss_makingof.png);
    background-repeat: no-repeat;
    height: 867px;
}

#grundrissPresse {
    background-image: url(/standards/images/grundriss_presse.png);
    background-repeat: no-repeat;
    height: 867px;
}

.container {
    float: left;
    padding: 40px 10px 0px 10px;
}

#movie {
    width: 500px;
    height: 323px;
	padding-top: 45px;	
}

#movie .mov {
	cursor: pointer;
}

#movie-danke {
    width: 500px;
    height: 308px;
}

#player {

}

#inhalt {
    width: 379px;
    height: 120px;
}

#inhaltGross {
    width: 379px;
    height: 220px;

}

#kommentare {
    width: 379px;
    height: 168px;
}

#kommentareGross {
	padding-top: 0px !important;
	margin-top: 40px;
	width: 500px;
    height: 314px;
	overflow: auto;
	overflow-x: none;
}

#nebenkosten {
    width: 500px;
    height: 101px;
}

#nebenkostenGross {
	position: relative;
	margin-top: -140px;
	width: 500px;
    height: 101px;
}

#empfehlen {
	width: 379px;
	height: 208px;
}

#empfehlen input.text,
#empfehlen input.error {
	width: 170px;
	margin-bottom: 3px;
}

#empfehlen textarea {
	width: 354px;
	height: 54px;
	overflow: auto;
	margin-bottom: 3px;
}

#ratingWrap {
	padding: 4px 0px 4px 0px;
}

.ratingStar {
	cursor: pointer;
}

#kommentieren {
	width: 379px;
	padding-top: 100px;
}

#kommentieren input.text,
#kommentieren input.error,
#kommentieren textarea {
	width: 360px;
	margin-bottom: 3px;
}

#kommentieren textarea {
	height: 75px;	
}

#newsletter {
    width: 379px;
    height: 101px;
}

#newsletter input.text,
#newsletter input.error {
    width: 240px;
}

#mitbewohnerBlock {
    clear: both;
    padding-top: 51px;
}

.mitbewohner {
    float: left;
    width: 207px;
    padding: 40px 10px 0px 13px;
}

.mitbewohner p {
    padding: 0px 4px 0px 4px;
}

.mitbewohner .foto {
    padding: 4px 4px 10px 4px;
    margin-bottom: 5px;
    background-image: url(/standards/images/mitbewohnerFrame.png);
    background-repeat: no-repeat;
    height: 92px;
}

.mitbewohner .foto a {
    padding: 0px !important;
    background: transparent !important;
}

.mitbewohner .foto img {
    border: 1px solid #A65311;
}

.mitbewohner input.text,
.mitbewohner input.error,
.mitbewohner textarea {
	width: 190px;
	margin-bottom: 5px;
}

.mitbewohner textarea {
	height: 55px;
	overflow: auto;
}

.einMitbewohner {
    float: left;
    width: 439px;
    height: 209px;
    padding: 45px 10px 0px 10px;
}

.einMitbewohner .foto {
    padding: 4px 4px 10px 4px;
    margin-bottom: 5px;
    background-image: url(/standards/images/mitbewohnerFrame2.png);
    background-repeat: no-repeat;
    height: 136px;
    float: left;
    margin-right: 10px;
}

.einMitbewohner .foto img {
    border: 1px solid #A65311;
}

#title {
    position: absolute;
    margin: -33px 0px 0px 175px;
    font-size: 14px;
    font-weight: bold;
}

#actionIFrame {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 400px;
    height: 400px;
    border: 1px solid #ffffff;
    display: none;
}

.bookmarks {
    height: 30px;
}

.bookmarks li {
    display: inline;
    padding-right: 10px;
}

.bookmarks li img {
    border: 1px solid #A65311;
    vertical-align: middle;
}

#imagesColumn {
    width: 347px;
    padding: 45px 10px 0px 10px;
}

#imagesColumn .foto {
    background-image: url(/standards/images/mitbewohnerFrame3.png);
    background-repeat: no-repeat;
    height: 202px;
    padding: 5px 4px 10px 5px;
}

#imagesColumn .foto img {
    border: 1px solid #A65311;
}

#textColumn {
    width: 350px;
    position: absolute;
    margin: 45px 0px 0px 370px;
	font-size: 13px;
	line-height: 21px;
}

.folge {
    float: left;
    padding: 10px 10px 0px 12px;
	width: 346px;
	height: 278px;
}

.folge p {
	padding: 0px 4px 0px 4px;
}

.folge h3 {
	padding: 0px 0px 2px 70px;
	line-height: 14px;
}

.folge h3 small {
	font-weight: normal;
	font-size: 11px;
	color: #666666;	
}

.folge .foto {
	background-image: url(/standards/images/folgeFrame.png);
	background-repeat: no-repeat;
	height: 148px;
	width: 344px;
	padding: 4px 0px 0px 4px;
}

.folge .foto img {
	border: 1px solid #A65311;
}

.folge .foto a {
	background: transparent !important;
	padding: 0px !important;
}

.folge .special {
	position: absolute;
	width: 69px;
	height: 62px;
	background-image: url(/standards/images/special.png);
	background-repeat: no-repeat;
	margin: -74px 0px 0px -1px;
	cursor: pointer;
}

#alleFolgen {
	position: absolute;
	margin-left: 745px;
	width: 165px;
	padding: 40px 10px 0px 0px;
}

#alleFolgen p {
	padding-bottom: 6px;
}

#kontakt {
	width: 499px;
	height: 466px;
}

#textMakingof {
	width: 499px;
	height: 466px;
	margin-top: 40px;
	overflow: auto;
	overflow-x: none;
	padding-top: 0px;
}

#kontakt label {
	display: block;
	font-weight: bold;
}

#kontakt input.text,
#kontakt textarea {
	width: 440px;
	margin-bottom: 10px;	
}

#kontakt textarea {
	height: 115px;
	overflow: auto;
}

#impressum {
	padding-top: 0px;
	margin-top: 40px;
	width: 378px;
	height: 466px;
	overflow: auto;
	overflow-x: none;
}

#werkfotos {
	width: 378px;
	height: 466px;
	padding-top: 43px;
}

#werkfotos li {
	float: left;
	margin: 0px 3px 5px 0px;
	background-image: url(../images/werkfoto_shaddow.png);
	background-position: left bottom;
	padding: 0px 0px 7px 0px;
}

#werkfotos li img {
	display: block;
	border: 1px solid #909090;
}

#werkfotos li a {
	background: transparent;
	padding: 0px;
}

/* Highslide */
.highslide {
	cursor: url(../images/highslide/zoomin.cur), pointer;
    outline: none;
}
.highslide img {
	border: 2px solid gray;
}
.highslide:hover img {
	border: 2px solid silver;
}

.highslide-image {
    border-bottom: 1px solid white;
}
.highslide-image-blur {
}

.highslide-caption {
    display: none;
    border: 1px solid #1D2B2F !important;

	background-color: #000000;
}

.highslide-caption .name {
	padding: 10px 10px 5px 10px;
}

.highslide-caption .statistics {
    padding: 10px 10px 10px 10px;
}

.highslide-loading {
    display: block;
	color: white;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
    text-decoration: none;
	padding: 3px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
    background-color: black;
    /*
    padding-left: 22px;
    background-image: url(../images/highslide/loader.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
    */
}

a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}