@import url('https://fonts.googleapis.com/css?family=Sansita+One');
@import url('jquery.lightbox-0.5.css');

*
{
   font-family:  Arial, "Helvetica Neue", Helvetica, Sans-Serif;   	
}

body
{

	color: #232323;
	background-color: #fff;
	font-family: Arial, "Helvetica Neue", Helvetica, Sans-Serif;
	font-size: 1em;
	
}


/* Styles for validation helpers
-----------------------------------------------------------*/


h1, h2
{
  color:#8e419c;
}




/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
.page
{
	width:901px;
	/*min-width: 970px;
	max-width:1280px;*/
	margin-left: auto;
	margin-right: auto;
	position:relative;

}

#main
{
 
	padding: 0px 0px 15px 0px;
	background-color: #fff;
	margin-bottom: 30px;
	_height: 1px; /* only IE6 applies CSS properties starting with an underscore */
}

#menue
{    

}


#header
{
	position: relative;
	padding-left: 150px;
 
	margin-bottom:10px;
	background-image: url('Images/logo.png');
  
	background-repeat: no-repeat;
	height:95px;	
}




#footer
{   
    font-size: 0.7em;
	padding-top: 3px;
	border-top: thin dotted #aa71b5;
	color: #838383;
    padding-top:10px;
    clear:both;	
}

#footer address
{   
    font-style: italic;	
    text-align:right;
}

#footer address a
{   
    font-style: italic;	
    font-variant:normal;    
}

#footer a
{
    text-decoration:none;   
    font-variant:small-caps;
    color: #838383;
}


/*Layout Produktrechner*/

#prod_header
{
	
}

#prod_first
{
	width: 67%;
	float:left;
}

#prod_second
{
	float:right;
	width: 31%;
	padding-right:2px;
}




.prodInfo b
{
  padding: 5px;
  font-size:medium;
  color: White;
  display:block;
}


.prodInfo div
{
  background-color:White; 
  border:1px solid #8e419c; 
  padding-top:5px;
}


.prodInfo p
{
  margin: 10px 5px 10px 5px;  
  color:#8e419c;
  font-size:.8em;
  text-align:justify;
}




/* Ergebnissicht */

.result img
{
	background-image: none; 
	margin-top: 0px; 
	margin-right: 0px; 
	margin-bottom: 0px; 
	margin-left: 0px; 
	display: inline; 
	padding-top: 0px; 
	border-width: 0px
}

.result 
{
   
	/*background-color:#8e419c;*/
	
	padding: 0px 5px 0px 5px;
	margin: 0px;
	font-size:0.9em;	
}

.result ul
{
	margin-left: 0;
	padding-left: 5px;
	list-style: none;
}

.result li 
{
	font-size:large;
	font-weight:bold;
	margin-bottom:15px;
}

.result em
{
	font-size:medium;
	font-weight:bold;	
	color:#dfecee;
}

.result a:hover
{
	padding-left:2px;
}

ul.Actions li
{
	margin-bottom:25px;
}

.result table
{
	width:96%;
	border-collapse: collapse;
	margin: 0% 2%;
	text-align:center;
	color: black;    
}

.result tr:nth-child(odd) 
{
	background-color: #e3cfe6;
}

.result tr:nth-child(even) 
{
	background-color: #efefef;
}

.result td , .result th
{
	border: 3px solid white;
}
.result td
{
    width: 20%;
}

.result .Wichtig
{
    font-weight: bold;
    font-size: 1.2em;
}

.result th 
{
	text-align: left;
	background-color: #e3cfe6;
}

.result thead th, .result thead td 
{
	background-image: url(Images/HBack.png);
	background-repeat:repeat-x;
	background-color: transparent;
	text-align: center;
	font-weight: bold;
}
.result td span
{
    display:inline-block;
	font-weight: normal;
	padding: 2px 5px;
	font-size: 0.75em;
	font-weight: normal;
	text-align: center;
}
.result th span
{  
	display:inline-block;
	font-weight: normal;
	padding: 2px 5px;
	font-size: 0.75em;
	font-weight: normal;
	text-align: justify;
}


