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

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

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


#site-content    { color: #000; text-align: left }

hr     { margin-bottom: 8px; border-top: 1px solid #b6d6b0; border-right: 0px; border-bottom: 0px; border-left: 0px; width: 100%; height: 0px }
sub   { font-size: 0.7em; line-height: 0.7em }
sup   { font-size: 0.7em; line-height: 0.7em }
small  { font-size: 0.8em; line-height: 0.9em }
/* ### Boxen ################################################################## */

#sponsoren     { margin-bottom: 8px; border: solid 1px #b6d6b0 }
.sponsoren_td    { padding: 4px }
.sponsoren_text { color: #00457d; font-size: 1.6em; padding-top: 13px; padding-right: 4px; padding-left: 4px }
#box { width: 216px }
#box-block   { padding: 12px; display: block }
#box a   { color: #00457d; font-weight: bold; text-decoration: none }
#box a:hover   { color: #1b6c45; text-decoration: underline }
.box_header    { color: #fff; font-weight: bold; font-size: 1.1em; background-color: #00457d; padding: 1px 6px; width: 180px; height: 14px }
.box_text     { color: #000; font-size: 1.1em; line-height: 1.2em; background-color: #fff; margin-bottom: 12px; padding: 6px; width: 180px }
#autorenbox  { background-color: #b6d6b0; margin-bottom: 20px }
.autorenbox_header     { color: #fff; font-weight: bold; font-size: 1.1em; background-color: #00457d; padding: 1px 6px; height: 14px }
.autorenbox_content       { font-size: 1.1em; line-height: 1.3em; text-align: justify; padding: 6px }
#teaserbox   { width: 100% }
.teaserbox { width: 100% }
#teaserbox_1    { font-size: 1.1em; line-height: 1.2em; float: left; margin-right: 12px; padding: 0px; width: 274px }
.teaserbox_1 { font-size: 1.1em; line-height: 1.2em; float: left; margin-right: 12px; padding: 0px; width: 274px }
#teaserbox_2   { font-size: 1.1em; line-height: 1.2em; float: right; padding: 0px; width: 274px }
.teaserbox_2 { font-size: 1.1em; line-height: 1.2em; float: right; padding: 0px; width: 274px }
#teaser_icon { padding-top: 1px }
.teaser  { font-size: 1.1em; line-height: 1.2em }
/* ### Headlines ############################################################ */

#main-block h1  { color: #1b6c45; font-weight: normal; font-size: 1.6em; line-height: 1.6em; text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 8px }

#main-block h2  { color: #00457d; font-weight: bold; font-size: 1.6em; line-height: 1.6em; margin-bottom: 8px }
#main-block h3   { color: #00457d; font-weight: bold; font-size: 1.4em; line-height: 1.4em; margin-bottom: 6px }
#main-block div#h3link a { text-decoration: none }
#main-block div.h3link a { text-decoration: none }
#main-block h4   { color: #000; font-weight: normal; font-size: 1.4em; line-height: 1.4em }

#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   { color: #00457d; text-decoration: underline }

#main-block a:hover   { color: #1b6c45; text-decoration: underline }

#main-block a.faq, 
#main-block a.faq:link   { color: #00457d; text-decoration: underline; text-transform: none }

#main-block a.faq:hover   { color: #1b6c45; text-decoration: underline }


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

#main-block p             { font-size: 1.1em; line-height: 1.3em; margin-bottom: 12px }
/* ### Tables ############################################################## */

#main-block table     { }

#main-block td     { font-size: 1.1em; line-height: 1.2em; padding: 0 }


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

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


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

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

#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;
}
*/

/* ### Team ### */

#main-content-block div.txt-img {
	clear: both;
	padding: 12px 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;
}


/**
 * Modul WYSIWYGImage, Wysiwyg-Text mit Bild/Bildergalerie
 */
div.wysiwygimg {}
/* ----- Hack only for IE 7 ----- */
*+html div.wysiwygimg {overflow:hidden;}

.wysiwygimg .wysiwygimgclear {clear:both; display:block; font-size:1px; line-height:0px; margin:0; padding:0; position:relative;}

/* Text */
.wysiwygimg .wysiwygimgtext {}

/* Bild und Link 
.wysiwygimg img.wysiwygimg {border: 0 none; margin: 0 }
.wysiwygimg img.wysiwygimg   { border-style: solid; border-width: 1px 1px 8px 1px; border-color: #1b6c45; padding: 0 }
.wysiwygimg a.wysiwygimg img    { border: 0 none; padding: 0; vertical-align: top; margin: 0 }
.wysiwygimg a.wysiwygimg, .wysiwygimg a.wysiwygimg:link   { border-style: solid; border-width: 1px 1px 8px 1px; border-color: #b6d6b0; display: table; display: inline-block; line-height: 0.0em }
.wysiwygimg a.wysiwygimg:visited { }
.wysiwygimg a.wysiwygimg:hover   { border-style: solid; border-width: 1px 1px 8px 1px; border-color: #1b6c45 }
.wysiwygimg a.wysiwygimg:focus   { border-style: solid; border-width: 1px 1px 8px 1px; border-color: #1b6c45 }
.wysiwygimg a.wysiwygimg:active  { border-style: solid; border-width: 1px 1px 8px 1px; border-color: #1b6c45 }
*/
.wysiwygimg img.wysiwygimg {border: 0 none; margin: 0 }
.wysiwygimg img.wysiwygimg    { padding: 4px; border-style: solid; border-width: 1px 1px 8px 1px; border-color: #b6d6b0 }
.wysiwygimg a.wysiwygimg img    { border: 0 none; padding: 0; vertical-align: top; margin: 0 }
.wysiwygimg a.wysiwygimg, .wysiwygimg a.wysiwygimg:link   { border-style: solid; border-width: 1px 1px 8px 1px; border-color: #b6d6b0; display: table; display: inline-block; line-height: 0.0em; padding: 0 4px }
.wysiwygimg a.wysiwygimg:visited { }
.wysiwygimg a.wysiwygimg:hover   { border-style: solid; border-width: 1px 1px 8px 1px; border-color: #1b6c45 }
.wysiwygimg a.wysiwygimg:focus   { border-style: solid; border-width: 1px 1px 8px 1px; border-color: #1b6c45 }
.wysiwygimg a.wysiwygimg:active  { border-style: solid; border-width: 1px 1px 8px 1px; border-color: #1b6c45 }

/* Bildunterschrift */
.wysiwygimg .wysiwygimgtitle      { font-weight: bold; font-size: 0.8em; margin: 2px 0 8px }

/* Wrapper-Classe um Bild und Bildunterschrift*/
.wysiwygimg .wysiwygimgwrap {}

/* Bild links im Text (Textumfluss) */
.wysiwygimg .wysiwygimgleft {float:left; margin:0 1.0em 0 0;}

/* Bild rechts im Text (Textumfluss) */
.wysiwygimg .wysiwygimgright {float: right; margin:0 0 0 1.0em;}

/* Bild oben links */
.wysiwygimg .wysiwygimgtopleft {float:left; margin-bottom:0.5em;}

/* Bild oben rechts */
.wysiwygimg .wysiwygimgtopright {float:right; margin-bottom:0.5em;}

/* Bild oben mittig */
.wysiwygimg .wysiwygimgtopcenter {margin-bottom:0.5em; text-align:center;}
.wysiwygimg .wysiwygimgtopcenter a.wysiwygimg {margin:0 auto;}

/* Bild unten links */
.wysiwygimg .wysiwygimgbottomleft {float:left; margin-top:0.5em;}

/* Bild unten rechts */
.wysiwygimg .wysiwygimgbottomright {float:right; margin-top:0.5em;}

/* Bild unten mittig */
.wysiwygimg .wysiwygimgbottomcenter {margin-top:0.5em; text-align:center;}
.wysiwygimg .wysiwygimgbottomcenter a.wysiwygimg {margin:0 auto;}
.wysiwygimg .wysiwygimgbottomcenter img.wysiwygimg {margin:0 auto;}

/* FŸr Bilder links/rechts vom Text  */
.wysiwygimg table {border-spacing: 0px; font-size:1.0em;}
.wysiwygimg td {vertical-align:top; font-size:1.0em;}

/* Bild links vom Text */
.wysiwygimg td.wysiwygimgleftcol {padding-right:1.0em;}

/* Bild rechts vom Text */
.wysiwygimg td.wysiwygimgrightcol {padding-left:1.0em;}


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

/* Div das das Formular umschlie§t */
.formgen     { margin-top: 8px; margin-bottom: 8px; padding: 8px 8px 10px; border: solid 1px #b6d6b0 }


/* 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: 1.3em }


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


.formgen .formblock
   { margin-top: 8px; margin-bottom: 8px; padding-right: 4px; padding-left: 4px }
 .forminfo 
    { font-weight: bold; font-size: 1.1em; background-color: #bfd0de; margin-bottom: 8px; padding-right: 4px; padding-left: 4px; border: solid 1px #00457d }

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


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


/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield
    { font-size: 1.1em; font-family: "Lucida Grande", verdana, arial, helvetica, sans-serif; background-color: #b6d6b0; padding: 2px; border: solid 1px #1b6c45; width: 336px; height: 200px }


/* Textfeld */
.formgen .formtext
    { font-size: 1.1em; font-family: "Lucida Grande", verdana, arial, helvetica, sans-serif; background-color: #b6d6b0; padding: 2px; border: solid 1px #1b6c45; width: 336px; height: 12px }

.formgen input:focus, .formgen input:hover,
.formgen select:focus, .formgen select:hover, 
.formgen textarea:focus, .formgen textarea:hover { color: #fff; background-color: #1b6c45; border: solid 1px #1b6c45 }



/* Label */
.formgen label      { font-weight: bold; font-size: 1.1em; float: left; clear: left; margin-bottom: 16px; padding: 2px 4px; width: 180px; height: 20px }
.formgen input  { }
.formhinweis  { font-size: 1.1em; margin-bottom: 6px; padding: 2px 4px }
.formcheck  { margin-top: 2px; margin-bottom: 8px }
/* Aussehen der Select-Ausgabe */
.formgen .formselect
   { color: #ffffff; background-color: #1b6c45; margin-left: 4px; border: solid 1px #1b6c45; width: 200px }


/* Sende-Button */
.formgen .formsubmit
    { color: #ffffff; background-color: #00457d; text-align: center; float: right; margin-right: 16px; border: solid 1px #00457d; width: 343px; height: 20px }



/* Fieldsetbeschriftung */
.formgen legend  { background-color: #b6d6b0; width: 150px }
.formgen .fieldset  { margin-bottom: 8px }

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


/* Markierung der Labels bei Fehler */
.formgen .formerror   { color: #8b0000 }

.formgen .formcaptcha
     { font-weight: bold; font-size: 1.1em; vertical-align: top; float: left; padding-right: 34px; padding-left: 4px }

.formgen .formreq   { color: #8b0000 }

.formgen .formheadline    { color: #00457d; font-weight: bold; font-size: 1.4em; margin-top: 4px; margin-bottom: 8px; padding: 4px }

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