/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/*SVN Add-ins
$Rev: 4350 $ 
$Author: sgr $
$Date: 2011-01-06 17:44:09 +0100 (Do, 06. Jan 2011) $
Copyright (c) A&B FACE2NET GmbH
*/
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/*
    forms.css (
    Projekt MIN10001
    27.04.2010 APA
    22.07.2010 CFL
*/
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */

.clearBoth{
	clear: both;
}

br.clearBoth{
	line-height: 1px;	
}

.class-form {
  background-color: #FFFFFF;
}
.class-form .formElement p {
  margin: 0 0 15px 0;
}
.attribute-form .button-block,
.content-tipafriend .button-block {
  text-align: right;
  padding: 0;
  margin: 15px 0 15px 0;
  width: 100%;
}

.attribute-form fieldset {
  margin:0 0 15px 0;
}
.attribute-form legend {
  font-size: 0.82em;
  font-weight: bold;
}
.attribute-form fieldset input {
  float: left;
}

/*Fehlermeldungen*/
.content-search .warning,
.class-form .warning {
  border-bottom: 1px dotted #EA6419;
  margin: 0 15px 0 15px;
  padding: 10px 0;
}
.content-search .warning h2,
.class-form .warning h2 {
  display: none;
}

.content-search .warning ul,
.class-form .warning ul,
.class-form .warning ul li {
  list-style: none;
  margin: 0;
}

.content-search .warning ul {
  margin-bottom: 10px;
}

/* overrides pagelayout.css */
#main div.content-search .warning ul li,
#main div.class-form .warning ul li {
  color: #C90000;
  font-weight: bold;
  margin: 0;
}

.content-search .formElement .error,
.class-form .error .formText {
  border: 1px solid #C90000;
}
.class-form .error label {
  color: #C90000;
}
.content-view-full .attribute-form .error .formText {
  border: 1px solid #C90000;
}

.class-form .formErrors,
.class-form .message-warning {
  border-bottom: 1px dotted #EA6419;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

/* overrides content.css */
#main .class-form .formErrors ol,
#main .class-form .message-warning ul {
  list-style-type: none;
  margin: 0;
}

/* overrides content.css */
#main .class-form .formErrors ol li a:link,
#main .class-form .formErrors ol li a:visited,
#main .class-form .message-warning ul li {
  background-color: transparent;
  color: #C90000;
  font-weight: bold;
}
.message-warning {
  margin: 10px 15px;
}
#main .class-form .message-warning {
  margin: 0 0 10px 0;
  padding: 0 0 10px 0;
}
.message-warning p {
  font-size: 0.8em;
  color: #C90000;
}
#main .class-form .message-warning li span {
  color: #C90000;
}
#main .class-form .message-warning h2 {
  font-size: 0.82em;
  font-weight: normal;
}

/*Suchformular*/
.content-search .search-form {
  margin: 10px 15px 0px 15px;
  padding: 12px 5px 17px 5px;
  border-top: 1px dotted #EA6419;
}
.content-search p {
  margin: 0 15px 0 15px;
}
.content-search ul {
  margin: 0 20px 0 15px;
  padding-top: 15px;
}
.content-search ul.search-result {
  border-top: 1px dotted #EA6419;
}
.content-search .search-form form {
  background-color: #5E5955;
  height: 34px;
  padding: 3px 0 0 7px;
}
.content-search .search-form label {
  color: #FFFFFF;
  font-weight: bold;
  font-size: 0.88em;
}
.content-search .search-form form #Search {
  display: inline;
  width: 400px;
  height: 1.38em;
  border: 1px solid #000000;
  font-size: 0.75em;
  padding: 0 2px 1px;
}
.content-search .search-form .searchbutton {
  display: inline;
  position: relative;
  top: 5px;
  left: 1px;
  border: solid 1px #5E5955;
}
.content-search .search-form .searchbutton:hover {
  border-color: #EA6419;
}