.result table a
{	
	font-size:small;
	font-weight:normal;
	
	color: #8e419c;
	 
	vertical-align:middle;
	/*
	border: 1px none #8e419c;

	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;

    display:inline-block;
	width:80%;
	padding:5px;
	height:20px;
	
    margin-top:5px;
	margin-bottom:5px;
	text-decoration:none;
	color:White;
	background-color: #aa71b5;
	  
	background-repeat: no-repeat;*/
}


/* Rechner Layout */
.rechner
{	
	width: 100%;
}

.angebot
{
	position:relative;   
}

/*.PContent
{
	background-image: url('Images/bg_prod.png');
	background-repeat: no-repeat;	
}*/

.rechner fieldset
{
	background-color:Transparent;
	position:relative;   
		
	padding: 0;
	margin: 0px;
	border:0px solid transparent;
}
.rechner legend
{
   visibility:hidden;
}

fieldset.header
{
	margin: 0 30px;
}

fieldset.header th
{
	width:50%;
}

fieldset.content
{
	width:70%;
	margin-left:auto;
	margin-right:auto;
}

fieldset.content table
{
	width:100%;    
	text-align: left;
}

fieldset.content th
{
    text-align: left;
    vertical-align: top;
}

fieldset.content td
{
    text-align: left;
    vertical-align: top;
}

#Track span
{
	color:#8e419c;
	font-weight:bold;  
	font-size:1em;  
}

fieldset.header h5
{
	color:  #8e419c;
	font-size: 1.1em;
}

.rechner thead
{
	color:  #8e419c;
}

.expert
{
	background-repeat: no-repeat;
	border: 2px solid #8e419c;
	width: 100%;
}

.expert div
{
	background-repeat: no-repeat;
	border: 2px solid #8e419c;
	width: 100%;
}

div[title="Command"] 
{	
	clear:both;
	position:absolute;
	right:-25px;
	bottom:-51px;
}

div[title="Command"]#ButtonBack 
{	
	clear:both;
	position:absolute;
	left:-25px;
	bottom:-41px;
}

/* JQuery Validierung */
.validation-summary-container
{
    display:none;
	padding: 0.5em;
	margin: 10px 0px 10px 0px;
	background-color: #ffffdf;
	border: 1px solid #C3937D;
	color: #C3937D;   
}

.field-validation-error
{
	color: #C3937D;
}

.input-validation-error
{
	border: 1px solid #C3937D;
	background-color: #ffffdf;
}

span.validation-summary-errors
{    
	font-weight: bold;
}

/*Loading */

.waitBox
{
	display: none;
	position: fixed;
	top: 35%;
	left: 35%;
	width: 30%;
	height: 30%;
	padding: 16px;
	border: 2px solid #8e419c;
	background-color: white;
	z-index: 1002;
	overflow: auto;
	text-align: center;
}

.waitBackground
{
	display: none;
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.75;       
	opacity:.75;
	filter: alpha(opacity=75);
}

/* Helper */


.NoBorder table
{
	border: none!important; 	
	text-align: left;
}

.NoBorder td
{
	border: none!important;
	padding-left: 0!important;    
	margin: 0!important;
}

/*Navigation*/
#navi
{
	margin-top:5px;
	width: 100%;
}

#navi ul
{
	/*background: url(Images/m_bg.png) ;    */
	border: 1px solid #8e419c;
	margin:auto;
	height:65px;       
	
	padding-left:0;
	list-style-type: none;
}

#navi li
{
	float: left;
	padding: 8px 15px 0px 15px;
	height:100%;
	background: url(Images/m_div.png) no-repeat;      
	background-position:right;
}    
	
#navi li:hover
{  
	background: url(Images/m_hover.png) repeat-x;
}    

#navi .active
{
	background: url(Images/m_sel.png) repeat-x;
}

#navi .user
{
	float:right;
	background: url(Images/m_div.png) no-repeat;      
	background-position:left;
}

#navi .user a, #navi .user span
{
	color: #8e419c;
	font-size: 0.8em;
}

