/*layout styles*/

/* START: header styles */

div.generic-nav-wrapper
{
	width: 596px
}

div#header-top ul.generic-nav {
	float:right;
	padding: 4px 0 2px 0;
}

div#header-top ul.generic-nav li {
font-size:10px;
text-align:right;
background:none;
display: block;
float:left;
padding-left: 10px;
}

div#header-top ul.generic-nav li a {
color: #fff;
padding: 0 0 0 10px;
}

div#header-top ul.generic-nav li.home a {
background:url(../pics/startseite.gif) no-repeat left 0px;
}

div#header-top ul.generic-nav li.contact a {
background:url(../pics/kontakt.gif) no-repeat left 0px;
padding: 0 0 0 12px;
}

div#header-top ul.generic-nav li.imprint a {
background:url(../pics/impressum.gif) no-repeat left 0px;
}

div#header-main div.logo-and-main-wrapper
{
	background: #fff;
	height: 70px;
	width: 703px;	
}

div#header-main div.logo
{
	padding: 11px 0 0 52px;
	float: left;
}

/* END: header styles */

/* START:  main-nav-area styles */
div.main-nav
{
	float: left;
	padding: 16px 0 0 161px;
}

div.main-nav ul li
{
font-size: 0.8em;
background:#fff;
display: inline;
padding-right: 20px;
}

div.main-nav ul li a {
color:#4E4F4A;
}

div.main-nav ul li.active a {
text-decoration: underline;
}

/*END:  main-nav-area styles  */


/* START: subnav styles */

div#block-subnav ul
{
	margin: 77px 0 0 15px;
}

div#block-subnav h3
{
	display: none;
}

div#block-subnav ul li
{
	font-size: 12px;
	line-height: 20px;
	padding: 0 0 2px 15px;
}

div#block-subnav ul li.active
{
	font-size: 12px;
	padding: 0 0 2px;
	border-left: 1px solid #fff;
}

div#block-subnav ul li.active a
{
	padding: 0 0 0 3px;
}

div#block-subnav ul li a
{
	color: #fff;
}


/*END: subnav styles  */


/* START:  spacer styles */

div.content-preview-spacer
{
	height:30px;
	background: #D4D4D4;
	border-left: 106px solid #9B9C96;
}

div.spacer
{
	background: #52534B;
	height: 30px;
	width: 597px;
}

div.preview-bottom-spacer
{
	height:125px;
	background: #333;
	border-left: 106px solid #9B9C96;
}

/*END:  spacer styles  */

/* START:  preview styles */

div.preview-description
{
	width: 178px;
	float:left;	
	height: 130px;
}

div.preview-description h2
{
	font-size: 23px;
	color: #ccc;
	font-family:Times New Roman,serif;
	font-weight: normal;
	margin: 55px 0 0 17px;
	letter-spacing: 0px;
}

div#preview-pictures
{
	float:left;
	width: 525px;
	padding: 8px 0 9px 0;
	position: relative;
}

div#preview-pictures img#loading-gif
{
	display: none;
	position: absolute;
	top: 30px;
	left: 247px;
}

div#preview-pictures div.controls
{
float:left;
}

div#preview-pictures ul
{
	border: solid #fff;
	border-width: 1px 0;
}

div#preview-pictures ul li
{
	float:left;
	padding: 0 15px 16px 0;
}

div#preview-pictures ul li a
{
	display:block;
	height: 90px;
	width: 90px;
	overflow:hidden;
	outline:none;
}

a#nextPicturesBtn,
a#nextSiteBtn
{
	float:left;
	margin-right: 14px;
}

a#nextSiteBtn
{
	margin-right: 0px;
}

img.elemsChange
{
	cursor: pointer;
}
a#lastPicturesBtn,
a#lastSiteBtn
{
	float:left;
}

a#lastSiteBtn
{
	float:left;
}

p.control-spacer
{
	width:21px;
	display: block;
	float:left;
}

p.pagination,
p.pagination-site
{
color: #333;
font-size: 10px;
padding-top:2px;
text-align: center;
float:left;
width: 468px;
}

p.pagination-site
{
width: 423px;
}

/*END:  preview styles  */

/*START:  content styles  */

div#block-picture p
{
	font-size: 14px;
	line-height: 18px;
}

div#block-picture h1
{
margin-bottom: 5px;
}

div#block-picture h2
{
	margin-top: 10px;
	font-size: 13px;	
}

div#block-picture a#main-picture
{
	display: block;
	height: 302px;
}

div#block-picture a.picture
{
	cursor: pointer;
}

