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

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

	Modified by :   Lukas Novosad - LuNo

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

#site-content 
{
	color:#fff;	
	text-align:left;	
	background: inherit;
}

/* ### breadcrump ############################################################ */
#main-block p#breadcrumb
{
	position:relative;
	font-size: 1em;
	color: #3D3624;
	/*margin-bottom: 30px;*/
}

/* ### headlines ############################################################ */
#main-block h1 
{
	color:#3D3624;	
	background: inherit;	
	font-size:1.6em;	
	font-weight:bold;	
	line-height:1.8em;	
	text-transform: uppercase;	
	letter-spacing: 0.1em;
}

#main-block h2 
{
	color:#3D3624;	
	background: inherit;	
	font-size:1.4em;	
	font-weight:bold;	
	line-height:1.6em;
}

#main-block h3 
{
	color:#3D3624;	
	background: inherit;	
	font-size:1.2em;	
	font-weight:bold;	
	line-height:1.4em;
}

#main-block h4 
{
	color:#3D3624; /*#c4c4c4;*/
	background: inherit;	
	font-size:1.1em;	
	font-weight:bold;	
	line-height:1.2em;
}

#main-block h5 
{
	color:#c4c4c4;	
	background: inherit;	
	font-size:1.0em;	
	font-weight:bold;	
	line-height:1.0em;
}

#main-block h6 
{
	background: inherit;	
	color:#c4c4c4;	
	font-size:0.9em;	
	font-weight:bold;	
	line-height:1.0em;
}

/* ### Images ############################################################ */

#main-block img 
{
	display:block;	
	margin:4px 0;
}

#main-block img.floatLeft 
{
	float:left;	
	margin:4px 10px 4px 0;
}

#main-block img.floatRight 
{
	float:right;	
	margin:4px 0 4px 10px;
}

/* ### Hyperlinks ######################################################### */
#main-block a,
#main-block a:link 
{
	/* LuNo: changed the font color */
	color:blue;/*#3D3624;*/	
	background: inherit;	
	text-decoration:none;
}

#main-block a:hover 
{
	color:#3D3624;	
	background: inherit;	
	text-decoration: none;
}

#main-block a.faq, #main-block a.faq:link 
{
	color:#eee;	
	background: inherit;	
	font-size:1.4em;	
	text-decoration:none;	
	text-transform:none;	
	line-height: 2.0em;
}

#main-block a.faq:hover 
{
	color:#3D3624;	
	background: inherit;	
	text-decoration:underline;
}

/* ### Paragraphs ########################################################## */

#main-block p 
{
	margin-bottom:1.6em;	
	font-size:1.2em;	
	line-height:1.6em;
}

#nav p 
{
	margin-bottom:1.2em;
}

/* ### Tables ############################################################## */

#main-block table 
{
	font-size:1.2em;	
	line-height:1.6em;
}

#main-block td 
{
	padding:0 0 0 0;
}

/* ### Blockquotes ########################################################## */

#main-block blockquote 
{
	margin:0 0 0 20px;
}

/* ### Lists ################################################################ */

#main-block ul,
#main-block ol 
{
	margin-bottom:1.2em;	
	font-size:1.2em;	
	line-height:1.6em;
}

#main-block ol li 
{
	margin:0 0 0 30px;	
	list-style-type:decimal-leading-zero;
}

#main-block ul li 
{
	margin:0 0 0 20px;	
	list-style-type:square;
}

/* ### Module ################################################################ */

#main-content-block div.floatLeft img 
{
	float:left;	
	margin:4px 40px 4px 0;
}

#main-content-block div.floatRight img 
{
	float:right;	
	margin:4px 0 4px 40px;
}

#main-content-block a.more 
{
	clear:left;	
	position: relative;	
	left: 120px;
}

/* Lukas Novosad: This looks as if wrongly labeled...*/
/* ### Team ### */
#main-content-block div.txt-img 
{
	clear: both;	
	padding: 12px 0;
}

/* ### Team ### */
#main-content-block div.team 
{
	clear: both;	
	padding: 12px 0;	
	margin-bottom: 0px ;	
	background-color: #FFFFFF;
}

#main-content-block div.team div
{
	width:100px;
}

