body
{
	background-color: #326ACD;
}

#contentshell {background-color: #afbacd; }

#langwrapper{
    background-color: #afbacd;
    position: relative;
    height: 25px;
}

    
#lang {
    position: absolute;
    bottom: 100%;
    left: 100%;
    z-index: 3000; 
    margin: 0 0 -20px -20em;
    font-size: 10px;
    font-family:  Helvetica, Arial, Verdana, sans-serif;
/*     display: table-cell; vertical-align: middle; text-align: center;*/
}

#lang a{
  font-weight: bold;
  color: #fff;
 }
#lang a:link{
  font-weight: bold;
  color: #fff;
 }
 #lang a:visited{
  font-weight: bold;
  color: #fff;
 }
#lang a:hover{
  font-weight: bold;
  color: #ddd;
 }
#lang a.on{color: #eee; text-decoration: underline;}
#lang span.orangebullet {font-size: 11px; font-family: sans-serif; color: #E48E25}

.liquidlangtop-left, .liquidlangtop-right, .liquidlangbottom-left, .liquidlangbottom-right { 
  z-index: 1000;
  background-image: url('http://cdn.iban-rechner.de/cdn/img/liquidlang3.png') !important;/* CHANGE: path and name of your image1 */
  background-image: url('http://cdn.iban-rechner.de/cdn/img/liquidlang3.gif');
	background-repeat: no-repeat;
	height: 10px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
	font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
	}
.liquidlangtop-left, .liquidlangbottom-left { 
	margin-right: 10px; /* CHANGE: replace by the width of one of your corners */
	}
.liquidlangtop-right, .liquidlangbottom-right { 
	margin-left: 10px;  /* CHANGE: replace by the width of one of your corners */
	margin-top: -10px;  /* CHANGE: replace by the height of one of your corners */
	}
.liquidlangtop-right {
	background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */
	}
.liquidlangbottom-left  { 
	background-position: 0 -10px;    /* CHANGE: replace second number by negative height of one of your corners */
	}
.liquidlangbottom-right { 
	background-position: 100% -10px; /* CHANGE: replace second number by negative height of one of your corners */
	}

.liquidlanginside {
  z-index: 900;
	margin-left: 10px;               /* CHANGE: replace by the width of one of your corners */
	margin-right: 10px;              /* CHANGE: replace by the width of one of your corners */
	background-color: #518bf9;           /* YCC: background-color of the inside */
	color: #ffffff;                 /* YCC: default text-color of the inside */
	padding-left: 5px;             /* YCC: all texts at some distance of the left border */
	padding-right:5px;             /* YCC: all texts at some distance of the right border */
	text-align: left;  
	height: 11px;             /* YCC: position of all texts inside */
	}
.liquidlangnotopgap    { margin: 0; padding: 0; z-index: 1000;}    /* DNC: to avoid splitting of the box */
.liquidlangnobottomgap { margin:0; padding: 0; z-index: 1000;} /* DNC: to avoid splitting of the box */
.liquidlanginsideleft {
  z-index: 1000;
	background-image: url('http://cdn.iban-rechner.de/cdn/img/liquidbreadborder.gif'); /* CHANGE: path and name of your image2 */
	background-repeat: repeat-y;   /* DNC: to pile the image2 as much as needed */
	}
.liquidlanginsideright {
  z-index: 1000;
  height: 11px;
	background-image: url('http://cdn.iban-rechner.de/cdn/img/liquidbreadborder.png') !important;
	background-image: url('http://cdn.iban-rechner.de/cdn/img/liquidbreadborder.gif'); /* CHANGE: path and name of your image2 */
	background-repeat: repeat-y;   /* DNC: to pile the image2 as much as needed */
	height: 11px;
	}
.liquidlanginsideright { background-position: 100% 0; } /* DNC: position right corner */



.navbar-brand {
    padding: 0 0 0 0;
}
    
.navbar {
    background-color: #afbacd;
}


#mainNavig  
{
    padding: 15px;
}


