/* ========================== [ MooTact ] ================================
 * ====---------------------------------------------------------------====
 *      MooTools based Contact Form
 *
 * Icons ©Gnome Icon Artists http://gnome.org/
 * ====---------------------------------------------------------------====
 * ========================== [ MooTact ] ================================ */



 form.mootact{
	  font-family: "Arial Rounded", "Arial Rounded MT Bold", sans-serif;	
	  font-size:12pt;
	
     z-index:2;
     padding:50px 140px 50px 50px;
     background-color:white;
     border:4px solid #dedede;
     -moz-border-radius: 20px; 
     -webkit-border-radius: 20px;
     -border-radius: 20px;
     width:450px;
 }

 .mootact .dismiss{
     	position:absolute;
     	right:10px;
     	top:10px;
	  	background: url(images/close0a.png) no-repeat; 
	  	display:block; 
		padding:16px;
	  	font-size:0;
	  	color:white;
 }
 .mootact .dismiss:hover{
     left:auto;
     top:11px;
     position:absolute;
 }


 form.mootact h2{
     text-align:left;
	 padding-left: 0px !important;
 }
 .mootact .form-row{
		margin:15px 0;
  }
 .mootact .form-row label {
   margin-right:1em;
   padding-right:0.75em;
   display:block;
   width:115px;
   text-align:left;
   float:left;
 }
 .mootact .form-row:after{
   content: "."; display: block; height: 0; clear: both; visibility: hidden;
 }
 .mootact input[type="text"]{
     width:310px;
     background-color: #DDDDDD;
     border: 1px solid #BBBBBB;

     color:#595959;
     font-family: "Arial Rounded", "Arial Rounded MT Bold", sans-serif;
     font-size:12pt;
 }
 .mootact input[type="text"]:focus{
     background-color:#d3d6df;
     border-color: #c9b1b1;
     outline-width:0;
 }
 .mootact textarea{
     width:329px;
     height:150px;
     background-color: #DDDDDD;
     border: 1px solid #BBBBBB;

     color:#595959;
     font-family: "Arial Rounded", "Arial Rounded MT Bold", sans-serif;
     font-size:12pt;
 }
 .mootact textarea:focus{
     background-color:#d3d6df;
     border-color: #c9b1b1;
     outline-width:0;
 }
 .mootact .form-row.submit{
		padding-left:120px;
 }

 .mootact input[type="submit"]{
		font-size:11pt;
		background: transparent url(images/send0a.png) no-repeat 0 3px;
		border: 0px !important;
		cursor: pointer;
		padding: 8px 0 8px 34px;
		color:#277523;
		outline:none;
		-moz-outline: 0;
 }
 .mootact input[type="submit"]:hover{
		position:relative;
		left:1px;
 }
 .mootact input[type="submit"]:active{
		top:1px;
 }

 .form-row input[type="hidden"]{
		display: none;
 }

 .form-row.hidden {
		display: none;
 }
 .mootact .error{
		font-size:8pt;
     	color:#d74840;
     	font-weight:bold;
 }

 .mask.mootact {
 	z-index: 1001;
   background:#dedede;
   -moz-border-radius: 20px; 
     -webkit-border-radius: 20px;
     -border-radius: 20px;
 }
 .mask.mootact p.spinner-msg{
   color:black;
 }
 
 .spinner-img {
	height: 100px;
	width: 100px;
	background: url(images/ajax-loader.gif) no-repeat;
 }
 
 .mootact .field.error{
     width:170px;
     padding:5px 10px;
	 cursor: pointer;
     -moz-border-radius: 3px; 
     -webkit-border-radius: 3px;
     -border-radius: 3px;

     opacity: 0.9;
   	filter: alpha(opacity=90);
   	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);

   	border:1px solid #C0DEE8;
	color:#0D71B4;
	background: transparent url(http://images.superklassenfahrten.de/misc/Verlauf_klein_blau.png) repeat-x scroll center center;
	background-color:#3e3e3e;
 }
 
a{ text-decoration: none; outline: 0; -moz-outline: 0; }
#nav{ width:160px; margin: 100px auto 0;}
#notify { text-align:center; }


