/* CSS Document */
body {
	font: 15px/1.3 Candara, Tahoma, Verdana, Segoe, sans-serif;;
	color: #333;
}

/* ~~ Element-/Tag-Selektoren ~~ */
ul, ol, dl { /* Aufgrund von Abweichungen zwischen verschiedenen Browsern empfiehlt es sich, die Auffüllung und den Rand in Listen auf 0 einzustellen. Zu Konsistenzzwecken können Sie die gewünschten Werte entweder hier oder in den enthaltenen Listenelementen (LI, DT, DD) eingeben. Beachten Sie, dass die hier eingegebenen Werte hierarchisch auf die .nav-Liste angewendet werden, sofern Sie keinen spezifischeren Selektor festlegen. */
	padding: 0;
	margin: 0;
}

h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 /* Durch Verschieben des oberen Rands wird das Problem behoben, dass Ränder aus dem zugehörigen div-Tag geraten können. Der übrig gebliebene untere Rand hält ihn getrennt von allen folgenden Elementen. */
	padding-right: 0px;
	padding-left: 0px; /* Durch Hinzufügen der Auffüllung zu den Seiten der Elemente innerhalb der div-Tags anstelle der div-Tags selbst entfallen jegliche Box-Modell-Berechnungen. Alternativ kann auch ein verschachteltes div-Tag mit seitlicher Auffüllung verwendet werden. */
	color: #333;
	margin-bottom:0;
}

