/*******************************************************************************
	Project		:	Motron Steuersysteme GmbH
	Copyright	:	Design - Jens Käding - www.jenskaeding.de
*******************************************************************************/

/* ### Logo ################################################################# */
#logo {
	position:absolute;
	z-index: 2; 
	top:33px;
	left:91px;
	background-image: url(motron-logo.gif); 
	background-position: 0 0;
	background-repeat: no-repeat;
}

#logo a {
	display:block;
	height:80px;
	width:115px;
/*	text-indent:-700em;*/
}

/* ### Header ############################################################### */

#header {
 /* 	background:#fff url(bg_header.gif) 210px 0 no-repeat; */
	color: #c4c4c4;
}

#nav-header {
	position:absolute;
	left:135px;
	bottom:30px;
}

/* ### Teaser ############################################################### */

#main-teaser {
height: 1px;

/*	background:url(main_teaser.jpg) no-repeat; */

}

/* ### Main-block Background ################################################# */

#main-block {
	top:80px;
	left:230px;
	padding-bottom: 40px;
}

/* ### Teaser Style*/

/* ### Style für Categorie Überschrift
*/
.dl.teasercat { color: #666; font-size: 14px; font-family: arial; font-weight: bold; background-color: #ccc; text-indent: 12px; padding: 3px; }
dl.teasercat a { color: #900; font-weight: bold; text-decoration: none; }

/* ### Style für Artikel Übersicht*/

dl.teaserart { 
	height: 10%;
	margin: 15px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
/*	border-top: 1px solid #ccc;*/
/*	border-bottom: 1px solid #ccc; */
  }
  
dl.teaserart a { padding-top: 5px; color: #000; }
dl.teaserart:after { 
/*content: ".";*/
display: block;
height: 0;
clear: both;
visibility: hidden;
}
dl.teaserart dt { font-family: arial; font-size: 14px; color: #000; font-weight: bold; }

/* ### Style des Pics*/
/*dl.teaserart dt img { */
/*float: left;*/
/*margin: 0px 0px 0px 0px;*/
/*padding: 0px 0px 5px 0px;*/
/*}*/

/* ### Sytle des Description Feldes*/
dl.teaserart dd { 
margin-left: 0px;
font-size: 12px;
line-height: 15px;
color: #000; 

}

a[href $='.pdf'] { 
   padding-top: 5px;
   padding-right: 18px;
   background: url(icon_pdf.gif) no-repeat right center;
}

a[href $='.zip'] { 
   padding-top: 5px;
   padding-right: 18px;
   background: url(icon_zip.gif) no-repeat right center;
}


/*/////////////////////////////////////////////////////////////////////////////
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: 400px;
}


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


.formgen .formblock
{
	margin-bottom: 15px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 2px;
	padding-left: 5px;
}


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


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


/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield
{
	width: 210px;
	margin-left: 4px;
}


/* Textfeld */
.formgen .formtext
{
    width: 200px;
	margin-left: 4px;
}
/* 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;
	margin-left: 4px;
}
/*Captcha-Bild*/
.formgen .formcaptcha {
}

/* 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;
	margin-left: 4px;
}


/* Sende-Button */
.formgen .formsubmit
{
	width: 90%;
	
}


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


/* Fieldsetbeschriftung */
.formgen legend {
font-weight: bold;
color: #333333;
}

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

/* Fehlermeldung nach Versand */

.formgen .forminfo {
	color: #FFFFFF;
	margin: 5px;
	padding: 5px;
}


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

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


		
.dsR146 /*agl rulekind: base;*/ { text-align: left; width: 250px;  vertical-align: top; }
.dsR148 /*agl rulekind: base;*/ { text-align: left;  vertical-align: top; }
.dsR202 /*agl rulekind: base;*/ { background-color: #c09000; text-align: left; width: 250px;  vertical-align: top; }
.dsR204 /*agl rulekind: base;*/ { background-color: #c09000; text-align: left;  vertical-align: top; }
.dsR203 /*agl rulekind: base;*/ { background-color: #c09000; text-align: left; width: 100px;  vertical-align: top; }
.dsR147 /*agl rulekind: base;*/ { text-align: left; width: 100px;  vertical-align: top; }
.dsR214 /*agl rulekind: base;*/ { background-color: #fde9b2; text-align: left; width: 250px;  vertical-align: top; }
.dsR215 /*agl rulekind: base;*/ { background-color: #fde9b2; text-align: left; width: 100px;  vertical-align: top; }
.dsR216 /*agl rulekind: base;*/ { background-color: #fde9b2; text-align: left; vertical-align: top; }
.dsR217 /*agl rulekind: base;*/ { width: auto; height: auto; }