#main-content-block div.team p 
{
	font-size: 1.3em;	
	letter-spacing: 0.05em;	
	margin-top: 0px;
}

#main-content-block div.team div.floatLeft img 
{
	margin:4px 0px 4px 0;
}

/* ### Bildgalerie ### */
#main-content-block div.galerie 
{
	clear: both;
}

#main-content-block div.galerie div.image 
{
	float: left;	
	width: 270px;
}

#main-content-block div.galerie div.image img
{
	padding: 5px;	
	border:1px solid #aaa;
}

/* ### Formular ################################################################ */

label.text
{
	width: 80px;	
	height: 25px;	
	display:block;	
	float:left;	
	clear: left;	
	padding-top:5px;
}

label.textarea
{
	width: 80px;	
	height: 25px;	
	display:block;	
	clear: left;	
	padding-top:5px;
}

input.text 
{
	float:left;	
	width: 370px;	
	height:20px;	
	background-color: #eee;	
	color:#000;	
	border-left: 6px solid #F4D733;	
	border-bottom: 1px solid #FFF;	
	border-right: 6px solid #F4D733;	
	border-top: 1px solid #FFF;
}

textarea.textarea 
{
	width: 450px;	
	height:100px;	
	background-color: #eee;	
	color:#000;	
	border-left: 6px solid #F4D733;	
	border-bottom: 1px solid #FFF;	
	border-right: 6px solid #F4D733;	
	border-top: 1px solid #FFF;
}

.submit
{
	background-color: #F4D733;	
	color:#fff;	
	margin-top: 10px;	
	border: none;}
	
/* Beispiel für die Extension PDF */
#main-block a.pdf 
{
	padding: 2px;	
	padding-left: 20px;	
	text-decoration: none;  
	font-weight:bold;	
	color: #3D3624;
}

#main-block a.pdf:visited 
{
	padding: 2px;	
	padding-left: 20px;	
	text-decoration: none;	
	text-align: left;  
	font-weight:bold;	
	color: #3D3624;
}

#main-block a.pdf:before  
{
	content:url(/redaxo/files/pdf_icon.gif);	
	text-align: left;	
	text-decoration: none;  
	font-weight:bold;	
	color: #3D3624;	
	border:0px;
}


/* Added by Lukas Novosad */
/* ### wysiwyg ############################################################### */

/* Introduces margins for paragraphs in the wysiwygimgtext blocks. */
#main-content-block div.wysiwygimgtext p 
{
	/* Already defined for main-block; e.g. inherited
	margin-bottom:1.6em;	font-size:1.2em;	line-height:1.6em;
	*/
	margin-top: 0.2em;
}

/* Introduces margins for table data in the wysiwygimgtext blocks,
   which have an image set "left of the text", e.g. no text-flow around it. */
#main-content-block td.wysiwygimgtext 
{
	/* overrides rule defined for #main-block */
	padding:0 0 0 1.0em;
}

/* Modify tables from wysiwyg in main-content-block by disabling
   the previously defined values located in the #main-block rule.
   Do this only for tables, which are direct descendants, e.g. children,
   of the div.wysiwygimg element. */
#main-content-block div.wysiwygimg>table 
{
	/* div.wysiwygimg td.wysiwygimgtext*/	
	font-size: 100%;	
	line-height: 100%;
}

/* Added by Lukas Novosad */
/* ### FormGen ############################################################### */
/* 
BEISPIEL-CSS FÜR do form! 1.x  
Bitte nicht 1 zu 1 übernehmen  
Wenn ja, dann diesen Hinweis nicht löschen
Version 2: Thomas Skerbis | www.klxm.de  
11.12.2008 
Dass CSS berücksichtigt nicht alle möglichen 
Felder 
Weitere Infos zu den CSS hier:
http://wiki.redaxo.de/index.php?n=R4.Formular-Generator

Modifiziert durch Lukas Novosad (LuNo) - Februar/März 2009
----------------------------------------------------------
*/

/* Formular Definition */


/* Div welches das Formular umschließt */
.formgen {
	font-size: 1.2em;/*1em;*/
	padding-right: 0px;
	padding-left: 0px;
}