#navi .user img
{
	 vertical-align:middle;
	 padding-right:3px;
}

#reg
{
	position:absolute; 
	left:5px; 
	bottom:5px;
	font-size:0.8em;	
}

#reg img
{
	vertical-align:middle;
	margin-right:3px;
}

/*.login
{
	background: white url(Images/bg_user.png) no-repeat right top ;
}*/

.login fieldset
{	
	padding:15px;
	min-height:250px;  
	position:relative;
	border:none;
}

.login legend
{
	display:none;
}

.login fieldset
{	
	padding:15px;
	min-height:250px;  
	position:relative;
	border:none;
}



/* JQuery Validierung */
.login .validation-summary-container
{
    font-size: 0.9em;
	padding: 0.5em;
	margin: 10px 0px 10px 0px;
	background-color: White;
	border: 1px solid red;
	color: red;   
	 
}
.login .field-validation-error
{
	color: red;
}
.login .input-validation-error
{
	border: 1px solid red;
	background-color: White;
}

.login .span.validation-summary-errors
{    
	font-weight: bold;
}

.login .editor-label
{
    width: 80px;
    float: left;
}
.login .editor-field
{
   width: 200px;
   float: right;
   margin: 2px;
}

.anwender 
{
    clear:both;
}

.anwender .daten
{
    width:35%;
    float:left;
}

.anwender .info
{
   width:64%;
   float:right;
   
}

.anwender legend
{
	display:none;
}

 .anwender fieldset
{	
	padding:15px;	
	position:relative;
	border:none;
}







/* Wokflow - Antragsprozess */

#antrag
{
	width:100%;
}

.steps ul {
	list-style:none;
	margin:0;
	padding:0;
}
.steps li {
	float:left;	
	margin:0;
	padding:0;
	text-align:center;
}
.steps li a {
	display:block;
	width:100%;
	height:50px;

}

.steps
{
	height:55px; 
	margin-top:10px;	
	background-attachment:fixed;
}

.steps li input
{
	display:block;
	width:100%;
	height:50px;
	background-color:transparent;	
	border:none;
}

.steps li input:hover
{
   cursor:pointer;
}

.eins#step1
{
	height:50px;
	margin-bottom:5px;
	background: transparent url(Images/steps_kunde1.png) no-repeat ;   
}


.vier li 
{
   width:225px;
}


.vier #step1
{      
	background: transparent url(Images/steps_kunde4.png) no-repeat scroll -50px -50px;      
}

.vier #step2
{  
	background: transparent url(Images/steps_kunde4.png) no-repeat scroll -50px -150px;      
}        

.vier #step3
{  
	background: transparent url(Images/steps_kunde4.png) no-repeat scroll -50px -250px;      
}        

.vier #step4
{  
	background: transparent url(Images/steps_kunde4.png) no-repeat scroll -50px -350px;      
}        
.vier #step5
{  
	
}        

.drei li 
{
   min-width:300px;   
}

.drei #step1
{      
	background: transparent url(Images/steps_kunde3.png) no-repeat scroll -50px -49px;      
}

.drei #step2
{  
	background: transparent url(Images/steps_kunde3.png) no-repeat scroll -50px -149px;      
}        

.drei #step3
{  
	background: transparent url(Images/steps_kunde3.png) no-repeat scroll -50px -249px;      
}       
.vier #step4
{  
	
}   
		
/* Ende Wokflow - Antragsprozess */   

/* Auswahl Startseite */   
.auswahl 
{
	margin: auto;
	width:800px;
	border-spacing:20px;
	padding: 0 50px;

}

.auswahl td
{
    width:25%;
    height:90px;
   
}



.auswahl  caption
{
    font-size:1.3em;
	font-weight:bolder;
	color:#646464;
	margin:  10px 0;
	
	
}



