@charset "UTF-8";

/* ~~ Damit die Seiten in Firefox nicht springen ~~ */
html {height: 101%;} 

body {
  background-color: #fff;
  font-family:Arial, Helvetica, sans-serif;
  font-size:11.5px;
  margin: 0;
  padding: 0;
  color: #000;
  line-height: 1.3;

}

/* ~~ 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;
}

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. */
}

h1 {
  color:#0055aa;
  font-size:13px;
  line-height:16px;
  text-transform:uppercase;
  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-top:3px;
  padding-bottom:0px;
  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. */
}

h2 {
  font-size:11px;
  margin-top: 20px;   /* 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-top: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. */
}

h4 {
  font-size:11px;
  color:#FFF;
  margin-top: 0px;   /* 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-top:0px;
  line-height:11px;
  padding-bottom: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. */
}


h3, h5, h6 {
  font-size:11px;
  text-align:left;
  margin-top: 0px;   /* 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-top: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. */
}

.fett {
  font-weight:bold;
}

.flattersatz {
  text-align:left;
}

.liste {
  list-style-image:url(../../../templates/kaspar_01/images/square.gif);
  list-style-position:outside;
  padding-left:10px;
  margin-left:10px;
  margin-top:2px;
  text-align:left;
}

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: 0px none;
}

/* Entfernt den grauen Rahmen von einem Hyperlink. */
a:focus { outline: none; }



/* ~~ Link-Definitionen im Inhalt~~ */
div#content a:link {
  color: #7B7B7B;
  text-decoration: underline;
}
div#content a:visited {
  color: #6E6C64;
  text-decoration: underline;

}
div#content a:hover, div#content a:active, div#content a:focus {
  text-decoration: none;
  color:#0055aa;
}



/* ~~ Dieser Container mit fester Breite umschließt alle anderen div-Tags. ~~ */
div#container {
  width: 960px;
  background: #FFFFFF;
  margin: 5px auto 10px auto; /* Der mit der Breite gekoppelte automatische Wert an den Seiten zentriert das Layout. */
}

div#topline {
  position:relative;
  height:30px;
  background: #FFFFFF;
  margin: 10px auto; /* Der mit der Breite gekoppelte automatische Wert an den Seiten zentriert das Layout. */
}


/* ~~ Sitemap ~~ */





#xmap ul {
  display    : block;
  list-style  : none;
  margin    : 0;
  padding-bottom    : 10px;
font-weight: bold;

}


#xmap ul li {
  margin    : 0;
  padding  : 0;
  background  : transparent;
}

#xmap a img {
  border    : none;
}


#xmap ul.level_0 ul {
  list-style  : none;

  padding    : 0;
font-weight: normal;
}

#xmap ul.level_1 li {
  padding    : 0 0 0 2em;
  color:#EE7B00;
}


#xmap .active {
  font-style  : normal;
}

#xmap {
font-weight: normal;
}


#xmap .active {
  font-style  : italic;
}



/* ~~ Suchen-Feld ~~ */

div#suchbox {
  position:absolute;
  top:5px;
  width:150px;
  padding-top:0px;
  padding-bottom:0px;
}

.inputbox {
  background:transparent none repeat scroll 0 0;
  font: 11px Arial, Helvetica, sans-serif;
  border:1px solid #A9A9A9;
  background-color:#FFF;
  color:#A9A9A9;
  margin:5px 0 5px 0;
  padding:2px !important;
  width:145px;
}


/* ~~ Hauptmenü ~~ */
div#nav {
  color: #999999;
    height: 25px;
    margin-top: 3px;
    position: absolute;
    right: 0px;
    text-align: right;
    top: 15px;
}


div#nav a {
  color:#666;
  font-weight:bold;
    text-decoration:none;
}


div#nav ul li {
  display:inline;
  list-style-type:none;
  margin-left:30px;
}


div#nav ul li a:link {
  text-decoration:none;
  background-image : none;
  color: #6E6C64;
}

div#nav ul li a:hover {
  color:#000;
  text-decoration  : none;
}

div#nav ul li.active a:visited {
    color: #000;
  text-decoration  : none;
}





/* ~~ Branding ~~ */
div#head {
  margin-top:10px;
  z-index:1;
}

div#white-line {
  position:absolute;
  top:220px;
  width:960px;
  height: 30px;
  background-image:url(../../../templates/kaspar_01/images/weisser-back.png);
  background-repeat:repeat-x;
  z-index:2;
}

div#slogan {
  position:absolute;
  top:205px;
  height: 30px;
  z-index:3;
  font-size:18px;
  color:#FFF;
  padding-left: 5px;
  line-height: 1;
}

