/*********************************************************************************

	Project		:	Redaxo Demo
	Copyright	:	Design - hundertmorgen - www.hundertmorgen.de

**********************************************************************************/




/* ### HTML ###################################################################### */
html {
	margin: 0px;
	padding: 0px;
}

/* ### BODY ###################################################################### */
body {
	color: #57595a;
	font-family:arial, verdana, helvetica, sans-serif;
	font-size: 16px;
	background-image:url(hintergrund.gif);
	background-repeat:repeat-x;
	margin: 0px;
	padding: 0px;
	width:980px;

	
	}

p {margin:0px; padding:0px;} 

img {border:none;}

/* ### Navi ############################################################ */
#nav {margin:0px; padding:0px; width:263px;}

#menu_clear {clear:both; height:0px; width:282px; margin:0px; padding:0px; font-size:0px; line-height:0px;}
#menu_unten {clear:both; height:10px; width:282px; margin:0px; padding:0px; font-size:10px; line-height:10px;}

#navigation ul {list-style:none; padding:0px; margin:0px;}
#navigation ul li {padding:0px; height:24px; display:block; width:263px; overflow:hidden;}
#btn_newsletter {
	width:282px;
	margin:0px;
	padding:0px;
	height:35px;
	display:block;
	margin-bottom:0px;
}


/* ### Website Content ############################################################ */

#navigation {padding:0px; margin:0px; width:282px; float:left; display:block; }
#cont1 {padding:0px; margin:0px; width:680px; float:left; font-size:0.750em; display:block;}
#cont2 {padding:0px; margin:0px; width:680px; background-repeat:no-repeat; background-position:top left; background-image:url(weiss_trans.png); display:block;}
#imp {padding:0px; margin:0px; width:676px; background-repeat:no-repeat; background-position:top left; background-image:url(balken_unten.png); height:44px; display:block;}
#imp_text{padding-top:6px; width:630px; padding-right:30px; text-align:right;}
#headbanner {display:block; width:660px; height:48px;}
#headline {display:block; width:500px; height:48px; float:left;}
#head_zurueck{padding-top:5px; width:130px; padding-right:30px; float:left; text-align:right;}

#headtermine {display:block; width:400px; height:48px; float:left;}
#head_karten{padding-top:5px; width:230px; padding-right:30px; float:left; text-align:right;}

#headvideos {display:block; width:115px; height:48px; float:left;}
#head_reihenfolge{padding-top:7px; padding-left:0px; float:left;}

#headpressestimmen {display:block; width:325px; height:48px; float:left;}
#head_reihenfolge{padding-top:7px; padding-left:0px; float:left;}

/* ### Banner ##################################################################### */
#banner {margin-top:0px; margin-left:0px; width:660px; height:200px; float:left; display:inline;}
#banner_schatten {margin-top:0px; margin-left:0px; width:31px; height:200px; float:left; display:inline}
#balken {clear:both; height:20px; display:block;}
/* ### Logo ####################################################################### */
#logo {margin-top:125px; height:75px; width:282px; float:left; display:block;}


/* ### MENU ##################################################################### */
#menu_rahmen {width:282px; background-image:url(menu_hg.gif); background-position: 0px 0px; background-repeat:repeat-y;}
#menu_rahmen_sub_pressecenter {width:282px; background-image:url(menu_hg_submenu_pressecenter.gif); background-position: 0px 0px; background-repeat:repeat-y;}

#web20 {width:263px; text-align:right; margin-top:0px;}

/* ### Content #################################################################### */
#inhalt {width:600px; margin:0px; padding-top:0px; padding-left:30px; padding-right:30px; min-height:490px;}

/* for understanding browsers */
.container {
width:20em;
padding:0.5em;
border:1px solid #000;
min-height:490px; 
height:auto;
}
/* for Internet Explorer */
/*\*/
* html #inhalt {
height: 490px;
}
/**/



.bild {width:140px; margin:0px; padding:0px; float:left;}
.text {width:440px; margin-left:20px; padding:0px; margin-right:0px; float:left;}
#text_clear {clear:both; height:35px; width:600px; margin:0px; padding:0px; font-size:35px; line-height:35px;}
h1 {font-weight:bold; font-size:1em; margin:0px; padding:0px; color:#8cbbc9;}
.blau {color:#8cbbc9;}
.blau_fett {color:#8cbbc9; font-weight:bold;}
.abstand {font-size:5px; height:5px; line-height:5px;}
.kontakt_links {width:300px; float:left;}
.videos_rechts {width:225px; float:left; padding-left:75px;}

#cont1 a:link{
	text-decoration:none;
	color:#8cbbc9;
	font-weight:bold;
}

#cont1 a:visited{
	text-decoration:none;
	color:#8cbbc9;
	font-weight:bold;
}
#cont1 a:hover{
	text-decoration:none;
	color:#57595a;
	font-weight:bold;
}
#cont1 a:active{
	text-decoration:none;
	color:#8cbbc9;
	font-weight:bold;
}	