h1 {
        font-size:20px;
        font-stretch:normal;
		font-weight:normal;
		text-transform:uppercase;
		color:#d44f5a;
		border-bottom: 3px solid #d44f5a;
		padding-bottom: 6px;
}
h1.inLin {
		width:auto;
		display:inline;
}
h2 {
        font-size:18px;
        font-stretch:normal;
		font-weight:bold;
		text-transform:uppercase;
		color:#333;
		border-bottom: 0px solid #d44f5a;
		padding: 0;
		margin: 0;
}
h3 {
        font-size:15px;
        font-stretch:normal;
		font-weight:bold;
		text-transform:none;
		color:#333;
		border-bottom: 0px solid #d44f5a;
		padding:1em 0 0 0;
		margin: 0;
}
p {
		margin-bottom:1em;
}
div p:last-child {
		margin-bottom:0;
}
.red {color:#d44f5a;}
.blue {color:#6bb7fe;}
.noMargTop {margin-top:0;}
.underscore { text-decoration:underline;}
.small {font-size:11px;}
a img { /* Dieser Selektor entfernt den standardmäßigen blauen Rahmen, der in einigen Browsern um ein Bild angezeigt wird, wenn es von einem Hyperlink umschlossen ist. */
	border: none;
}
a.arr {background:url(../pix/arr_red.png) 0 4px no-repeat; padding-left:15px;}
/* ~~ Die Reihenfolge der Stildefinitionen für die Hyperlinks der Site, einschließlich der Gruppe der Selektoren zum Erzeugen des Hover-Effekts, muss erhalten bleiben. ~~ */
a:link {
	color: #d44f5a; 
	text-decoration: none; border-bottom: 1px dotted #d44f5a; /* Sofern Ihre Hyperlinks nicht besonders hervorgehoben werden sollen, empfiehlt es sich, zur schnellen visuellen Erkennung Unterstreichungen zu verwenden. */
}
a:visited {
	color: #d44f5a;
	text-decoration: none; border-bottom: 1px dotted #d44f5a;
}
a:hover, a:active, a:focus { /* Durch diese Gruppe von Selektoren wird bei Verwendung der Tastatur der gleiche Hover-Effekt wie beim Verwenden der Maus erzielt. */
	text-decoration: none; border-bottom: 1px solid #d44f5a; 
}
	ol {list-style-type: decimal; padding: 0 0 0 40px; margin-bottom: 12px;}
	ol li {padding-left: 2px;}	
	ul li {list-style:none; padding-left:25px; padding-top:1px; padding-bottom:2px; 
      background: url(../../media/pix/sq.jpg) 3px 6px no-repeat; }

.address {
        font-family:OpenSansCondensedLight;
        font-size:12px;
		line-height: 14px;
        font-stretch:normal;
		text-transform:uppercase;
		letter-spacing:1px;
		color:#d44f5a;
}

.ribbon p {color: #ccc;}
.ribbon a:link {
	color: #e88;
	text-decoration: none; /* Sofern Ihre Hyperlinks nicht besonders hervorgehoben werden sollen, empfiehlt es sich, zur schnellen visuellen Erkennung Unterstreichungen zu verwenden. */
}
.ribbon a:visited {
	color: #e88;
	text-decoration: none;
}
.ribbon a:hover, .ribbon a:active, .ribbon a:focus { /* Durch diese Gruppe von Selektoren wird bei Verwendung der Tastatur der gleiche Hover-Effekt wie beim Verwenden der Maus erzielt. */
	border-bottom: 1px solid #e88;
}

.ribbon .content p {
	padding-left: 70px;
}

.box {
	background-color:#f8f8f8;
	border: solid 1px #aaa;
	padding: 12px 12px 12px 12px;
	margin: 5px 0px 15px 0px;
	line-height: 18px;
	overflow: auto;
	border-radius: 6px;
	box-shadow: 0px 4px 4px #cfcfcf;
}
.pbox {
	border-top: solid 1px #d44f5a;
	border-bottom: solid 1px #d44f5a;
	padding-top: 0px;
	padding-bottom: 18px;
	margin-top: 24px;
	margin-bottom: 24px;
}

.rounded {
	-webkit-border-radius: 6px; /* Safari 3.1+, Chrome 4.0+ */
	-moz-border-radius: 6px; /* Gecko: Netscape 6+, Mozilla FF 4.0+ */
	-o-border-radius: 6px; /* Opera 10.5+ */
	-khtml-border-radius: 6px; /* Konqueror, Safari */
	-ms-border-radius: 6px; /* MSIE 10.0+ */
	border-radius: 6px; /* CSS3 */
	behavior: url(http://www.bbsense.ch/cms/fileadmin/templates/css/screen/PIE.htc); /* MSIE < 9.0 */
}
.shadow {
	/* Shadow: hor, vert, blur */
	-webkit-box-shadow: 2px 3px 4px #cfcfcf;
	-moz-box-shadow: 2px 3px 4px #cfcfcf;
	box-shadow: 2px 3px 4px #cfcfcf;
}

#vishome{
	border-radius: 6px !important;
	box-shadow: 2px 3px 4px #cfcfcf !important;
}


/* Main Navigation Horizontal
   --------------------------
*/
.hlist {
    /* (en) containing floats in IE */
    /* (de) Einfassen der Floats im IE */
    width:100%;
    overflow:hidden;
    /* (en) containing floats in all other browsers */
    /* (de) Einfassen der Floats in allen anderen Browsern */
    float:left;
    display:inline;
    /* (en|de) Bugfix:IE - collapsing horizontal margins */
    position:relative;
    /* (en) Repeat the main color from the image */
    /* (de) Wiederholung der Hauptfarbe aus der Bilddatei */
    
    border-top:0px #333 solid;
    border-bottom:0px #333 solid;
    line-height:0;
  }

.hlist ul {
    margin:0;
    padding:0;
    /* (en|de) Bugfix:IE - Doubled Float Margin Bug */
    display:inline;
    float:left; /* LTR */
    /* (en) Left margin of the first button  */
    /* (de) Abstand des ersten Buttons vom linken Rand  */
    border-left:0px #aaa solid;
    border-right:0px #fff solid;
  }

.hlist ul li {
    border:1px solid #fff;;
    /* (en|de) Bugfix:IE - Doubled Float Margin Bug */
    display:inline;
    float:left; /* LTR */
    font-family:Tahoma, Verdana, Segoe, sans-serif;
    font-size:13px;
    line-height:20px;
    font-weight:normal;
    text-transform:uppercase;
    list-style-type:none;
    margin:0;
    padding:10px 10px 0.5em 10px;

 	/* Rounded Corners */
	-webkit-border-top-left-radius: 12px; /* Safari 3.1+, Chrome 4.0+ */
	-webkit-border-top-right-radius: 12px; /* Safari 3.1+, Chrome 4.0+ */
	-moz-border-radius-topleft: 12px; /* Gecko: Netscape 6+, Mozilla FF 4.0+ */
	-moz-border-radius-topright: 12px; /* Gecko: Netscape 6+, Mozilla FF 4.0+ */
	-o-border-top-left-radius: 12px; /* Opera 10.5+ */
	-o-border-top-right-radius: 12px; /* Opera 10.5+ */
	-khtml-border-radius-topleft: 12px; /* Konqueror, Safari */
	-khtml-border-radius-topright: 12px; /* Konqueror, Safari */
	-ms-border-top-left-radius: 12px; /* MSIE 10.0+ */
	-ms-border-top-right-radius: 12px; /* MSIE 10.0+ */
	border-top-left-radius: 12px; /* CSS3 */
	border-top-right-radius: 12px; /* CSS3 */
	behavior: url(http://www.bbsense.ch/cms/fileadmin/templates/css/screen/PIE.htc); /* MSIE < 9.0 */
	/* Shadow: hor, vert, blur */
	-webkit-box-shadow: 0px 2px 2px #cfcfcf;
	-moz-box-shadow: 0px 2px 2px #cfcfcf;
	box-shadow: 0px 2px 2px #cfcfcf;
	/* Background with gradient */
	background-color: #ddd; /* old browsers */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #777777), color-stop(50%, #333333), color-stop(51%, #333333), color-stop(100%, #222222)); /* Saf4+, Chrome */
	background: -webkit-linear-gradient(top, #dddddd, #f9f9f9); /* Chrome 10+, Saf5.1+ */
	background: -moz-linear-gradient(top,  #dddddd 0%, #f9f9f9 100%); /* FF3.6 */
	background: -ms-linear-gradient(top, #dddddd, #f9f9f9); /* IE10 */
	background: -o-linear-gradient(top, #dddddd, #f9f9f9); /* Opera 11.10+ */
	background: linear-gradient(top, #dddddd, #f9f9f9); /* W3C */
	-pie-background: linear-gradient(270deg, #dddddd, #f9f9f9 70%); /* IE6-9 */
	/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#777777', endColorstr='#333333', GradientType=0 ); */

  }

.hlist ul li a,
.hlist ul li strong {
    background:transparent;
    color:#333;
    display:block;
    font-size:1em;
    font-weight:normal;
    margin:0;
    text-decoration:none;
    width:auto;
	border-bottom: none;
  }

.hlist ul li a:focus,
.hlist ul li a:hover,
.hlist ul li a:active  { color:#999; text-decoration:none; outline: 0 none; }

.hlist ul li.cur {
    /* (en) Repeat the main color from the image */
    /* (de) Wiederholung der Hauptfarbe aus der Bilddatei */
    background:#999;
    color:#fff;
  }

.hlist ul li.active strong,
.hlist ul li.active a:focus,
.hlist ul li.active a:hover,
.hlist ul li.active a:active { background:transparent; color:#fff; text-decoration:none; }

.hlist ul li.cur a { color:#fff;}

ul li {list-style:none; padding-left:25px; padding-top:1px; padding-bottom:2px; 
      background: url(../../media/pix/sq.jpg) 3px 6px no-repeat; }