/*******************************************************************************	Project		:	Redaxo Demo	Copyright	:	Design - hundertmorgen - www.hundertmorgen.de*******************************************************************************//* ### Content #################################################################### */#sm {position : absolute; width : 600px; height : 100px; left: -120px; top: -150px;visibility: hidden; }hr      { border-top: 1px solid #fefefe; border-right: none; border-bottom: none; border-left: none; width: 100%; height: 0px }.box_ganz { background-color: #222428; padding: 4px; border: solid 1px #fefefe }.box_produkte_aussen        { background-color: #222428; padding: 4px 8px; border-top: 1px solid #fefefe; border-right: 1px solid #fefefe; border-left: 1px solid #fefefe }.box_produkte_mitte      { background-color: #222428; padding: 4px 8px; border-top: 1px solid #fefefe }.box_produkte_mitte_unten  { background-color: #222428; padding: 4px 8px; border-top: 1px solid #fefefe; border-bottom: 1px solid #fefefe }.box_produkte_mitte_oben { background-color: #222428; padding: 4px 8px; border-bottom: 1px solid #fefefe }.box_produkte_mitte_ohne { background-color: #222428; padding: 4px 8px }.box_produkte_unten   { background-color: #222428; padding: 4px 8px; border: solid 1px #fefefe }.box_produkte_zeile       { background-color: #222428; padding: 4px 8px; border-top: 1px solid #fefefe; border-left: 1px solid #fefefe }.box_produkte_zeile_unten      { background-color: #222428; padding: 4px 8px; border-top: 1px solid #fefefe; border-bottom: 1px solid #fefefe; border-left: 1px solid #fefefe }.box_produkte_zeile_oben { background-color: #222428; padding: 4px 8px; border-bottom: 1px solid #fefefe; border-left: 1px solid #fefefe }.box_produkte_zeile_ohne { background-color: #222428; padding: 4px 8px; border-left: 1px solid #fefefe }.box_produkte_zeile_rechts  { background-color: #222428; padding: 4px 8px; border-top: 1px solid #fefefe; border-right: 1px solid #fefefe }.box_produkte_zeile_rechts_unten  { background-color: #222428; padding: 4px 8px; border-top: 1px solid #fefefe; border-right: 1px solid #fefefe; border-bottom: 1px solid #fefefe }.box_referenzen_links    { background-color: #6e6e73; padding: 4px 8px; border-left: 1px solid #fefefe }.box_referenzen_links_unten   { background-color: #6e6e73; padding: 4px 8px; border-bottom: 1px solid #fefefe; border-left: 1px solid #fefefe }.box_referenzen_rechts   { background-color: #6e6e73; padding: 4px 8px; border-right: 1px solid #fefefe }.box_referenzen_rechts_unten  { background-color: #6e6e73; padding: 4px 8px; border-right: 1px solid #fefefe; border-bottom: 1px solid #fefefe }.box_galerie     { background-color: #222428; padding: 4px 8px; border-top: 1px solid #fefefe; border-right: 1px solid #fefefe; border-left: 1px solid #fefefe }.box_produkte_link_1     { background-color: #6e6e73; padding: 4px 8px; border-right: 1px solid #fefefe; border-left: 1px solid #fefefe }.box_produkte_link_2   { background-color: #6e6e73; padding: 4px 8px }.box_produkte_link_unten_1   { background-color: #6e6e73; padding: 4px 8px; border-right: 1px solid #fefefe; border-bottom: 1px solid #fefefe; border-left: 1px solid #fefefe }.box_produkte_link_unten_2   { background-color: #6e6e73; padding: 4px 8px; border-bottom: 1px solid #fefefe }.box_produkte_link_rechts     { background-color: #6e6e73; padding: 4px 8px; border-top: 1px solid #fefefe; border-right: 1px solid #fefefe }.box_produkte_link_rechts_unten    { background-color: #6e6e73; padding: 4px 8px; border-top: 1px solid #fefefe; border-right: 1px solid #fefefe; border-bottom: 1px solid #fefefe }.box_produkte_link_rechts_oben { background-color: #6e6e73; padding: 4px 8px; border-right: 1px solid #fefefe; border-bottom: 1px solid #fefefe }.box_produkte_link_rechts_ohne { background-color: #6e6e73; padding: 4px 8px; border-right: 1px solid #fefefe }.box_download_links  { background-color: #222428; padding: 4px 8px; border-top: 1px solid #fefefe; border-bottom: 1px solid #fefefe; border-left: 1px solid #fefefe }.box_download_rechts  { background-color: #6e6e73; padding: 4px 8px; border-top: 1px solid #fefefe; border-right: 1px solid #fefefe; border-bottom: 1px solid #fefefe }.box_text   { padding-left: 8px }/* ### headlines ############################################################ */#main-block h1        { color: #fefefe; font-weight: normal; font-size: 1.8em; line-height: 2em; text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 8px }#main-block h2       { color: #fefefe; font-weight: normal; font-size: 1.4em; line-height: 1.6em; text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 8px }#main-block div.h2link a { font-weight: normal; text-decoration: none }#main-block h3    { color: #fefefe; font-weight: bold; font-size: 1.2em; line-height: 1.3em }#main-block h4   { color: #a0a0a5; font-weight: bold; font-size: 1.2em; line-height: 1.3em }#main-block h5   { color: #a0a0a5; font-weight: bold; font-size: 1.1em; line-height: 1.2em }#main-block h6   { color: #a0a0a5; font-weight: bold; font-size: 1em; line-height: 1.1em }/* ### 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: #fefefe; font-weight: bold; text-decoration: none }#main-block a:hover  { color: #a0a0a5; text-decoration: none }#main-block a.faq, #main-block a.faq:link  { color: #fefefe; font-size: 1.2em; line-height: 1.4em; text-decoration: none; text-transform: none }#main-block a.faq:hover  { color: #a0a0a5; text-decoration: underline }/* ### Paragraphs ########################################################## */#main-block p     { margin-bottom: 4px }#nav p  { margin-bottom: 1.2em }/* ### Tables ############################################################## */#main-block table       { }#main-block td       { }/* ### Blockquotes ########################################################## */#main-block blockquote {	margin:0 0 0 20px;}/* ### Lists ################################################################ */#main-block ul, #main-block ol    { 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;}/* REDAXO-Modul: do form!Beschreibung: CSS-DEMOBereich: CSS FŸr: do form! 2.x  und 3.xStand: 20.04.2009 Version: 1.0--------------------------------------------------------------------------HINWEISE:--------------------------------------------------------------------------!! Das CSS berŸcksichtigt nicht alle mšglichen Felder !! Farben nicht 1 zu 1 Ÿbernehmen!! ist ja nicht wirklich hŸbschWeitere Infos zu den CSS hier:http://wiki.redaxo.de/index.php?n=R4.DoForm-------------------------------------------------------*//* Formular Definition *//*//////////////////////////////////////////////////////////////////////////////*/* Div das das Formular umschlie§t */.formgen   { margin-top: 10px }/* 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: 10px; padding-top: 4px; padding-bottom: 4px } .forminfo    { color: #c00; font-weight: bold; background-color: #fefefe; margin-top: 10px; margin-bottom: 10px; padding: 4px; border: dashed 4px #c00; width: 788px }/*Verhalten von br-Tags*/.formgen br{clear : both;}/* --------- FORMULAR-OBJEKTE ------------ *//* Mehrzeiliges Eingabefeld */.formgen .formtextfield       { color: white; font-size: 1em; font-family:  "Lucida Grande", verdana, arial, helvetica, sans-serif; background-color: #222227; margin-bottom: 4px; margin-left: 4px; padding: 2px 8px; border: solid 1px #fefefe; width: 320px; height: 200px }/* Textfeld */.formgen .formtext       { color: #fefefe; font-size: 1em; font-family:  "Lucida Grande", verdana, arial, helvetica, sans-serif; background-color: #222227; margin-bottom: 4px; margin-left: 4px; padding: 2px 8px; border: solid 1px #fefefe; width: 320px; height: 18px }.formgen input:focus, .formgen input:hover,.formgen select:focus, .formgen select:hover, .formgen textarea:focus, .formgen textarea:hover  { background-color: #a0a0a5; border: solid 1px #fefefe }/* Label */.formgen label     { color: #fefefe; font-weight: bold; float: left; clear: left; padding-top: 5px; width: 182px; height: 20px }.formhinweis     { margin-top: 10px; margin-bottom: 10px; padding-top: 2px; padding-bottom: 2px }/* Aussehen der Select-Ausgabe */.formgen .formselect   { color: #fefefe; background-color: #a0a0a5; margin-left: 4px; border: solid 1px #fefefe; width: 320px }/* Sende-Button */.formgen .formsubmit        { color: #fefefe; font-weight: bold; background-color: #6e6e73; text-align: center; text-transform: uppercase; margin-left: 186px; padding-top: 2px; padding-bottom: 2px; border: solid 1px #fefefe; width: 338px; height: 24px }/* Fieldsetbeschriftung */.formgen legend  { color: #fefefe; background-color: #6e6e73 }.formgen .fieldset {	margin-bottom: 10px;}/* -------------- AUSGABEN / Fehlermeldungen --------*//* Markierung der Labels bei Fehler */.formgen .formerror   { color: #c00; border-bottom: 1px none }.formgen .formcaptcha       { vertical-align: top; float: left; padding-right: 22px }.formgen .formreq    { font-size: 1.2em }.formgen .formheadline     { color: #fefefe; font-weight: normal; font-size: 1.6em; line-height: 1.8em; text-transform: uppercase; letter-spacing: 0.1em }/*//////////////////////////////////////////////////////////////////////////////*/* Ende der Formulardefinition *//* Beispiel-CSS fŸr magazin_Layout */	.magazine-layout {		position: relative;		width: 100%;	}	.magazine-container  { background-color: #222428; padding: 4px; border: solid 1px #fefefe }	/* ### magazin_Layout mit verlinkten Einzelbildern ######################### */	.magazine-image a, .magazine-image a:link, .magazine-image a:visited {		color: #000;		display: table;		display: inline-block;		filter: alpha(opacity=80);		line-height: 0.0em;		opacity: 0.80;		-moz-opacity: 0.80;	}	.magazine-image a:focus, .magazine-image a:hover, .magazine-image a:active {		color: #000;		filter: alpha(opacity=100);		opacity: 1.00;		-moz-opacity: 1.00;	}	/* komplett verlinktes magazin_Layout */	a.magazine-link, a:link.magazine-link, a:visited.magazine-link {		cursor: pointer;		display: table;		display: inline-block;		filter: alpha(opacity=80);		line-height: 0.0em;		opacity: 0.80;		-moz-opacity: 0.80;	}	a:focus.magazine-link, a:hover.magazine-link, a:active.magazine-link {		cursor: pointer;		filter: alpha(opacity=100);		opacity: 1.00;		-moz-opacity: 1.00;	}