ul{ list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; font-weight:normal; }
ul,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, dl, dt, dd { margin:0; padding:0 }
img, a img,:link img,:visited img, fieldset { border:none }
img { margin:0; padding:0; vertical-align:bottom; }
address { font-style:normal }
table {	border:none; padding:0px; margin:0px; border-spacing:0px; font-size:1em;}
tr { border:none; padding:0px; margin:0px; }
td { border:none; padding:0px; margin:0px; vertical-align:top; border-spacing:0px; }
legend { display:none; }

/* reset */

hr{
margin: 0px;
padding: 0px;
}
dl			{margin: 0 0 0 0;}
dl dt		{margin: 0 0 0 0;}
dl dd+dt	{margin-top: 0;}
dl dd		{margin: 0 0 0 0;}

ol			{list-style: none;}
ol li		{margin: 0 0 0 0;}
ol li ol	{margin: 0 0 0 0;}
ol li ul	{margin: 0 0 0 0;}

p			{margin-bottom: 0em;}

.content .cnt-blck-cnt p a{
       color: #666;      
}

.content .cnt-blck-cnt p a:hover{
       color: #000;      
}

ul{list-style: none;}
ul li		{margin: 0 0 0 0;}
ul li ul	{margin: 0 0 0 0; list-style: none;}
ul li ol	{margin: 0 0 0 0;}

pre{font-size:1.2em; }

html, body{
        background-color: #ddd;
        background-position: 50% 0;
        background-repeat: repeat-x;
        font-family: Verdana;
        height: 100%; /* Anzeigebereich in der Vertikalen auf 100% strecken */
}


div#wrapper{
  height: auto !important; /* !important-Regel fýr moderne Browser */
        height: 90%; /* Mindesthýhe in IE (<7) */
        margin: 0 auto; 
        min-height: 90%; /* Mindesthýhe in modernen Browsern */
        padding: 0px 0 0 0;
        position: relative;
        width: 900px;
}

hr{
       border-top: 1px dashed #333;
       border-bottom: 1px solid transparent;
       border-right: 1px solid transparent;
       border-left: 1px solid transparent;
       margin: 15px 0 15px 0;
}

/* * * * * * * * * * * * * * * * Navigation * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.navi{
  background-image: url(http://www.auto-hufnagel.de/files/ash.jpg);
  
   -moz-box-shadow: 0px 5px 15px #ddd;
  -webkit-box-shadow: 0px 5px 15px #ddd;
  box-shadow: 0px 5px 15px #ccc;  

  display: block;
  height: 124px;
  padding: 0px 0 0px 0px;
  margin: 0 0 10px 0;
  width: 885px;

}

.navi h1{
  font-family:'Neo Sans W01 Medium';
  float: left;
  font-size: 12px;
  line-height: 20px;
  padding: 0 10px 0 300px;
}
.navi h2{
  color: #;
  float: left;
  font-family:'Neo Sans W01';
  font-size: 12px;
  line-height: 20px;
  padding: 0 0 0 385px;
}

/* * * * * * * * * * * * * * * *  Header * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */


/* * * * * * * * * * * * * * * * Linke Navigation * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.subnavi{  
  border-top: 3px solid #FFA70F;/*c40000;*/
  border-bottom: 3px solid #999;
  background-image: url(http://www.voxl.de/kunden/bc/files/alpha90.png);
  -moz-box-shadow: 0px 5px 15px #ddd;
  -webkit-box-shadow: 0px 5px 15px #ddd;
  box-shadow: 0px 5px 15px #ccc;  
  float: left;
  min-height: 500px;
  padding: 0px 0 20px 0px;
  position: relative;
  width: 244px;



  border-bottom-right-radius: 7px 7px;
  -moz-border-radius-bottomright: 7px 7px;
  -webkit-border-bottom-right-radius: 7px 7px;
  border-bottom-left-radius: 7px 7px;
  -moz-border-radius-bottomleft: 7px 7px;
  -webkit-border-bottom-left-radius: 7px 7px;
}

.subnavi ul li{
  border-bottom: 1px solid #ccc;
  font-family:'Broadway BT W01 Regular';
}
  