.auswahl .content
{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    
    border: 1px solid #e3cfe6;    
   
    vertical-align:middle;
    text-align:center;
    color:#8e419c;
    font-weight:bold;
    cursor:pointer;
	
	font-size:1.3em;
	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#c6a0cd');
    /*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
    /*Element must have a height (not auto)*/
    /*All filters must be placed together*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#c6a0cd')";
    /*Element must have a height (not auto)*/
    /*All filters must be placed together*/
    background-image: -moz-linear-gradient(top, #ffffff, #c6a0cd);
    background-image: -ms-linear-gradient(top, #ffffff, #c6a0cd);
    background-image: -o-linear-gradient(top, #ffffff, #c6a0cd);
    background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#c6a0cd));
    background-image: -webkit-linear-gradient(top, #ffffff, #c6a0cd);
    background-image: linear-gradient(top, #ffffff, #c6a0cd);
    /*--IE9 DOES NOT SUPPORT CSS3 GRADIENT BACKGROUNDS--*/
}




/* Ende Auswahl Startseite */ 

 /* Antragsprozess Masken*/
.antrag
{
	position:       relative;
	overflow:       hidden;
	font-size:      1em;
	width: 100%;
}


.antrag fieldset
{
	
	background-color: Transparent;
	
	padding:        0px;
	margin:         0px;
	border:         none;

	font-size:      1em;
}
.antrag legend
{
	display: none;
}

.antrag_ergebnis
{
	width: 100%;
	text-align:  left;
	vertical-align: top;
	font-size:   1em;
}

.antrag_ergebnis h3
{
	color:       #8e419c;
	font-size:   0.9em;
	margin:      10px 15px 5px;
}
.antrag_ergebnis table
{
	font-size:   0.8em;
	width:       100%;
	padding:     0% 2%;
	text-align:  left;
	vertical-align: middle;
}
.antrag_ergebnis tr
{
	padding:     0px 0px;
}
.antrag_ergebnis th
{
	font-weight: normal;
	text-align:  left;
	vertical-align: middle;
	width:       55%;
	padding:     5px 0px;
}
.antrag_ergebnis td
{
	font-style:  italic;
	padding:     5px 0px;
}
.antrag_ergebnis td.garantie 
{
	font-weight: bold;
	font-size:   1.2em;   
}

.antrag_ergebnis ul li
{
    font-size:   0.8em;
}

.antrag dl
{
	width:          96%;
	float:          left;
	display:        inline;
	padding:        0 2%;
	
}

.antrag dt
{
	float:          left;
	width:          40%;
	height:         25px;	
}
.antrag dd
{
	float:          right;
	width:          50%;
	margin:         0px 0px 0px 0px;
	height:         25px;
}


.antrag .part
{
	margin-bottom:5px;
}

.antrag #eingabe
{
  float:left;
  width:70%;  
}
  
.antrag #info
{
	float:right;
	width:29%;
	height:100%;
	margin-right:2px;
}

.antrag .label
{
	color: #8e419c;
   
}

.antrag .required 
{
	color:  #8e419c;   
}

.antrag .required:after 
{
	content: " " url(Images/required.gif);
	vertical-align:middle;
}


.antrag #anmeldung 
{
  float:left;
  width:40%;      
}

.antrag #anmeldung .content 
{
  margin-top:20px;
  margin-left:20px;

}

.antrag.anmeldung #info
{
	float:right;
	width:59%;
	
	margin-right:2px;
}


/* Support*/
#support img
{	
	width:100%;
}

#support p
{
    font-weight: bold;
	font-size:0.8em;
}

#support thead th
{
    color:#8e419c;
    font-size:medium;
    font-weight: bold;
    text-align: left;
}

#support th
{
    width: 20px;
    color:#8e419c;
}

#support table
{
    font-size: small;
}

/*Toolbar*/
.toolbar
{
	position:absolute; 
	right:0px; 
	bottom:-55; 
	width:100%;
	height:50px;      
	border-top: thin solid #8E419C;
	
}

.toolbar .tcenter
{
   
	font-size:0.7em;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	width: 200px;	
}

.toolbar .tcenter a
{
    text-decoration:none;
    color:#838383;    
}

.toolbar .tleft
{
	float:left;
}

.toolbar .tright
{
	float:right;
}

.track
{
	margin:0;
	padding:0;
}

 .rounded 
 {
	
	background-image: url(Images/HBack.png);
	background-repeat:repeat-x;
	 
	margin: 0 auto;
	border: 0px solid #fff;
	
	width: 100%;
   
	text-align: left;
	
	border: 1px solid #a2a2a2;
	

	/* Do rounding (native in Firefox and Safari) */
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin-bottom:5px;

 }
 
 .part:hover 
 {
     border-width:medium;
    
 }
 
 .selected
 {
      background-color:#F1E4F4;
      
 }
 
 .rounded  h1
 {
	 font-size:0.8em;
	 font-family: Arial, "Helvetica Neue", Helvetica, Sans-Serif;   	
	 padding: 0 0 0px;	 
 }
 
 .rounded  h1 img
 {
	 vertical-align:middle;
	 margin: 0 5px;
 }
 
 .rounded  .content
 {
	padding: 0px 5px 5px 5px;
	
	
 }
 
 #auswahl td a.navItem span
 {
     text-align: left;
     font-size: 0.8em;
     color: #646464;
 }

 .rounded
 {
	 overflow:visible;
 }
 /*.rounded  .content.bg
 {
	 background-image: url(Images/bg_prod.png);
	 background-repeat: no-repeat;
	 overflow:visible;
 }*/
 
.nachfrage 
{
    font-size: 0.95em;
}

/*Nachfrage*/
.nachfrage a
{
    color: #8E419C;
}

.nachfrage a:hover
{
    font-weight: bold;
}

.nachfrage li
{
	margin-top:10px;
	margin-bottom:10px;
}

/*Dokumente*/
.dokumente 
{   
	padding: 8px 5px 8px 5px;
	font-size:medium;	
}

.dokumente ul
{
	list-style: none;
	list-style-image: url(images/doc_open16.png);
}

.dokumente li 
{
	font-size:large;
	font-weight:bold;	
	margin-bottom:5px;
}

.dokumente a
{
	font-size:0.8em;
	font-weight:bold;
	color:#646464;
}

.dokumente a:hover
{  
	padding-left:2px;
}

.angebot .content
{
   padding-bottom:20px;
}

#abschluss.rounded
{
  position:relative;
  padding-bottom:20px;
}


#overview 
{
	margin-top:10px;
	width:100%;
	position:relative;
	overflow:hidden;
}

#overview_body
{
	 float:left;
	 width:60%;
}

#overview_info
{
	 float:right;
	 width:39%;
	 vertical-align:top;
	 font-size:0.9em;
	 color:#646464;	 
}

#overview_info dt
{
    float:left;
}


.overview
{
	width:100%;   
	border-spacing:0;  
	border-collapse:collapse; 
	empty-cells:show;
}


.overview  th
{
	font-size:0.6em;
	color:#8e419c;
	padding:0;
	margin:0;
	  width:25%;
	
	
	
}
.overview td
{
	width:25%;
	padding-bottom:3px;
	margin:0;
	font-size:0.8em;
	color: #646464;
	
}


.overview tfoot td
{
	padding-top:3px;
	 border-top: thin solid #c6a0cd;
	 
}

.overview tfoot a
{
	text-decoration:none;
	color: #aa71b5;
	font-size:0.8em;
}

.overview tfoot img
{
	vertical-align:middle;
	
}

.wichtig p
{
    color:#8e419c;
    font-weight:bold;
    
}

#impressum
{
	font-family: Arial, "Helvetica Neue", Helvetica, Sans-Serif; 
	width:80%;  
	font-size:0.8em;	
	
}

#impressum h4, #impressum h3
{
	color:#8e419c;
}

#impressum a
{
	  color: #aa71b5;
}

.hinweis
{
    padding:    0px 3px 3px 0px;
    width:      100%;
	color:      #646464;
	font-size:  0.65em;
	font-style: normal;
    font-weight:normal;
    text-align: justify;
    vertical-align: middle;
}

/*Datenschutz*/

.highlighted
{   
    font-weight:bold;
}

.datenschutzlink
{
    color:Black;
}

.datenschutzlink:visited
{   
    color:Black;
}