#head_zurueck a:link{
	text-decoration:none;
	color:#8cbbc9;
	font-weight:bold;
}

#head_zurueck a:visited{
	text-decoration:none;
	color:#8cbbc9;
	font-weight:bold;
}
#head_zurueck a:hover{
	text-decoration:none;
	color:#57595a;
	font-weight:bold;
}
#head_zurueck a:active{
	text-decoration:none;
	color:#8cbbc9;
	font-weight:bold;
}	


/* ### News ################################################### */
.linie {height:2px; font-size:2px; display:block; line-height:2px; background-color:#ebe4dd; margin-bottom:8px; margin-top:0px; padding:0px;}

.news_clear {clear:both; height:8px; width:600px; margin:0px; padding:0px; font-size:8px; line-height:8px; display:block;}

/* ### Termine Tabelle ################################################### */
td.linke_td {background-color:#eae5e0; width:98px; padding:0px; margin:0px; height:18px; padding-left:12px; vertical-align:top; padding-top:2px;}
td.mitte_td {background-color:#eae5e0; width:265px; padding:0px; margin:0px; height:18px; padding-left:12px; vertical-align:top; padding-top:2px;}
td.rechte_td {background-color:#eae5e0; width:193px; padding:0px; margin:0px; height:18px; padding-left:12px; vertical-align:top; padding-top:2px;}
td.spacer {background-color:#ffffff; width:4px; padding:0px; margin:0px; height:20px;}
td.liner {padding:0px; margin:0px; height:4px;}

/* ### LOGOS #################################################################### */
.fotoreihe_logo {width:600px; height:110px; display:block; margin-bottom:25px; padding:0px;}
.foto_logo {width:100px; height:110px; float:left; margin-right:25px;}
.foto_text_logo {width:475px; height:110px; float:left;}

/* ### Plakate #################################################################### */
.fotoreihe_plakat {width:600px; height:210px; display:block; margin-bottom:25px; padding:0px;}
.foto_plakat {width:100px; height:200px; float:left; margin-right:25px;}
.foto_text_plakat {width:475px; height:210px; float:left;}


/* ### Fotogalerie #################################################################### */
.fotoreihe {width:600px; height:67px; display:block; margin-bottom:25px; padding:0px;}
.foto {width:100px; height:67px; float:left; margin-right:25px;}
.foto_last {width:100px; height:67px; float:left;}
.foto_text {width:475px; height:67px; float:left;}
#fotoabstand {height:30px; line-height:30px; font-size:30px;}


/* ### Downloads Presse #################################################################### */

#pressetexte {
	display:inherit;
	height:48px;
	width:92px;
	background-image:url(pressetexte_c.gif);
	background-position: 0px 0px;
	background-repeat:no-repeat;
	float:left;
	
	
}
#pressetexte a:link{
	display:inherit;
	height:48px;
	width:92px;
	background-image:url(pressetexte_g.gif);
	background-position: 0px 0px;
	background-repeat:no-repeat;
	float:left;
	
}

#pressetexte a:visited{
	display:inherit;
	height:48px;
	width:92px;
	background-image:url(pressetexte_g.gif);
	background-position: 0px 0px;
	background-repeat:no-repeat;
	float:left;
}
#pressetexte a:hover{
	display:inherit;
	height:48px;
	width:92px;
	background-image:url(pressetexte_c.gif);
	background-position: 0px 0px;
	background-repeat:no-repeat;
	float:left;
}
#pressetexte a:active{
	display:inherit;
	height:48px;
	width:92px;
	background-image:url(pressetexte_g.gif);
	background-position: 0px 0px;
	background-repeat:no-repeat;
	float:left;
}	

#pressefotos {
	display:inherit;
	height:48px;
	width:105px;
	background-image:url(pressefotos_c.gif);
	background-position: 0px 0px;
	background-repeat:no-repeat;
	float:left;
	
	
}
#pressefotos a:link{
	display:inherit;
	height:48px;
	width:105px;
	background-image:url(pressefotos_g.gif);
	background-position: 0px 0px;
	background-repeat:no-repeat;
	float:left;
	
}

#pressefotos a:visited{
	display:inherit;
	height:48px;
	width:105px;
	background-image:url(pressefotos_g.gif);
	background-position: 0px 0px;
	background-repeat:no-repeat;
	float:left;
}
#pressefotos a:hover{
	display:inherit;
	height:48px;
	width:105px;
	background-image:url(pressefotos_c.gif);
	background-position: 0px 0px;
	background-repeat:no-repeat;
	float:left;
}
#pressefotos a:active{
	display:inherit;
	height:48px;
	width:105px;
	background-image:url(pressefotos_g.gif);
	background-position: 0px 0px;
	background-repeat:no-repeat;
	float:left;
}