/* 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
{
	line-height : 120%;
}


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


.formgen .formblock
{
	margin-bottom: 8px;/*15px;*/
	margin-top: 6px;/*10px;*/
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 0px;/*3px;*/
	padding-bottom: 0px;/*3px;*/
	padding-right: 0px;/*2px;*/
	padding-left: 0px;/*5px;*/
	
}
 
/* 
Dies ist für die Formatierung der Fehlermeldung
*/
.forminfo 
{
	width: 515px;
	margin-bottom: 15px;
	background-color: #FFCC33;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 2px;
	padding-left: 5px;
	font-weight: bold;
	border: 5px dotted #FF0000;
}

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

/* Label - general */
.formgen label 
{
	width: 220px;
	clear: left;
	float: left;
	/*height: 20px;*/
	vertical-align: middle;
}

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


/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield
{
	width: 300px;
	height: 150px;
	margin-left: 10px;
	font-size: 120%;/*1em;*/
	border: 1px solid #000000;
}


/* Textfeld */
.formgen .formtext
{
	width: 300px;
	margin-left: 10px;
	/*padding-bottom: 4px;*/
	font-size: 1em;
	border: 1px solid #000000;
}

.formgen input:focus, .formgen input:hover,
.formgen select:focus, .formgen select:hover, 
.formgen textarea:focus, .formgen textarea:hover {
	border-bottom-color: #000000;
	background-color: #990000;
	color: #FFFFFF;
}

/* LuNo: This is for the IE7 in order to prevent colored borders around radio buttons */
.formgen .input[type="radio"]:focus, .formgen input[type="radio"]:hover
{
	border-bottom-color: #000000;
	background-color: #FFFFFF;
	color: #FFFFFF;
}

/* Checkbox */
/* LuNo: Only the border and the background color (around the checkbox)
         can be changed; the background inside the checkbox and the
         check mark itself cannot be changed.
*/
.formgen .formcheck
{
	background-color: #FFFFFF;
	border: 0px solid #FFFFFF;
	padding-left: 0px;
	margin-left: 10px;
	width: 15px;
}

.formgen .formcheck:hover
{
	background-color: #FFFFFF;
	border: 0px solid #FFFFFF;
}

/* Radiobutton */
.formgen .formradio
{
	font-size: 80%;
	margin-left:10px;
	margin-top:0px;
	margin-bottom:0px;
	padding-left:0px;
	/*vertical-align:middle;*/
}

/* LuNo: section for the EET-Anmeldeformular; does not seem to work, the DIV is being ignored. */
.formgen .eetanmeldung
{
	line-height: 100%;
	background-color: blue;
	margin-left: 50px;
	color: blue;
	font-size: 50%;
}

.formgen .eetanmeldung label
{
	width: 350px;
}

/* LuNo: Fieldset */
.formgen .fieldset
{
	/*line-height: 100%;*/
	margin-left: 0px;
	background-color: #FFFFFF;
	/*border: solid 1px #000000;*/
}

/* Fieldsetbeschriftung */
.formgen .fieldset legend
{
	margin-left: 0px;
	margin-bottom: 6px;
}

/* LuNo: Trennelement */
.formgen .formtrenn

{
	margin-top: 20px;
	background-color:blue;
}

/* LuNo: Info */
.formgen .formhinweis
{
	font-size: 120%;
	margin-bottom: 10px;
}

/* LuNo: Headline */
.formgen .formheadline
{
	font-size: 150%;
}

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

/* Sende-Button */
.formgen .formsubmit
{
	font-size: 140%;
	height: 30px;
	width: 532px;/*100%;*/
	/*margin-left: 25%;*/
	text-align: center;
	/*vertical-align: bottom;*/
	background-color: #FFFFFF;
	border: 2px solid #990000;
	float: left;
	color: #000000;
}

.formgen .formsubmit:hover
{
	font-size: 140%;
	height: 30px;
	width: 532px;/*100%*/
	/*margin-left: 25%;*/
	text-align: center;
	background-color: #990000;
	border: 2px solid #FFFFFF;
	float: left;
	color: #FFFFFF;
}


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


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

/* LuNo: without the #main-block id-selector, the margins don't work */
#main-block .formgen img.formcaptcha
{
	/*height: 30px;*/
	/*width: 150px;*/
	margin-left: 230px;
	border: 1px solid #000000;
	vertical-align: bottom;
}

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