.mask {
		opacity: 0.9;
		filter: alpha(opacity=90);
		-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
		-moz-opacity: 0.9;
		z-index: 2;
		background-color:#241f20;
}

#mootact_button{
		background: transparent url(images/mail0a.png) no-repeat 0 12px;
		padding: 32px 32px 32px 72px;
		font-size:14pt;
}
#mootact_button:hover{
		position:relative;
		left:1px;
		cursor:pointer;
}
#mootact_button:active{
		top:2px;
}

.mootact .PLZ {
	width: 69px !important;
}

.mootact .Ort {
	width: 223px !important;
}

.mootact .Name , .mootact .Vorname{
	width: 146px !important;
}


/*Callback Form
#class callback
*/

form.callback{
	font-family: "Arial Rounded", "Arial Rounded MT Bold", sans-serif;	
	font-size:12pt;
	
    z-index:2;
    padding:50px 140px 50px 50px;
    background-color:white;
    border:4px solid #dedede;
    -moz-border-radius: 20px; 
    -webkit-border-radius: 20px;
    -border-radius: 20px;
    width:450px;
}

.callback .dismiss{
    position:absolute;
    right:10px;
    top:10px;
	background: url(images/close0a.png) no-repeat; 
	display:block; 
	padding:16px;
	font-size:0;
	color:white;
}

.callback .dismiss:hover{
    left:auto;
    top:11px;
    position:absolute;
}

form.callback h2{
    text-align:left;
	padding-left: 0px !important;
}

.callback .form-row{
		margin:15px 0;
}
 
.callback .form-row label {
	margin-right:1em;
	padding-right:0.75em;
	display:block;
	width:145px;
	text-align:left;
	float:left;
}

.callback .form-row:after{
	content: "."; display: block; height: 0; clear: both; visibility: hidden;
}

.callback input[type="text"]{
    width:270px;
    background-color: #DDDDDD;
    border: 1px solid #BBBBBB;

    color:#595959;
    font-family: "Arial Rounded", "Arial Rounded MT Bold", sans-serif;
    font-size:12pt;
}

.callback input[type="text"]:focus{
    background-color:#d3d6df;
    border-color: #c9b1b1;
    outline-width:0;
}

.callback textarea{
    width:270px;
    height:150px;
    background-color: #DDDDDD;
    border: 1px solid #BBBBBB;

    color:#595959;
    font-family: "Arial Rounded", "Arial Rounded MT Bold", sans-serif;
    font-size:12pt;
}

.callback textarea:focus{
    background-color:#d3d6df;
    border-color: #c9b1b1;
    outline-width:0;
}

.callback .form-row.submit{
		padding-left:120px;
}

.callback input[type="submit"]{
	font-size:11pt;
	background: transparent url(images/send0a.png) no-repeat 0 3px;
	border: 0px !important;
	cursor: pointer;
	padding: 8px 0 8px 34px;
	color:#277523;
	outline:none;
	-moz-outline: 0;
}
 
.callback input[type="submit"]:hover{
	position:relative;
	left:1px;
}
 
.callback input[type="submit"]:active{
	top:1px;
}

.callback .error{
	font-size:8pt;
   	color:#d74840;
   	font-weight:bold;
}

.callback .field.error{
     width:235px;
     padding:5px 10px;
	 cursor: pointer;
     -moz-border-radius: 3px; 
     -webkit-border-radius: 3px;
     -border-radius: 3px;

     opacity: 0.9;
   	filter: alpha(opacity=90);
   	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);

   	border:1px solid #C0DEE8;
	color:#0D71B4;
	background: transparent url(http://images.superklassenfahrten.de/misc/Verlauf_klein_blau.png) repeat-x scroll center center;
   	background-color:#3e3e3e;
 }
 
.mask.callback {
	z-index: 1001;
	background:#dedede;
	-moz-border-radius: 20px; 
    -webkit-border-radius: 20px;
    -border-radius: 20px;
}

.mask.callback p.spinner-msg{
	color:black;
}

.callback #Uhrzeit {
	width: 55px;
}

.callback #Datum {
	width: 90px;
}