html {
 margin:0px;
 padding:0px;
 width:100%;
 height:100%; 
}
body {
 margin:0px;
 padding:0px;
 width:100%;
 height:100%; 
 background-color:#E0EDF8;
 font-family: arial,sans-serif;
 font-size:11px;
}
td,p,div,ul,li,h1,h2,h3,h4,h5,h6 {
 font-family: arial,sans-serif;
}
ul,li {
 font-size: 12px;
 line-height: 20px;
}
p {
 margin:0px;
 padding:0px;
 font-size: 12px;
 line-height: 20px;
}
h1,h2,h3,h4,h5,h6 {
 color:#222F64;
 font-weight: lighter;
 word-spacing: -1px;
 padding:0px;
 margin:0px;
}
h1 {
 font-size: 18px;
}
h2 {
 font-size: 16px;
}
h3 {
 font-size: 14px;
}
h4 {
 font-size: 12px;
}
h5 {
 font-size: 11px;
}
h6 {
 font-size: 10px;
}
td {
  vertical-align:top;
}
td.bgleft {
 width:10px;
 background-image:url(../template_images/bg_left.gif);
 background-repeat:repeat-y;
}
td.bgright {
 width:15px;
 background-image:url(../template_images/bg_right.gif);
 background-repeat:repeat-y;
}
td.bgleft2 {
 width:10px;
 height:10px;
 background-image:url(../template_images/bg_left.gif);
 background-repeat:repeat-y;
}
td.bgright2 {
 width:15px;
 height:10px;
 background-image:url(../template_images/bg_right.gif);
 background-repeat:repeat-y;
}
td#top {
 width:950px;
 height:159px;
 line-height:0px;
}
td#navigation {
 width:910px;
 height:25px;
 line-height:25px;
 background-color:#B0D2ED;
 padding-left:40px;
}
td#center {
 width:950px;
 background-color:#ffffff;
}
td#bgbottomleft {
 width:10px;
 background-image:url(../template_images/bg_bottom_left.gif);
 background-repeat:no-repeat;
 height:15px;
}
td#bgbottomright {
 width:15px;
 height:15px;
 background-image:url(../template_images/bg_bottom_right.gif);
 background-repeat:no-repeat;
}
td#bgbottomcenter {
 width:950px;
 height:15px;
}
td#bgbottomcenter2 {
 width:930px;
 background-image:url(../template_images/bg_bottom.gif);
 background-repeat:repeat-x;
}
td#bgbottomleft2 {
 width:10px;
 background-image:url(../template_images/bg_bottom_left2.gif);
 background-repeat:no-repeat;
 height:15px;
}
td#bgbottomright2 {
 width:10px;
 height:15px;
 background-image:url(../template_images/bg_bottom_right2.gif);
 background-repeat:no-repeat;
}
td#colleft1,td#colleft2 {
 vertical-align:top;
 width:200px;
 background-image:url(../template_images/1pxdottedvertical.gif);
 background-repeat:repeat-y;
 background-position:right;
}
td#colleft2 {
 vertical-align:bottom;
}
td#colnormal {

}
td#footerleft {
 width:200x;
 height:27px;
 background-image:url(../template_images/1pxdottedvertical.gif);
 background-repeat:repeat-y;
 background-position:right;
}
td#footerright {
 height:27px;
 background-image:url(../template_images/1pxdotted.gif);
 background-repeat:repeat-x;
}
div#footerborder {
 width:100%;
 height:27px;
 line-height:27px;
 background-image:url(../template_images/1pxdotted.gif);
 background-repeat:repeat-x;
}
div#footer {
 width:100%;
 height:27px;
 line-height:27px;
 background-image:url(../template_images/1pxdotted.gif);
 background-repeat:repeat-x;
}

div#content {
 padding:20px;
}

div.footerwrap {
 padding-left:24px;
 font-family:arial,sans-serif;
 font-size:11px;
}
div.footerwrap a{
 color: #000000;
 font-family:arial,sans-serif;
 text-decoration:none;
 font-size:11px;
}