div#logo {
  background-image:url(../../../templates/kaspar_01/images/kaspar-logo.png);
  background-repeat:no-repeat;
  position:absolute;
  top: 162px;
  width:230px;
  margin-left:700px;
  height:79px;
  z-index:4;
}

/* ~~ Inhalt ~~ */
div#content {
  padding: 10px 0px;
  width: 640px;
  float: left;
  background-color:#fff;
  padding-right:50px;
  margin-left:0px;
  }
  
div#sidebar2 {
  float: left;
  width: 250px;
  padding-bottom:30px;
  background-color:#fff;
  margin-right:20px;
  min-height:550px;
}

/* ~~ Ebene 1 ~~ */

div#main_nav {
  padding-top:15px;
  border-bottom: 1px solid #0055aa;
}

div#main_nav a {
  border-top: 1px solid #0055aa;
  width:240px;
}


div#main_nav ul li
{
  display:block;
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
  list-style-type:none;
}


div#main_nav ul li a, 
div#main_nav li a:link, 
div#main_nav ul li a:visited
{
  display          : block;
  padding          : 5px 0px 5px 10px;
  color            : #7B7B7B;
  font-weight      : bold;
  text-decoration:none;
}


div#main_nav ul li:hover {
  background-image:url(../../../templates/kaspar_01/images/block_on.png);
  background-repeat:no-repeat;
}

div#main_nav ul li a:hover
{
  color            : #000;
  text-decoration  : none;
  
}


div#main_nav ul li.active
{
  background-image:url(../../../templates/kaspar_01/images/block_on.png);
  background-repeat:no-repeat;
}


div#main_nav ul li.active a:link, 
div#main_nav ul li.active a:visited
{
  color            : #000;
  font-weight      : bold;
}


/* ~~ Ebene 2 ~~ */

div#main_nav ul li.active ul li
{
  background-image:none;
  margin-left:25px;
  padding-left:0px;
}

div#main_nav ul li.active ul li a:link
{
  border           : none;
    color            : #7B7B7B;
}

div#main_nav ul li.active ul li a:visited
{
  color:#7B7B7B;
  font-weight      : bold;
  border           : none;
  background-image:none;
}

div#main_nav ul li.active ul li a:hover
{ 
  color            : #000;
  background-image:none;
}


div#main_nav ul li.active ul li:link, 
div#main_nav ul li.active ul li:visited
{
  background-image:none;
    color            : #7B7B7B;
}

div#main_nav ul li.active ul li:hover
{ 
  color            : #000;
  background-image:none;
}

div#main_nav ul li.active ul li.active a:visited
{ 
  color            : #000;
  background-image:none;
}


/* ~~ News ~~ */  
div#actual {
  float: left;
  width: 250px;
}

div#actual {
  padding: 5px 0px 15px 0px;
}

#actual .moduletable th {
  text-align: left;
  padding: 0 0 3px 10px;
  font-size:11.5px;
  color:#000;
}

.aidanews2_topL, .aidanews2_botL {
  float: left;
  width: 50%;
  text-align: left;
  margin-bottom: 7px;
}

.aidanews2_topL {
  font-size: 10px;
}

.aidanews2_topR, .aidanews2_botR {
  float: right;
  width: 50%;
  text-align: right;
}

.aidanews2_main {
}

.aidanews2_mainL {
  width: auto;
  float: left;

}

.aidanews2_mainC {
  width: auto;
  overflow: auto;
}

.aidanews2_mainR {
  width: auto;
  float: right;
}

.aidanews2_title {
  padding: 0;
  margin: 0;
  display: inline;
  font-size: 15px;
  border: 0 !important;
}

.aidanews2_title a:link {
  font-weight: bold;
}

.aidanews2_date {
}

.aidanews2 img {
  padding: 2px;
  border: solid 1px #ccc;
  margin-right: 5px;
  float: left;
}

.aidanews2 .readon {
  margin-top: 3px;
}

.aidanews2_positions {
  padding: 2px 10px !important;
}

.aidanews2 .even {
  background-color: #E8E8E8;
}

.aidanews2_line {
  width: 100%;
  border-bottom: 1px solid #0055aa;
}

.aidawarning {
  font-weight: bold;
  color: red;
  font-size: 10px;
}

/* Tables */

.aidanews2_table {
  width: 100%;
  margin-bottom: 5px;
}

.aidanews2_table .aidanews2_tabrow {
  clear: both;
  width: 100%;
  margin: 0;
}