/*kontaktformular*/
.attribute-form {
  border-top: 1px dotted #EA6419;
  border-bottom: 1px dotted #EA6419;
  margin:0 15px 10px;
  padding:10px 0 0;
}
.attribute-form form {
  /*width:100%;*/
  padding: 15px 0 0 0;
}
.attribute-form .formElement br {
  display: none;
}
.attribute-form form a {
  display: inline;
}
.attribute-form form label, 
.attribute-form form legend,
.content-tipafriend label {
  font-size: 0.82em; font-weight: bold;
}
.attribute-form label,
.content-tipafriend label {
  cursor: pointer;
  display: block;
  margin-top: 7px;
}

.attribute-form label span {
  font-size: 1em;
}

.attribute-form input.formText, 
.attribute-form textarea,
.attribute-form #nachricht,
.attribute-form #EmailInput,
.content-tipafriend input.box,
.content-tipafriend textarea.box,
.attribute-form .pj_main_block textarea {
  border: 1px solid #5E5955;
}

.attribute-form input.formText, 
.attribute-form textarea,
.attribute-form #nachricht,
.content-tipafriend input.box,
.content-tipafriend textarea.box {
  width: 99.5%;
}

/*radios,checkboxes*/
.attribute-form .formRadio,
.attribute-form .formCheck {
  clear: left;
  margin-top: 10px;
  margin-left: -1px;
}
.attribute-form .formCheck {
  margin-left: 0;
}
.attribute-form .formRadio {
  margin-right: 7px;
}

/*karte*/
.content-view-full #map-search fieldset {
  width: 440px;
}
.content-view-full #map-search fieldset div {
  float: left;
  width: 210px;
  margin: 0 10px 0 0;
}
.content-view-full #map-search fieldset label {
  font-weight: bold;
  font-size: 0.75em;
}
.content-view-full #map-search fieldset select {
  width: 210px;
  border: 1px solid #5E5955;
  font-size: 0.69em;
  margin: 3px 0 5px;
}
.content-view-full #map-search .button-block {
  float: right;
  width: 100px;
  margin-top: -27px;
}
/*.content-view-full .map-filter form#map-search .button-block #map-filter-submit{cursor:pointer;border:0; color:#FFF;background-color:#EA6419;font-size:.95em;font-weight:bold;}
*/
.content-view-full form .formSubmit,
.content-view-full form .button-block input,
.content-tipafriend .button-block input
{
  cursor: pointer;
  width: auto;
  overflow: visible;
  border: solid 1px #EA6419;
  background-color: #EA6419;
  color: #FFFFFF;
  font-size: 0.95em;
  font-weight: bold;
}

#main .content-view-full div.attribute-form div.button-block a
{
    cursor: pointer;
    width: auto;
    overflow: visible;
    border: solid 1px #EA6419;
    background-color: #EA6419;
    color: #FFFFFF;
    font-size: 0.9em;
    font-weight: bold;
    padding: 2px 4px 1px 4px;
    margin-top: -1px;
}

.content-view-full form .formSubmit:hover,
.content-view-full form .button-block input:hover,
.content-tipafriend .button-block input:hover
{
  background-color: #FFFFFF;
  border-color: #000000;
  color: #000000;
}

#main .content-view-full div.attribute-form div.button-block a:hover
{
    background-color: #FFFFFF;
    border-color: #000000;
    color: #000000;
    text-decoration: none;
}

/*newsletter*/
.attribute-form .newsletter-system-design label {
  font-size: 0.82em;
  font-weight: bold;
}

.attribute-form div.message-feedback {
    border: 1px dotted #00AA00;
    padding: 5px;
    margin-bottom: 20px;
}

#main .attribute-form div.message-feedback h3 {
    color:#00AA00;
    font-size: 0.95em;
}
/*.attribute-form div.nl-outputformat{text-align:left;}
.attribute-form div.nl-outputformat input{float:left;}*/