#presselogo {
	display:inherit;
	height:48px;
	width:129px;
	background-image:url(presse_logo_c.gif);
	background-position: 0px 0px;
	background-repeat:no-repeat;
	float:left;
	
	
}
#presselogo a:link{
	display:inherit;
	height:48px;
	width:129px;
	background-image:url(presse_logo_g.gif);
	background-position: 0px 0px;
	background-repeat:no-repeat;
	float:left;
	
}

#presselogo a:visited{
	display:inherit;
	height:48px;
	width:129px;
	background-image:url(presse_logo_g.gif);
	background-position: 0px 0px;
	background-repeat:no-repeat;
	float:left;
}
#presselogo a:hover{
	display:inherit;
	height:48px;
	width:129px;
	background-image:url(presse_logo_c.gif);
	background-position: 0px 0px;
	background-repeat:no-repeat;
	float:left;
}
#presselogo a:active{
	display:inherit;
	height:48px;
	width:129px;
	background-image:url(presse_logo_g.gif);
	background-position: 0px 0px;
	background-repeat:no-repeat;
	float:left;
}		
/*/////////////////////////////////////////////////////////////////////////////
CSS - Definition - DEMO 1.01
Formular Generator für Redaxo 4.x 
Ab: Version 4.5 Community Editon
Stand: 22.01.2008 

Erstellt von: Thomas Skerbis , www.klxm.de
Dieses CSS dient als Beispiel
Bitte nicht 1:1 übernehmen, ist ja auch nicht wirklich hübsch ;-) 

Funktioniert nicht mit Formular-Generator < v.4.43
 
/*



/* Formular Definition */



/* Div das das Formular umschließt */
.formgen {
	font-size: 1em;
}


label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit]
{
cursor : pointer;
}



.formgen form
{
line-height : 120%;
width: 370px;
}


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


.formgen .formblock
{
	margin-bottom: 0px;
	background-color: #FFFFFF;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 0px;
	padding-left: 0px;
}

.formgen .formblocksend
{
	margin-bottom: 0px;
	margin-left:120px;
	background-color: #FFFFFF;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 0px;
	padding-left: 0px;
}
/*
Verhalten von br-Tags
*/
.formgen br
{
clear : both;
}


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


/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield
{
	width: 200px;
	height: 150px;
	margin-left: 0px;
	background-color: #eae5e0;
	border:1px solid #585a5a;
}


/* Textfeld */
.formgen .formtext
{
	height: 15px;
    width: 200px;
	background-color: #eae5e0;
	border:1px solid #585a5a;
	margin-left: 0px;
}
/* Trennelement , Abstand */
.formgen .formtrenn
{
	display: block;
	height: 30px;	
}
/* Hinweistext */
.formgen .formhinweis
{
	font-weight: bold;
	color: #003366;
	font-size: 1.2em;
}
/* Überschrift */
.formgen .formheadline
{
	font-weight: bold;
	color: #003366;
}


/* Passwortfeld */
.formgen .formpassword
{
	width: 200px;
	background-color: #CCCCCC;
	margin-left: 0px;
}
/*Captcha-Bild*/
.formgen .formcaptcha {
	border: 1px solid #990000;
}

/* Label */
.formgen label {
font-family: Arial, Helvetica, sans-serif;
width: 120px;
clear: left;
float: left;
height: 20px;
padding: 0px;
}


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


/* Sende-Button */
.formgen .formsubmit
{
	width: 200px;
	background-color: #eae5e0;
	border:1px solid #585a5a;
	color: #57595a;
}
/* anmelde-Button */
.formanmelden
{
	width: 80px;
	background-color: #eae5e0;
	border:1px solid #585a5a;
	color: #57595a;
}

/* Definition des Fieldsets, das das ganze Formular umschließt */
.formgen fieldset {
width: 345px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
border:0px solid #ffffff;
}


/* Fieldsetbeschriftung */
.formgen legend {
font-weight: normal;
color: #8cbbc9;
margin-bottom:10px;
padding-left:0px;
margin-left:0px;
text-indent:0px;
display:none;
}

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

/* Fehlermeldung nach Versand */

.formgen .forminfo {
	color: #FFFFFF;
	background-color: #990000;
	border: 1px dashed #000000;
	margin: 0px;
	padding: 5px;
	
}


/* Markierung der Labels bei Fehler */
.formgen .formerror {
	color: #FFFFFF;
	background-color: #8cbbc9;
}

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