.aidanews2_table .aidanews2_tabrow .aidanews2_art {
  float: left;
  display: inline;
  border-right: 1px solid #ccc;
}

.firstinrow {
  border-left: 1px solid #ccc;
}

.infirstrow {
  border-top: 1px solid #ccc;
}

/* Bottom Link */

.aidanews2_bottomlink {
  padding: 5px 8px 3px;
}

.aidanews2_bottomlink a:link {
  font-weight: bold;
}

.aidanews2_table .aidanews2_bottomlink {
  border: 1px solid #ccc;
  border-top: 0px;
  width: 25%;
  clear: both;
  background-color: #E8E8E8;
}

/* Rating, Hits, Comments Images */

.aidanews2_rating {
  background: url("../img/default/rating.png") no-repeat scroll 0 2px transparent;
    padding: 3px 3px 3px 20px;
}

.aidanews2_hits {
  background: url("../img/default/hits.png") no-repeat scroll 0 2px transparent;
    padding: 3px 3px 3px 20px;
}

.aidanews2_comments {
  background: url("../img/default/comments.png") no-repeat scroll 0 2px transparent;
    padding: 3px 3px 3px 20px;
}

/* New in v 2.0.7 */

.aidanews2_stars_rating {
  display: inline;
  width: 80px;
  height: 16px;
}

.aidanews2_stars_rating img {
  padding: 0;
  border: 0;
  margin: 0;
}


/* ~~ Die Reihenfolge der Stildefinitionen für die Hyperlinks der Site, einschließlich der Gruppe der Selektoren zum Erzeugen des Hover-Effekts, muss erhalten bleiben. ~~ */
div#sidebar2 a:link {
  color: #7B7B7B;
  margin-left: 0px;
  text-decoration: underline;
}
div#sidebar2 a:visited {
  color: #7B7B7B;
  text-decoration: underline;

}
div#sidebar2 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;
  color:#0055aa;
}





/* ~~ Stile für die Fußzeile ~~ */
.footer {
  padding: 5px 0px;
  margin-bottom:25px;
  border-top: 1px solid #0055aa;
  color:#7B7B7B;
  font-size:85%;
  text-align:right;
  position: relative;/* Hiermit erhält IE6 die Eigenschaft hasLayout, damit die clear-Anweisung korrekt ausgeführt wird. */
  clear: both; /* Diese clear-Eigenschaft bewirkt, dass .container das Ende der fließenden Spalten erkennt und ihren Inhalt aufnimmt. */
}

div#adress {
  text-align:left;
  width: 700px;
  float:left;
}

div#adress a:link {
  color: #7B7B7B;
  text-decoration: underline;
}
div#adress a:visited {
  color: #6E6C64;
  text-decoration: underline;

}
div#adress a:hover, div#content a:active, div#content a:focus {
  text-decoration: none;
  color:#0055aa;
}


/* ~~ Inhalts-Styles ~~ */
div#column1 {
  width: 250px;
  float:left;
}

div#column2 {
  width: 362px;
  margin-left: 280px;
}


/* ~~ Damit der JCE-Editor nicht die Hintergrundfarbe übernimmt!!!!!! ~~ */
body.mceContentBody {
background-color: #FFF !important; /*hier die gewünschte Hintergrundfarbe angeben*/
background-image: none;
}

body.mceContentBody a:link {
  color: #7B7B7B;
  text-decoration: underline;
}

body.mceContentBody a:visited {
  color: #0055aa;
  text-decoration: underline;

}
body.mceContentBody a:hover, body.mceContentBody a:active, body.mceContentBody 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;
  color:#0055aa;
}