/*materialBestellung*/
.materialbestellung .formElement input {
  border: 1px solid #000000;
  width: 100%;
  margin-bottom: 10px;
}
.materialbestellung .formElement select {
  margin-bottom: 10px;
}
.materialbestellung label {
  margin: 0;
}
.materialbestellung fieldset {
  margin: 0 0 15px 0;
}
.materialbestellung #block_4{
  margin: 0;
}
.materialbestellung .material,
.materialbestellung .dots,
.materialbestellung legend {
  margin-bottom: 15px;
}
.materialbestellung #var_db_vorwahl,
.materialbestellung #var_db_avorwahl,
.materialbestellung #var_avorfax {
  width: 15%;
  display: inline;
}
.materialbestellung #var_db_telefon,
.materialbestellung #var_db_atelefax,
.materialbestellung #var_db_atelefon {
  width: 84%;
  display: inline;
  float: right;
  margin-right: -2px;
}
.materialbestellung #var_vorfax {
  width: 15%;
  display: inline;
}
.materialbestellung #var_db_telefax {
  width: 84%;
  display: inline;
  float: right;
  margin-right: -2px;
}
.materialbestellung .material .image_left {
  float: left;
  width: 120px;
}
.materialbestellung .material .image_left img {
  display: inline;
}
.materialbestellung .material .count {
  margin: 15px 0 15px 0;
  width: 210px;
}
.materialbestellung .material .count input {
  float: right; border: 1px solid #000000;
}
.materialbestellung .material .count span {
  font-weight: bold;
}
.materialbestellung .dots {
  clear: both;
  border-bottom: 1px dotted #EA6419;
  padding-top: 15px;
}
.materialbestellung .material span {
  font-weight: normal;
  display: block;
}

/*gis map*/
.content-view-full .map-filter {
  margin: 0 15px 0 15px;
}
/*.content-view-full div.map-filter form */

/* + + + umfrage-formular + + + */
.content-view-full .survey-view {
  color: #000000;
  margin: 0;
}
.content-view-full .survey-view .block .element {
  display: inline;
}
.content-view-full .survey-view .block label {
  font-size: 0.9em;
  font-weight: bold;
}
.content-view-full .survey-view .block h3 {
  margin: 0;
}
.content-view-full .survey-view .block div label {
  font-weight: normal;
  margin-right: 10px;
  line-height: 1.2em;
  white-space: normal;
  display: inline;
}
.content-view-full .survey-view .block div label input {
  margin-right: 5px;
}
.content-view-full .survey-view .block {
  padding: 5px 0;
  border-bottom: 1px dotted #EA6419;
}
.content-view-full .survey-view .block .block {
  border: 0;
}
.content-view-full .survey-view .button-block {
  min-height: 20px;
  text-align: right;
  margin: 10px 0;
}

/* 
.content-view-full .survey-view  .block .element input {margin:0 5px 0 0;}
.content-view-full .survey-view .block {padding-top:5px;}
.content-view-full .survey-view .block h3{margin:0;}
.content-view-full .survey-view .block .block {border:0;margin-bottom:0;padding:5px 0;}
.content-view-full .survey-view .block  {}
.content-view-full .survey-view .block div.break {}
.content-view-full .survey-view div.button-block {display:inline;height:20px;}
.content-view-full .survey-view div.button-block input{margin:10px 0;margin-left:440px;}
*/

/*Artikel versenden*/
.content-tipafriend {
  background-color: #FFFFFF;
  margin: 0;
  padding: 0;
}
.content-tipafriend .attribute-header,
.content-tipafriend .block {
  margin: 0 15px;
}
.content-tipafriend .button-block {
  width: 545px;
  padding: 0 0 15px 0;
  margin:10px 15px;
}


#main div.content-view-full div.formblock fieldset.newsletter-format div.nl-
{
    float: left;
    border: 1px solid #FF0000;
}
/*projekte anmelden*/
.attribute-form #zielgruppe input,
.attribute-form #fachrichtung input,
.attribute-form #fach input {
  margin: 8px 5px 0 0;
}
.attribute-form #pj_main_block input.formText,
.attribute-form #pj_main_block textarea {
  border: 1px solid #000000;
}
.attribute-form #art_des_projekts {
  margin-top: 10px;
}

/* Newsletteranmeldung */
.attribute-form legend {
  margin-bottom: 5px;
}
.attribute-form .nl-outputformat {
  margin: 5px 0 0 15px;
}
.attribute-form legend,
.attribute-form .formElement label,
.attribute-form .newsletter {
  font-size: 0.82em;
  font-weight: bold;
}
.attribute-form .newsletter legend {
  font-size: 1.1em;
}
.attribute-form input.input,
.attribute-form input.formText {
  margin-top: 5px;
}