#colleft1 h5 {
 padding-left:10px;
 padding-top:10px;
}
td.informcell {
 background-image:url(../template_images/info.jpg);
 background-repeat:no-repeat;
 background-position:0px 2px;
 padding-top:30px;
 padding-left:23px;
}

/* #########################################################################################

---------------------------------- MACINA_SEARCHBOX.CSS  ------------------------------------ 

#########################################################################################*/
form {
 margin:0px;
 padding:0px;
}
div.tx-macinasearchbox-pi1 {
 padding-top:5px;
 height:35px;
 width:100%;
 background-image:url(../template_images/1pxdotted.gif);
 background-repeat:repeat-x;
 background-position:bottom;
}
.formtextsearch {
	font-size: 11px;
  border:1px solid #9C9C9C;
  height: 14px;
	color: #777777;
  width:150px;
  float:left;
  padding:1px;
  margin-left:10px;
}
.formsubmit {
  float:left;
  margin-left: 6px;
  margin-top:-14px;
  padding-top:0px;
  display:block;
  height:18px;
}



/* #########################################################################################

---------------------------------- AROTEA_LOGINBOX.CSS  ------------------------------------ 

#########################################################################################*/
.tx-arotealoginbox-pi1 {
 padding-top:5px;
 height:55px;
 width:100%;
 background-image:url(../template_images/1pxdotted.gif);
 background-repeat:repeat-x;
 background-position:bottom;
}
.login-small-input-user, .login-small-input-pass {
 color: #777777;
 width:150px;
 height:14px;
 font-size:11px;
 padding:1px;
 border:1px solid #9C9C9C;
 margin-left:10px;
}
.login-small-input-pass {
 margin-top:5px;
 float:left;
}
.login-small-submit {
 float:left;
 margin-left: 6px;
 margin-top:-9px;
}
.logoutform {
 text-align:center;
}
.logoutbutton {
 text-align:center;
 width:148px;
 padding:1px;
 cursor:pointer;
 height:20px;
 line-height:12px;
 border:1px solid #91A3AF;
 background-color:#B8C4CB;
 color:#ffffff;
}

/* #########################################################################################

---------------------------------- NAVIGATION01  ------------------------------------ 

#########################################################################################*/

a.anavtop, a.anavtopact {
 color: #000000;
 font-family:arial,sans-serif;
 text-decoration:none;
 font-size:11px;
}
a.anavtopact, a.anavhomeact {
 font-weight:bold;
}

div.nav2wrap {
 width:100%;
 padding-top:20px;
 padding-bottom:20px;
 background-image:url(../template_images/1pxdotted.gif);
 background-repeat:repeat-x;
 background-position:bottom;
}
div.navLevel1 {
 padding-left:15px;
 line-height:20px;
}
div.navLevel2 {
 padding-left:30px;
 line-height:20px;
}
a.anavsub, a.anavsubact {
 color: #777777;
 text-decoration:none;
}
a.anavsubact {
 font-weight:bold;
}

/* #########################################################################################

---------------------------------- NEWLOGINBOX  ------------------------------------ 

#########################################################################################*/

.tx-newloginbox-pi1 h3 {
 padding-bottom:10px;
}
.tx-newloginbox-pi1 p {
 padding-top:10px;
 padding-bottom:10px;
}
.tx-newloginbox-pi1 td {
 padding-right:10px;
}
.tx-newloginbox-pi1 form {
 padding-bottom:15px;
}

/* #########################################################################################

--------------------------------------- Forms.CSS  ------------------------------------ 

#########################################################################################*/

/* ---------------- Typo3 Neue Style ohne Styled Content Werden in TYPO3 Constants konfiguriert ------------------ */ 

.form-textarea {
	font-size: 11px;
	color: #777777;
	line-height: 15px;
	font-family: arial, sans-serif; 
}

.csc-form-fieldradiocell br {
	display:none;

}