.subnavi ul li a{
       color: #000;
       display: block;
       font-size: 14px;
       padding: 5px 10px 5px 10px;
       margin-bottom: 1px;
       text-decoration: none;
}

.subnavi ul li a:hover,
.subnavi ul li a.rex-current,
.subnavi ul li a.rex-active{
       background-color: #eee;
       color: #F12F25;
}

.subnavi ul li ul li a{
        padding-left: 20px;
}

.meta{
  bottom: 5px;
  left: 15px;
  position: absolute;
}
.meta,
.meta a{
  color: #666;
  font-size: 12px;
}

/* * * * * * * * * * * * * * * * Content  * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.banner{
float: left;
border-bottom: 1px solid #ccc;
  margin: 0 0 20px 0;
}
.content{
  border-top: 3px solid #FFA70F;/*0000c4;*/
  border-bottom: 3px solid #999;/*0000c4;*/
     -moz-box-shadow: 0px 5px 15px #ddd;
  -webkit-box-shadow: 0px 5px 15px #ddd;
  box-shadow: 0px 5px 15px #ccc;  
  background-image: url(http://www.voxl.de/kunden/bc/files/alpha90.png);
  float: left;
  margin: 0 0 0px 20px;
  min-height: 480px;
  width: 620px;padding: 0px 0px 40px 0;
  border-bottom-right-radius: 7px 7px;
  -moz-border-radius-bottomright: 7px 7px;
  -webkit-border-bottom-right-radius: 7px 7px;
  border-bottom-left-radius: 7px 7px;
  -moz-border-radius-bottomleft: 7px 7px;
  -webkit-border-bottom-left-radius: 7px 7px;
}

.content h1,
.content h2{
  color: #333;
  font-family:'Neo Sans W01 Medium';
  font-size: 20px;
  padding: 20px 0 10px 20px;
}

.content h3,
.content h4,
.content h5,
.content h6{
  
  color: #fff;
  font-size: 15px;
  padding: 10px 0 5px 20px;
}

.content p,
.content ul li,
.content ul li a,
.content table{
        color: #000;
        font-size: 12px;
        font-family: Verdana;
        line-height: 20px;
        padding: 0 0px 10px 20px;  
}
.content .l img{
        padding: 0 20px 10px 20px;  
}
    
.content ul{
  list-style-type: disc;
  padding: 0 0 10px 0;
}

.content ul li{
  margin: 0 0 0 40px;
  padding: 0 20px 0 0;
}


.content table tr td{
         padding: 0 20px 0 0;
}

.content .cnt-blck-cnt img{
        margin: 0 0 0px 25px;
}

.content .cnt-blck-cnt td img{
 margin: 15px 0 0 0px;
} 

iframe{
  padding: 0 0 0 25px;
}

.content img{
  float: left;
}

.content .cnt-blck-cnt p a{
  color: #c40000;/*#0000c4;*/
  padding: 0 2px 0 2px;

}
/* * * * * * * * * * * * * * * * Linke Spalte  * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */


/* * * * * * * * * * * * * * * * Content * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */


/* * * * * * * * * * * * * * * * Startseite Thumbnails * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */


