/* Suggested order:
 * display
 * list-style
 * position
 * float
 * clear
 * width
 * height
 * margin
 * padding
 * border
 * background
 * color
 * font
 * text-decoration
 * text-align
 * vertical-align
 * white-space
 * other text
 * content
 *
 */
 
.content,
.content * {

}

.content h1 {
	color: #00628c;
	font-size: 1.455em;
	margin: 0 0 0.909em 0;
}

.content h2 {
	color: #00628c;
	font-size: 1.455em;
	margin: 0 0 0.909em 0;
}

.content h3 {
	color: #00628c;
	font-size: 1.636em;
	margin: 0 0 0.909em 0;
}

.content h3.imageTitle {
	color: #00628c;
	font-size: 1.636em;
	line-height: 1.636em;
	margin-top: -1.190em;
	position: absolute;
}

.content h4 {
	color: #00628c;
	font-size: 1.455em;
	margin: 0 0 0.909em 0;
}

.content h5 {
	color: #00628c;
	font-size: 1.273em;
	margin: 0 0 0.909em 0;
}

.content h6 {
	color: #00628c;
	font-size: 1em;
	margin: 0 0 0.909em 0;
}

.content p,
.content table {

}

.content p.text-blau-fett {
  color: #00628c;
  font-size: 1.273em;
  font-weight: bold;
}

/* Fixed Margin Bug for IE/FF with Intext-Images*/
.content .csc-firstHeader,
.content .csc-textpicHeader h3,
.content .csc-textpicHeader h4,
.content .csc-textpicHeader h5,
.content .csc-textpicHeader h6 {
	margin-top: 0;
}

.content hr {
	height: 0.091em;
	margin: 1.455em 0 0.273em !important;
	margin: 0;
	border: 0;
	border-top: 0.091em solid #ccc;
}

.content .csc-textpic-caption {
	font-style: italic;
}

/* Align Klassen */
.content .align-left {
	text-align: left;
}
.content .align-right {
	text-align: right;
}
.content .align-center {
	text-align: center;
}
.content .align-justify {
	text-align: justify;
}


/* -----------------------------------------------
	Link Style
----------------------------------------------- */
.content a {
	text-decoration: none;
}

a:hover, a:focus, a:active {
	text-decoration: underline;
}

.extLinkFilesize {
	color: #000000;
	font-weight:normal;
	padding-left: 0.545em;
	font-size: 0.818em;
	text-transform: uppercase;
}

.content a.mail {
	padding-right: 1.364em;
	background: url(../images/links/mail.gif) no-repeat right 0.091em;
}

/* -----------------------------------------------
	List Style
----------------------------------------------- */
.content ul {
	margin: 0.455em 0 0.455em 0.182em;
}
	
.content ul li {
	height: auto !important;
	height: 0.091em;
	padding-left: 2.273em;
	background: url(../images/bulletlist_standard.gif) no-repeat 1.327em 0.445em;
}

.content .text ul li {
	padding-bottom: 0.273em;
}

.content ol {
	margin-top: 0.455em;
	margin-bottom: 0.455em;
}

/* -----------------------------------------------
	Table Style
----------------------------------------------- */
.content .contenttable {
	width: 100%;
	margin-left: 0.091em !important;
	margin-left: 0;
}

.content .contenttable p {
	margin: 0;
	padding: 0;
}

.content .contenttable th,
.content .contenttable td {
	padding: 0.182em 0.364em;
	border: 0.091em solid #fff;
}

.content .contenttable thead * , 
.content .contenttable thead td ,
.content .contenttable th {
	color: #ffffff;
	background: #00628c;
	font-weight: bold;
}

.content .contenttable td {
	background: #edf2f7;
}

.content .text dl {
	border-bottom: 0.091em solid #c7c7c7;
}
.content .text dt {
	float: left;
	width: 13.636em;
	padding: 0.182em 0;
	border-top: 0.091em solid #c7c7c7;
}
.content .text dd {
	margin-left: 13.636em;
	padding: 0.182em 0;
	border-top: 0.091em solid #c7c7c7;
}

.content .f11-blau {
	color: #00628c;
}

.content .f14-blau {
	color: #00628c;
	font-size: 1.273em;
}

.content .f11-rot {
	color: #ff0000;
}

.content .f14-rot {
	color: #ff0000;
	font-size: 1.273em;
}

/* -----------------------------------------------
	formular
----------------------------------------------- */
.formNavigation {
	padding-bottom: 0.455em;
	margin-top: 1.818em;
	border-bottom: 0.091em solid black;
}

.formNavigation .curr {
	font-weight: bold;
}

.kopftext {
	margin-bottom: 0.909em;
}

	.formElement.kopftext img {
		margin: 0 10px 0 0 !important;
	}

.anwendungtext {
	margin-bottom: 0.909em;
}

.formElement .readonly {
	margin: 0.455em 0 0.909em 11.455em;
}

.formElement .errorMessage {
	float: none;
	clear: both;
	color: red;
	margin-left: 11.455em;
	padding-bottom: 0.455em;
}

/* Pseudo legend */
.formElement .legend {
	float: left;
}