div#block-picture a.pictureLast
{
	cursor: default;
}

/*END:  content styles  */

/*START:  text styles  */

div#site-text
{
	float:left;
	padding: 20px 30px 10px;
	width:465px;
}

div#site-text div.controls
{
padding-top: 10px;
float:left;
}

div#site-text div.site
{
	float:none;
	text-align: right;
	font-size: 14px;
	line-height: 18px;
	height: 90px;
	overflow:hidden;
}

div#site-text div.site ol
{
margin: 0 0 0 1em;	
}

div#site-text div.site ul li
{
background: url(../pics/listpoint.gif) no-repeat right center;
padding-right: 10px;
}

div#site-text div.site a
{
	text-decoration: underline;	
}

/*END:  content styles  */

/*START:  resonanz styles  */

#pinnwand{
	padding: 5px;
}

#pinnwand p
{
font-size: 0.8em;
color:#444;
}

#pinnwand input,
#pinnwand textarea
{
font-size: 1em;	
}

#pinnwand input.pinnwand_submit
{
padding: 0 2px;
width: auto;
background:#fff;
border:1px solid #333;
}
}

#pinnwand input,
#pinnwand textarea
{
padding: 2px;
}

#pinnwand label
{
display: block;
}

.pinnwandeintrag, .pinnwandneuereintrag{
}

#pinnwand input,
#pinnwand textarea
{
	border: 1px solid #333;
	width: 200px;
}



#new-feedback
{
font-size: 0.8em;
padding: 20px 0;
text-decoration: underline;
}

#pinnwand p.form
{
padding-bottom: 10px;	
}

div.pinnwanddata
{
color:#444;
width:180px;
float:left;
padding: 0 20px 0 0;
}

p.pinnwandname
{
color:#444;
width:200px;
padding: 0 0 5px 0;
}

p.pinnwandhomepage
{
color:#444;
overflow: hidden;
}

p.pinnwandhomepage a
{
font-size: 11px;
color:#444;
text-decoration:underline;
}

p.pinnwandtext
{
color:#444;
width:446px;
float:left;
}

span.pinnwanddate
{
display:block;
padding-bottom: 5px;
}

.pinnwandneuereintrag{
	padding-bottom: 30px;
}

.pinnwand_human{
	background-color: #FFFFFF;
	width: 70%;
	margin-left: 15%;
	padding: 5px;
	border: 1px solid #000000;
}
.pinnwand_human_error{
	color: #f00;
}

.pinnwanderror{
	display: block;
	color: #f00;
	padding: 5px;
}

/*END:  resonanz styles  */

/* START: form styles */
div#form-module p,
#form-module table td {
font-size: 12px;
margin-bottom: 10px;
}

div#form-module input,
div#form-module textarea,
div#form-module select {
border:1px solid #999;
background:#eee;
}

div#form-module select {
}

div#form-module table.fieldset {
width: 400px;
}

div#form-module fieldset {
font-size: 12px;
border:1px solid #999;
padding:0 15px 15px 15px;
}

div#form-module p.form-introduction {
padding:15px 0 0 0;
}

div#form-module legend {
font-size:1.1em;
color:#333;
padding: 0 3px;
}

div#form-module label
{
display:block;
}

div#form-module textarea {
font-size:1em;
width:260px;
height:115px;
}

div#form-module input.send {
display:block;
margin:20px 0 0;
}

/*END: form styles */

/*START: special styles */

#site-98f13 #block-picture
{
	height: auto;
	width: 410px;
	padding: 20px;
}

#site-1f0e3 #block-picture,
#contact #block-picture
{
	height: auto;
	width: 410px;
	padding: 20px;
}

#site-8e296 #block-picture
{
	height: auto;
	width: 410px;
	padding: 20px;
}

#site-8e296 #block-picture p
{
	padding-top: 10px;	
}

/*END: special styles */

/*START: footer styles */

div.preview-bottom-spacer
{
	position:relative;
}

div.preview-bottom-spacer div.wrapper
{
	width:597px;
	text-align:right;
	padding: 5px 0;
	position:absolute;
	bottom:0;
}

div.preview-bottom-spacer div.wrapper a
{
	color:#fff;
	font-size:10px;
}

div.preview-bottom-spacer div.wrapper a:hover
{
	text-decoration: underline;
}

div.preview-bottom-spacer div.left
{
	width:190px;
	float:left;
	text-align:left;
	padding-left:10px;
}

div.preview-bottom-spacer div.right
{
	width:397px;
	float:left;
}


/*END: footer styles */