#mainNavig li a 
{
  display: block;
  height: 70px;  
	width: 145px;
	outline: none;
	font: bold 1em Helvetica, Arial, "Trebuchet MS", Verdana, sans-serif;	
	line-height: 15px;
	text-transform: uppercase;
	text-align: center;
	background-image: url('http://cdn.iban-rechner.de/cdn/img/navigationsprite2.png');
	background-repeat: no-repeat;
	padding: 0 0 0 0;
}
#mainNavig li a:link 
{
	text-decoration: none;	
	color: #000;
}
#mainNavig li a:visited 
{
	text-decoration: none;	
	color: #000;
}
#mainNavig li a:hover
{
  text-decoration: underline;
  color: #575757;
}


#mainNavig li a.guarantee{background-position: -145px bottom;} 
#mainNavig li a.guarantee:link, a.guarantee:visited{background-position: -145px bottom;}
#mainNavig li a.guarantee:hover{background-position: -145px center;}
#mainNavig li a.guaranteeon
{
  background-position: -145px top; 
  text-decoration: underline;
  color: #000;
}

#mainNavig li a.faq{background-position: -290px bottom;}
#mainNavig li a.faq:link, a.faq:visited{background-position: -290px bottom;}
#mainNavig li a.faq:hover{background-position: -290px center;}
#mainNavig li a.faqon 
{
  background-position: -290px top; 
  text-decoration: underline;
  color: #000;
}

#mainNavig li a.privacy{background-position: -435px bottom;}  
#mainNavig li a.privacy:link, a.privacy:visited{background-position: -435px bottom;}
#mainNavig li a.privacy:hover{background-position: -435px center;}
#mainNavig li a.privacyon
{
  background-position: -435px top; 
  text-decoration: underline;
  color: #000;
}



#mainNavig li a.iban_berechnen_bic {background-position: 0px bottom;}
#mainNavig li a.iban_berechnen_bic:link, a.iban_berechnen_bic:visited {background-position: 0px bottom;}
#mainNavig li a.iban_berechnen_bic:hover{background-position: 0px center;}
#mainNavig li a.iban_berechnen_bicon
{
  background-position: 0px top; 
  text-decoration: underline;
  color: #000;
}


#mainNavig li a.contact{background-position: -580px bottom;} 
#mainNavig li a.contact:link, a.contact:visited{background-position: -580px bottom;}
#mainNavig li a.contact:hover{background-position: -580px center;}
#mainNavig li a.contacton
{
  background-position: -580px top; 
  text-decoration: underline;
  color: #000;
}


#subnavrounded {background-color: #fff;
		display:block; background:#f0f0f0; border:3px solid #7c879a;
	       }

.greyborder {
    background-color: #fff;
    border:3px solid #7c879a;
    margin: 0px 7px 7px 10px;
}

.greybordernotleft {
    background-color: #fff;
    border:3px solid #7c879a;
    margin: 0px 7px 7px 0px;
}


.greyborder ul, .greybordernotleft ul {
	list-style: square;}
.greyborder li, .greybordernotleft li {
	padding-bottom: 0px; padding-left: 0px; margin-left: -15px;}

.subNavLinks span.orangepipe {font-weight: bold; color: #E48E25}

.subNavLinks a 
{
	font-weight: bold;
	padding:  0 10px 0 10px;
	margin:  0 0 0 0;
	color: #575757;
}
.subNavLinks a:link 
{
	font-weight: bold;
	color: #575757;
}
.subNavLinks a:visited 
{
	font-weight: bold;
	color: #575757;
}
.subNavLinks a:hover 
{
	font-weight: bold;
	text-decoration: underline;
}


.subNavLinks a.on 
{
	text-decoration: underline;
}


.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}


h1 {font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 2em; font-weight: bold; color:#356bcc; border-bottom: 3px dotted #e38d20;}
h2 {font-family: Helvetica, Arial, verdana, sans-serif; font-size: 1.3em;  font-weight: bold; color:#356bcc; border-bottom: 2px dotted #e38d20;}

h3 {font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 1em; font-weight: bold; color:#356bcc; border:0;}


fieldset{
	background-color:#f0f0f0;	
	border-width:1px;
	border-style:solid;
	border-color:#7c879a;	
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size:12px;		
	margin:10px 40px 5px 10px;
	width:100%;
	padding: 0px 10px 5px 10px;
}

legend{	
	background-color:#7c879a;	
	border-width:1px;
	border-style:solid;
	border-color:#7c879a;
	width:auto;
	color:#fff;
	font-weight:bold;	
	font-size:110%;		
	padding: 2px 5px 1px 5px;
	margin:0px 0px 10px 0px;
}

img { border: 0; }