/* * * * * * * * * * * * * * * * Footer * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.footer{
  background-color: #013720;
  color: #999;
}

.footer p{
  float: right;
  font-size: 12px;
  margin: 5px;
  padding: 0 10px 0px 0;
}
/* * * * * * * * * * * * * * * * Formular * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.clear {
	clear: both;
}

.clearer{
        clear: both;
}

.clearfix:after {
       clear: both;
       content: ".";
       display: block;
       height: 0;
       visibility: hidden;
}

.toggler h1{display: block;
font-family: Verdana;font-size: 14px;
text-decoration: underline;

cursor: pointer;
margin: 0 0 0px 0;

}
.thumbnails{
        float: left;
        width: 600px;
}

.thumbnails ul{
	list-style: none;
margin: 0 0 20px 20px;

}
.thumbnails ul li{
	margin: 0px; padding: 0px;
}
.thumbnails ul li img{
         border: 1px solid #fff;
         float: left;
         margin: 0 10px 0px 0;
         padding: 0 0px 0px 0;
         opacity: 0.7;
}
.content .thumbnails ul li a{

        padding: 0 0px 0px 0px;  
}
.thumbnails ul li img:hover{
        border: 1px solid #E83F0C;
        opacity: 1;
}
.thumbnails p{margin: 0 0 0 0px;}




















































































































































.xform {
	clear: both;
	float: left;
	width: 100%;
}
ul.xform {
	float: none;
	width: auto;
}
.xform fieldset {
	clear: both;
	padding: .5em;
	margin-bottom: 1em;
}
.xform legend {
	padding: .5em;
	font-weight: bold;
}

/*	--------------------------------------- Container Formelement */
.xform p, 
.xform .xform-element {
	float: left;
	width: 100%;
	margin-bottom: .5em;
}
.xform div.formradio p.radio, 
.xform div.form_google_geocode p.form_google_geocode {
	width: auto;
}
.xform div.rex-widget p {
	margin-bottom: 0;
}

/*	--------------------------------------- Allgemeines */
.xform div.form_google_geocode .form_google_geocode_map {
	clear: both;
	margin-left: 145px;
}

/*	--------------------------------------- Labels */
.xform label, 
.xform span.as-label {
	float: left;
	width: 145px;
}
.xform label.captcha {
	display: block;
	float: none;
	width: 100%;
}
.xform span.formradio label.radio {
	float: none;
	width: auto;
	padding: 0 1em 0 5px;
}

/*	--------------------------------------- Felder : Allgemein */
.xform input.captcha, 
.xform input.inp_disabled,
.xform input.password, 
.xform .formtext input.text, 
.xform textarea.textarea {
	padding: 2px;
	width: 300px;
}
.xform input.captcha {
	width: 80px;
}
/*	Breite = width + padding + border von text */
.xform select.select, 
.xform select.multipleselect {
	width: 306px;
}
.xform fieldset, 
.xform input.captcha, 
.xform input.inp_disabled,
.xform input.password, 
.xform .formtext input.text,  
.xform textarea.textarea, 
.xform select.multipleselect, 
.xform .formtable table td input {
	border: 1px solid #999;
}

.xform .formtable table {
	clear: both;
	margin-left: 145px;
}
.xform .formtable table td {
	padding: 0 5px 5px 0;
}

/*	--------------------------------------- Submit */
.xform input.submit {
	margin-left: 145px;
}

/*  --------------------------------------- Checkbox */
.xform p.formcheckbox input {
  float:left;
  margin-left: 125px;
}

.xform p.formcheckbox label {
  float:left;
  margin-left: 10px;
  width:300px;
}


/*  --------------------------------------- Fieldset / Legend */

.xform fieldset legend{
  padding:0px 10px;
  border:1px solid #333;
  background-color:#fff;
}

.xform fieldset {
  padding-top:15px;
}


/*  --------------------------------------- Form Lang-textarea */

.xform div.formlangtextarea p {
	float: none;
	width: auto;
	margin: 0;
}
.xform div.formlangtextarea .tabs {
	float: left;
	width: 406px;
}
.xform div.formlangtextarea .tabs ul {
	margin: 0px;
}
.xform div.formlangtextarea .tabs li {
	display: inline;
	margin-right: 5px;
	padding: 0px 10px 0 0;
}
.xform div.formlangtextarea .tabs li a {
	color: #2C8EC0;
}
.xform div.formlangtextarea .tabs li a:hover, 
.xform div.formlangtextarea .tabs li a.active {
        color: #14568A;
        text-decoration: underline;
}

p.formsubmit input.submit{
}

p.formsubmit{
         width: 100px;
}

.content .xform ul.form_warning{
        list-style-type:none;
        padding: 0px; 
}

.content ul.form_warning li{
        border: 1px dashed #999;  
        color: #000;background-image: none;
        margin: 0 0 10px 0;  
        padding:10px;
}

/*  --------------------------------------- REX-Widgets */

.xform div.rex-widget-media input{
  background-color:#f90;
  width:200px;
}

.xform div.rex-widget-medialist select{
  background-color:#f90;
  width:244px;
}