/* + + + + + formhandler + + + + + */
.attribute-form div.clearBoth, 
.attribute-form form div.button-block{ clear: both; }
.attribute-form fieldset.formblock fieldset{ border: none 0; }



.attribute-form fieldset.formblock br{ clear: both; display: block; }
/*.attribute-form fieldset.formblock legend{ display: none; }*/
.attribute-form fieldset.formblock fieldset legend{ display: block; }
.attribute-form fieldset.formblock input, .attribute-form fieldset.formblock textarea{ margin-bottom: 7px;margin-top: 5px; }
.attribute-form fieldset.formblock input.formRadio{ margin: 3px 3px 3px 0; }

.attribute-form fieldset.formblock label{ width: 505px; margin-top: 0; }
.attribute-form fieldset.formblock.border-black label, 
.attribute-form fieldset.formblock.border-grey label, 
.attribute-form fieldset.formblock.border-dotted-black label, 
.attribute-form fieldset.formblock.border-dotted label{ width: 483px;}
.attribute-form fieldset.formblock.leftbox label, 
.attribute-form fieldset.formblock.rightbox label{ width: 205px; }

.attribute-form fieldset.formblock.border-black{ border: solid 1px #000; padding: 7px 10px; }
.attribute-form fieldset.formblock.border-grey, .attribute-form div.formblock.border-grey { border: solid 1px #BBB; padding: 7px 10px; }
.attribute-form fieldset.formblock.border-dotted-black{ border: dotted 1px #000; padding: 7px 10px; }
.attribute-form fieldset.formblock.border-dotted{ border: dotted 1px #BBB; padding: 7px 10px; }

.attribute-form fieldset.formblock.space{ margin: 5px 0 15px; }
.attribute-form fieldset.formblock.space-bottom{ margin: 0 0 20px; }

.attribute-form fieldset.formblock.leftbox.border-black, 
.attribute-form fieldset.formblock.leftbox.border-grey, 
.attribute-form fieldset.formblock.leftbox.border-dotted-black, 
.attribute-form fieldset.formblock.leftbox.border-dotted, 
.attribute-form fieldset.formblock.leftbox.space, 
.attribute-form fieldset.formblock.leftbox.space-bottom, 
.attribute-form fieldset.formblock.rightbox.border-black, 
.attribute-form fieldset.formblock.rightbox.border-grey, 
.attribute-form fieldset.formblock.rightbox.border-dotted-black, 
.attribute-form fieldset.formblock.rightbox.border-dotted, 
.attribute-form fieldset.formblock.rightbox.space, 
.attribute-form fieldset.formblock.rightbox.space-bottom{ width: 245px; margin-left: 0; margin-right: 0; }

.attribute-form fieldset.formblock.leftbox{ float: left; width: 267px; margin-right: 5px; }
.attribute-form fieldset.formblock.rightbox{ float: right; width: 267px; margin-left: 5px; }

/*new styles*/
.attribute-form fieldset legend{background-color:#FFFFFF; padding: 0 5px; margin: 0 -5px; font-size: 1.1em;}
.attribute-form fieldset fieldset legend{margin: 0 0 5px 0; padding: 0; font-size: 83%;font-weight:normal; }
.attribute-form fieldset fieldset{margin-bottom: 7px;}
.attribute-form div.formblock input, .attribute-form div.formblock textarea {margin: 5px 0;}
#termin_von, #termin_bis{width: auto;}
.attribute-form .formElement label{font-weight: normal;}

a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(../images/calendar.png) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 140px;
	float: left;
}
div.imageOption{
	width: 94px;
	min-height: 140px;
	float:left;
	margin: 0 40px;
}
.formdiv.imageOption br{
	clear:none !important;
}
.formElement div.imageOption label{
	width: auto !important;
}
.formElement div.imageOption img{
	display: block;
	margin: 10px 0;
}
div.formElement br.marginBottom{
	margin-bottom: 15px;
}
div.formElement p.description{
	margin: 0;
}

#main div.content-view-full .formElement p{
	font-size: 0.83em;
}
.formElement p.margin_top{
	margin: 15px  0 0 0;
}
span.baz{display: none;}
span.foo{display: inline-block;	padding: 0 1px;}

/* multiple select... eZ way... */
fieldset.multioption input{margin: 8px 5px 0 0 !important;}