a.meinlink { list-style-image:none;
background-color: #fff;}
a.meinlink:link { list-style-image:none; }
a.meinlink:visited { list-style-image:none; }
a.meinlink:hover { list-style-image:none; }

.clearfloat { /* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schließen eines Containers sein, der wiederum einen vollständigen Float enthalten sollte. */
  clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/* ++++++++++++++  pagination  ++++++++++++++ */

.pagination
{
        margin:10px 0 ;
        padding:10px 0 10px 0px;
        clear:both;
        font-size: 12px;
        display:block;text-align: center;
}
.pagination ul
{
        list-style-type:none;
        margin:0;
        padding:0;
        text-align:center;
}
.pagination li
{
        display:inline;
        padding:2px 5px;
        text-align:left;
        border:solid 1px #eee;
        margin:0 2px;
        background: none;
}
.pagination li.pagination-start,
.pagination li.pagination-next,
.pagination li.pagination-end,
.pagination li.pagination-prev
{border:0; background: none;}
.pagination li.pagination-start,
.pagination li.pagination-start  span
 {
padding:0; background: none;

}

.pagenav
{padding:2px; clear:both;}
p.counter
{
        font-weight:normal;
}

    /* ++++++++++++++  Icons  ++++++++++++++ */
ul.actions, .actions ul {
  text-align: right;
}
ul.actions li, .actions ul li {
  list-style-type: none;
  margin: 0 0 0 0 !important;
  padding: 0 5px 0 0;
  background: none;
  height: 16px;
  display:inline;
  background: none !important;
}
li.print-icon, .print-icon li {
  list-style-type: none;
  margin: 0 0 0 0 !important;
  padding: 0 0 0 0 !important;
  background: none;
  height: 16px;
  background: none !important;
}
li.email-icon, .email-icon li {
  list-style-type: none;
  margin: 0 0 0 0 !important;
  padding: 0 3px 0 3px !important;
  background: none;
  height: 16px;
  background: none !important;
}

/* ++++++++++++++  readmore  ++++++++++++++ */
.readmore {margin: 5px 0 0 0;}
.readmore a {background-color: #EBEBED;color: #8B8B8B;padding: 1px 3px; }
.readmore a:hover {text-decoration: none;background-color: #CCCCCC;}

/* ++++++++++++++  tooltip  ++++++++++++++ */
.tip { border:solid 1px #333;background:#ffffcc; font-size:0.8em;text-align:left;  padding:3px; max-width:400px}
.tip-title { font-weight:bold; }

.dropdown-toggle { display:none; }

@font-face {
	font-family: 'IcoMoon';
	src: url('../../../media/jui/fonts/IcoMoon.eot');
	src: url('../../../media/jui/fonts/IcoMoon.eot?#iefix') format('embedded-opentype'), url('../../../media/jui/fonts/IcoMoon.woff') format('woff'), url('../../../media/jui/fonts/IcoMoon.ttf') format('truetype'), url('../../../media/jui/fonts/IcoMoon.svg#IcoMoon') format('svg');
	font-weight: normal;
	font-style: normal;
	
}
[data-icon]:before {
	font-family: 'IcoMoon';
	content: attr(data-icon);
	speak: none;
}
[class^="icon-"],
[class*=" icon-"] {
	display: inline-block;
	width: 14px;
	height: 14px;
	*margin-right: .3em;
	line-height: 14px;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
	font-family: 'IcoMoon';
	font-style: normal;
	speak: none;
}
[class^="icon-"].disabled,
[class*=" icon-"].disabled {
	font-weight: normal;
}
.icon-envelope:before,
.icon-mail:before {
	content: "\4d";
	color: gray;
}
.icon-print:before,
.icon-printer:before {
	content: "\e013";
	color: gray;
}
.icon-search:before {
	content: "\53";
}
li.print-icon a, li.email-icon a  {
	color: #616161;
	font-size: 11px;
	text-decoration: none;
}
.search .pull-right {
	float: right;
}
.search .pull-left {
	float: left;
}
.searchintro {
	clear: both;
}
.mod-languages ul {
	list-style: none;
	background: none !important;
}
.mod-languages li {
	list-style: none;
	background: none !important;
	padding: 0 !important;
}
.input-prepend label {
	display: block;
}
.alert {
	padding: 8px 35px 8px 14px;
	margin-bottom: 18px;
	text-shadow: 0 1px 0 rgba(255,255,255,0.5);
	background-color: #fcf8e3;
	border: 1px solid #fbeed5;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.alert,
.alert h4 {
	color: #c09853;
}
.alert h4 {
	margin: 0;
}
.alert .close {
	position: relative;
	top: -2px;
	right: -21px;
	line-height: 18px;
}
.alert-success {
	background-color: #dff0d8;
	border-color: #d6e9c6;
	color: #468847;
}
.alert-success h4 {
	color: #468847;
}
.alert-danger,
.alert-error {
	background-color: #f2dede;
	border-color: #eed3d7;
	color: #b94a48;
}
.alert-danger h4,
.alert-error h4 {
	color: #b94a48;
}
.alert-info {
	background-color: #d9edf7;
	border-color: #bce8f1;
	color: #3a87ad;
}
.alert-info h4 {
	color: #3a87ad;
}
.alert-block {
	padding-top: 14px;
	padding-bottom: 14px;
}
.alert-block > p,
.alert-block > ul {
	margin-bottom: 0;
}
.alert-block p + p {
	margin-top: 5px;
}
div.tooltip {
display: none !important;
}