.MailformField {
	font-size: 11px;
	line-height: 15px;
	font-family: arial, sans-serif;
	color: #333333;
	border: none;
	background-color: #00CCCC;
	width: 50px;
	white-space: nowrap;
}


.MailformRadio {
	font-size: 11px;
	line-height: 15px;
	font-family: arial, sans-serif;
	color: #333333;
	border: none;
	background-color: #00CCCC;
	width: 50px;
}

.MailformRadio input {
	font-size: 11px;
	line-height: 15px;
	font-family: arial, sans-serif;
	color: #333333;
	border: none;
	background-color: #00CCCC;
	width: 50px;
}



/* ---------------- Typo3 Standard Forms ---------------- */ 

.csc-mailform {
	margin: 0px;
	width: 100%;
	background-color:#ffffff;
}

.csc-form-labelcell {
	text-align: left;
	
}

.csc-form-fieldcell {
	background-position: top;
	vertical-align: top;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
.formtype_mail {
	font-size: 11px;
	padding: 2px;
	color: #FFFFFF;
}
.csc-form-fieldcell input, select {
	border: 1px solid #777777;
	font-size: 11px;
	padding: 2px;
	width: 200px;
}

.csc-form-fieldcell textarea {
	border: 1px solid #777777;
	width: 200px;
	font-size: 11px;
	line-height: 15px;
	padding: 2px;
}

.csc-form-fieldcell {
	font-size: 11px;
	padding: 2px;
}

.csc-form-label-req, .csc-form-label {
	font-size: 11px;
	padding-left: 10px;
}



.csc-form-radio input {
	font-size: 11px;
	line-height: 15px;
	color: #333333;
	border: none;
	background-color: #00CCCC;
}



/* ---------------- CSS for MAILFORMs ---------------- */ 


.mailform, #mailform {
	margin: 0px;
	font-family: arial, sans-serif;
	font-size: 11px;
	color: #333333;
	padding: 15px;
}

.mailform-input {
	border: 1px solid #777777;
	font-size: 11px;
	font-family: arial, sans-serif;
	color: #333333;
	margin: 0px;
	width: 200px;
	padding: 2px;
}

.mailform-submit {
	border: 1px solid #777777;
	font-size: 11px;
	width: 300px;
	background-color: #cccccc;
	font-family: arial, sans-serif;
	color: #000000;
	padding: 2px;
}

.mailform-radio {
	font-size: 11px;
	font-family: arial, sans-serif;
	color:#000000;
}

.mailform-fieldradiocell br {
	display:none;

}

.mailform-capchafield input {
	background-color: #FFFFFF;
	height: 34px;
	width: 110px;
	border: 2px solid #cccccc;
}

.mailform-capchaarea {
	background-color: #75ACD8;
	font-size: 12px;
	font-family: arial, sans-serif;
	padding: 7px;
	color: #FFFFFF;
}
.mailform-capchaarea IMG {
  margin-top:2px;
  margin-right:5px;
  float:left;
}
.mailform-mark textarea {
	border: 1px solid #777777;
	font-family: arial, sans-serif;
	width: 250px;
	font-size: 11px;
	line-height: 15px;
	padding: 2px;
	height: 300px;
}


.csc-frame-rulerAfter {
  background-image: url(../template_images/1pxdotted.gif);
  background-repeat: repeat-x;
  background-position:bottom;
  padding-bottom:10px;
  margin-bottom:10px;
}
.csc-frame-rulerBefore {
  background-image: url(../template_images/1pxdotted.gif);
  background-repeat: repeat-x;
  background-position:top;
  padding-top:10px;
  margin-top:10px;
}

.csc-mailform-field label {
        font-size: 12px; 
        line-height: 20px;
        font-family: Arial, sans-serif;
        width: 25%;
        float: left;
        text-align: left;
        margin-right: 10px;
        display: block;
        border:0px;
}
.csc-mailform-field {
	margin-top:3px;
	margin-bottom:3px;
}
.csc-mailform-submit {
        margin-top:20px;
        margin-bottom:20px;
        width:278px;
        border:1px solid #777777;
        background-color:#cccccc;
}