/* @override http://www.dutchglam.com/new/files/rsrc/css/layout.css */
/*
width 940
left 200
main 740

*/

body {
	background-color: #000;
	padding:20px;
	text-align: center;
}

#content {
	text-align: left;
	margin: 30px auto;
	display: block;
	width: 940px;
}

#navigation {
	clear: both;
	background: transparent;
}

#page {
	width: 940px;
	height: 640px;
	clear: both;
	float: left;
	background: #FFF;
}

	#left {
		width: 200px;
		height: 640px;
		float: left;
		clear: both;
	}

	#main {
		padding: 0 0 0 200px;
		width: 740px;
		height: 640px;
	}

#footer {
	float: right;
}



/* overrides */
h1 {
	display: block;
	width: 80px;
	height: 11px;
	text-indent:-9999px;
}


/* logo */
#left img {
	padding: 230px 0 0 10px	;
	left: 20px;
}


.galery-teaser {
/*	padding-left: 200px;*/
	width: 740px;
	height: 640px;
}

/* hidden text just for seo */
a.galery-button img {
	width: 246px;
	float: right;
}



div.about-picture {
	width: 442px;
	height: 640px;
	float: left;
}

div.about-picture img {
	width: 442px;
	height: 640px;	
}




/* TEXT SCROLLABLE */
div.about-text {
	width: 246px;
	height: 600px;
	padding: 40px 30px 0 0px;/*476*/
	overflow: auto;
	float: right;
	/*padding: 8px;*/

}


div.about-text p {
	font-size: 11px;
}



/* for preloading images */
#pix {
	display: none;
}








/* Div das das Formular umschlieÌÙt */
.formgen {
		padding: 30px 0 0 0;
		width: 360px;
		height: 580px;
}


/* Was passiert wenn auf das Label geklickt wird? */
label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit]
{
cursor : pointer;

}



.formgen form
{

}


/* 
Wie sehen die einzelnen Bl̦cke aus? 
Jedes Feld wird von einem DIV umschlossen, das hier definiert werden kann
*/


.formgen .formblock
{
	margin-bottom: 15px;
	margin-top: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 2px;
	padding-left: 5px;	
	
}
 .forminfo 
{
	width: 360px;
	margin-bottom: 15px;
	background-color: #E0E8EB;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 2px;
	padding-left: 5px;
	border-top-width: 1px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	font-weight: bold;
}

/*
Verhalten von br-Tags
*/
.formgen br
{
/* clear : both; */
}


/* 
--------- FORMULAR-OBJEKTE ------------ 
*/


/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield
{
	width: 280px;
	height: 200px;
	margin: 12px;
	margin: 12px;
	border: 1px solid #666;
}


/* Textfeld */
.formgen .formtext
{
	width: 280px;
	margin: 12px;
	margin: 12px;
	padding-bottom: 4px;
	font-size: 1em;
}

.formgen input:focus, .formgen input:hover,
.formgen select:focus, .formgen select:hover, 
.formgen textarea:focus, .formgen textarea:hover {
	
	border-bottom-color: #000;
	
}



/* Label */
.formgen label {
	width: 120px;
	/*clear: left;*/
	float: left;
	height: 20px;
	
	
}

/* Aussehen der Select-Ausgabe */
.formgen .formselect
{
	width: 280px;
	background-color: #CCCCCC;
	margin-left: 4px;
}

/* Sende-Button */
.formgen .formsubmit
{
	width: 280px;
	text-align: center;
	margin: 12px;
	margin: 12px;
	float: left;
}

/* Fieldsetbeschriftung */
legend {
	color: #333;
}

/* -------------- AUSGABEN / Fehlermeldungen --------*/


/* Markierung der Labels bei Fehler */
.formgen .formerror {
	
	border-bottom-width: 1px;
	color: #990000;
}

.formgen .formcaptcha
{
	border: 2px solid #990000;
	vertical-align: top;
	float: left;
	margin-right: 10px;
}

/*//////////////////////////////////////////////////////////////////////////////*
/* Ende der Formulardefinition */