/* Visible Legend Label */
.visiblefieldset legend {
  display: block;
}

/* FormElements */
.formElement {
	clear: both;
	height: auto !important;
	height: 1.909em;
	min-height: 2.091em;
	width:auto;
}

.formElement label,
.formElement .left,
.formElement .right {
	display: block;
	float: left;
	width: 9.636em;
	margin-bottom: 0.455em;
	margin-right: 1.818em;
	text-align: right;
}

.formElement .required {
	position: relative;
	margin-top: 0.182em;
}

.formElement img {
	float: left;
	margin-left: -1.636em !important;
	margin-left: -2.000em;      
}
    
.formElement label img {
	margin-left: 0.909em;      
}

.formElement .helptext {
	font-size: 0.909em;
	position: absolute;
	display: block;
    left:14.182em;
	width: 23.200em !important;
	width: 24.000em;
	background: silver;
	padding: 0.400em;

}
		
.formElement .requiredElement {
	position: absolute;
}		

.formElement h4 {
	font-size: 1em;
	font-weight: bold;
	padding-top:0.455em;
}

/* input */	
.formElement .text {
	width: 30.182em !important;
	width: 30.364em;
	padding: 0.182em;
	margin: 0.182em !important;
	margin: 0.182em 0 0.182em 0.091em; 
	border-color: #505050;
}
    
.formElement input.inputOrder {
	width: 3.636em !important;
	margin-right: 0.909em !important;
}

.formElement div.orderText {
	float: left;
	width:22.636em;
	padding-bottom:0.545em;
}
    
.formElement .orderTotal {
	font-weight: bold;
}
    
.formElement .textarea {
	padding: 0.182em !important;
	padding: 0;
	margin-bottom: 0.273em;
	margin-left: -0.182em;
}
    
/* select */
.formElement select.select {
	border: 0.091em solid #505050;
	margin-top: 0.182em !important;
	margin-left: 0.182em !important;
	margin-left: -0.182em;
	min-height: 1.327em;
}

.formElement select.select option {
	padding-right: 0.455em;
}

/* CheckElement */
.inputCheckbox {
	padding: 0.182em 0 0 0;
}

.checkElement,
.inputCheckbox {

}
			
.checkElement input,
.inputCheckbox input {
	float: none;
	position: absolute;
	border: 0;			
}
			
.checkElement label,
.inputCheckbox fieldset label {
	position: absolute;
	float: none;
	width: auto !important;
	padding: 0;
	padding-left: 1.636em;
}
	
/* radioElement */		
.radioElement fieldset,
.inputRadio fieldset {
	float: left;
}
	
.radioElement fieldset input,
.inputRadio fieldset input {
	clear: both;
	width: 1.273em;
	height: 1.273em;		
}	

.radioElement fieldset label,
.inputRadio fieldset label {
	padding: 0 0 0 0.273em;
}

/* dateSelector */
fieldset.dateSelector {

}

fieldset.dateSelector .formElement {
	float: left;				
	background: none;
}
				
fieldset.dateSelector .formElement label {	
	width: auto !important;
}

.formElement .inputTextDateSelector {
	width: 8.0em !important;
}
        
button.dateSelector {
	float: left;
	width: 2.273em;
	height: 1.818em;
	background: url(../images/yafe/calendar.gif) no-repeat;
}
   
.formElement input.error,
.formElement select.error,
.formElement textarea.error {
	background: #fcc;
}

fieldset.submitForm {
	padding: 0.909em 0 1.818em 11.335em;
}

.formElement -preview .readonly {
	background: #fcc;
}

.receiptLink {
	margin: 1.818em 0;    
}

.receiptLink a {
	font-weight: bold;
}
    
/* Form Preview */	
fieldset.preview div.formElement .readonly {
	margin: 0 0.909em 0 0;
	padding-bottom:0.909em;
	font-weight: bold;
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	height:1%;
	/* End hide from IE5/mac */
	float:left;
	width:25.909em;
}

div.readOnly div.readOnly {
	width: 37.273em;
}

html>body fieldset.preview .readonly {

}

fieldset.preview label {
	font-weight: normal;
	float:left;
}
    
/* Form Confirmation */	
fieldset.confirmation .readonly {
	margin: 0 0.909em 0 0;
	font-weight: bold;
}

html>body fieldset.confirmation .readonly {
	float: left;
}

fieldset.confirmation label {
	font-weight: normal;
}
    
.formElement .additionalText {
	float: left;
	margin-left: 0.909em;
}

.inputCheckbox .additionalText {
	float: right;
}
    
.inputOrder .additionalText {
	float: left;
    margin-left:0;
    width:7.273em;
    text-align:right;
}
    
.inputText .additionalText {
	float: right;
}

.inputTextDateSelector .additionalText {
	float: right;
}

* html .readOnly .additionalText {
	position: absolute;
	width: 36.364em;
	margin-top: -1.364em;
	font-weight: normal;
	text-align: right;
}

.readOnly .additionalText {
	float: right;
}

.formElement .inputRadioItem label {
	width: auto;
}

.formElement .inputRadioItem img {
	margin-left: 0.909em !important;
}

.formElement .inputRadioItem label span {
	float: left;
}

.formElement .readonly span {
	float: left;
}
    
.kontakt-hinweis {
	margin: 0.909em 0 0 0;
	font-size: 0.818em;
	line-height: 1.455em;
}

.kontakt-hinweis strong {

}

.kontakt-hinweis h4 {
	margin: 0;
	padding: 0;
	font-weight: bold;
}

/* -----------------------------------------------
                calendarScript
----------------------------------------------- */
table.calendarScriptHeader {
	margin-bottom: 0;
}
table.calendarScriptHeader td {
	margin-bottom: 0;
	vertical-align: middle;
}

table.calendarScriptHeader .Title2 {
	font-size: 1.091em;
	font-weight: bold;
}

table.calendarScript {
	margin-bottom: 0;
}

div.calendarScriptBox {
	clear: both;
	padding-bottom: -0.091em;
	margin: 0 0 1.364em 0;
	background: #b2b5b9;
}

table.calendarScript th{
	width: 1.818em;
	font-weight: bold;
	text-align: center;
	border-bottom: 0.091em solid #d2e1eb;
	padding: 0.273em 0 0.273em 0;
}

table.calendarScript td {
	width: 1.818em;
	font-weight: normal;
	text-align: center;
	border-bottom: 0.091em solid #d2e1eb;
	padding: 0.091em 0 0.091em 0;
}
table.calendarScript td.last {
	width: 1.818em;
	font-weight:normal;
	text-align:center;
	border:0;
}

table.calendarScript .foot {
	display: block;
	font-size: 0.818em;
	color: #00628c;
}

table.calendarScript a.foot:hover {
	background-color: #d2e1eb;
}

.calendarScript a {
	text-decoration: none;
}

div.calendarScriptHeader {
	width:12.727em;
	clear:both;
}

h3.calendarScriptHeaderPict {
	height: 2.000em;
	background: #b2b5b9;
}

h3.calendarScriptHeaderPict a {
	display: block;
	height: 1.636em !important;
	height: 2.000em;
	padding: 0.364em 0 0 0.182em !important;
	padding: 0.364em 0 0 0.455em;
	font-weight: bold;
	text-decoration: none;
}

div.calendarScriptHeaderMonth div {

}

div.calendarScriptHeaderMonth {
	height: 1.727em !important;
	height: 2.000em;
	float:left;
	width: 9.036em;
	margin: 0.273em 0 0 0.182em;
	font-weight: bold;
	color: #00628c;
}

div.calendarScriptHeaderLeft {
	height: 1.454em !important;
	height: 2.000em;
	float: left;
	width: 0.909em;
	margin: 0.273em 0 0 0;
	padding-top: 0.273em;
}

div.calendarScriptHeaderRight {
	height: 1.454em !important;
	height: 2.000em;
	float: left;
	width: 0.909em;
	margin: 0.273em 0 0 0.909em;
	padding-top: 0.273em;
}

/* -----------------------------------------------
            News
----------------------------------------------- */
.content .newsDate {
  font-weight: bold;
}

.content .news .newsItem .version201 h4 {
  color: #00628c;
  font-size: 1.455em;
  font-weight: bold;
  margin: 0 0 0.909em 0;
}

.content .news .version201 h4 {
  font-size: 1.000em;
  font-weight: bold;
  margin: 0.909em 0 0 0;
}

h4.text-blau-fett {
  color: #00628c;
  font-size: 1.273em;
  font-weight: bold;
}



/* -----------------------------------------------
                RSS
----------------------------------------------- */
.rss {
	background: #FF6600 none repeat scroll 0%;
	border-color: #FFCC99 rgb(102, 51, 0) rgb(51, 51, 0) rgb(255, 153, 102);
	border-style: solid;
	border-width: 0.091em;
	color: #FFFFFF;
	font-family: verdana,sans-serif;
	font-size: 0.909em;
	font-size-adjust: none;
	font-stretch: normal;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	line-height: normal;
	margin: 0 0.182em 0 0;
	padding: 0 0.182em;
	text-decoration: none;
}

a.rss, .rss a {
	color: #FFF;
	font-size: 0.909em;
}

a:visited.rss, .rss a:visited {
	color: #FFF;
}

/* -----------------------------------------------
            Bilder (Maag Random Image)
----------------------------------------------- */
.maag_randomimage_pi1 .imageLeft {
  display: block;
  width: 90px;
  height: 100px;
  float: left;
}

.maag_randomimage_pi1 .imageRight {
  display: block;
  width: 90px;
  height: 90px;
  margin-right: 10px;
  margin-bottom: 10px;
  float: right;
}

/* -----------------------------------------------
            Personal (tt_address)
----------------------------------------------- */
.tt_address_pi1 .name {
  color: #00628c;
  font-weight: bold;
}

.tt_address_pi1 .description {
  margin-top: 1em;
  font-style: italic;
}

/* -----------------------------------------------
            Suche
----------------------------------------------- */
.direktsuche .formElement {
  clear: none;
}

.extendedsearch {
  vertical-align: top;
}