/*
    Eckbank-Center Bieri
	  Grundlayout V1.1
	  	  
*/

* {
 padding: 0;
 margin: 0;
}

body {
 font-size: 100.01%;
 font-family: Verdana, Arial, Helvetica, sans-serif;
/* background: #CCCC99 url(__images/suntile.jpg); */
 background-color: #CCCC99;
 text-align: center;
 line-height: 15px;
}

/*  p {
 padding: 10px;
}  */

img {
 border: 0;
 max-width: none;
 vertical-align: middle; /* overwrite Bootstrap */
}

h1, h2, h3 {
 text-align: center;
  font-family: Verdana,Arial,Helvetica;
  font-style: normal;
  font-weight: normal;
  line-height: 1.1;
  padding-bottom: 10px
}
h1 a:link{
 color:#000000;
 text-decoration: none
}
h1 a:visited{
 color:#000000;
 text-decoration: none
}
h1 a:hover{
 color:#6B3899;
 text-decoration: underline;
}
h1 a:active{
 color:#f00000;
 text-decoration: none
}
h4 {
  padding-bottom: 5px
}

hr {
 margin: 3px 0 6px 0;
}

li {
 margin-left: 22px;
 line-height: 12px; /* overwrite Bootstrap */
}

/* Formulare */
input {
 font-size: 79%;   /* V1.1, vorher 10px; */
}
label {
/* font: 100.01% Verdana, sans-serif;  */
 font-size: 74%;   /* V1.1, vorher 10px; */
 color: #6078BF;
}
legend {
 font-size: 75%;   /* V1.1, vorher 10px; */
/* font-weight: bold; */
background-color: #FFCC80;
/* border: 1px solid #BF9960; */
padding: 0px;
/* width: 80px;  / * 10em;  */
text-align: center;
margin: 1px 1px 1px 2px;
}
fieldset {
border: 1px dotted #FFCC80;
margin: 3px;
padding: 2px;
}
#loginfo {
/* font-size: 65%;  in Fenster keine Verkleinerung * V1.1, vorher 10px; */
}
.vartext {
 font-size: 100%;
 border: 1px dotted #FFCC80;
 margin: 3px;
 width: 700px;
 padding: 2px;
}
#galdrop {
 font-size: 75%;   /* V1.1, vorher 10px; */
 padding: 2px;
 white-space: nowrap;
 text-align: center;
/* display: inline;  */
}

/*  #ganzeseite {
 background: #CCCC99;
 background-image: url(__images/suntile.jpg); 
}  */

#wrapper {
 position: relative;
 top:0px; left:0px;
 text-align: left;  /* V1.1 */
 margin: 20px auto 100px auto;
/* width: 100%; */
 width: 875px;   /* V1.0: 55em; */
 background: #CCCC99 url(__images/suntile.jpg);
}

#navigation { 
 float: left;
 color: #333;
/* background: #CCCC99; */
/* height: 350px; */
 width: 155px;
 margin-bottom: 10px;
 padding-left: 7px;
}

#content {
 font-size: 79%;   /* V1.1, vorher 10px; */
 float: left;
 color: #333;
/* background: #CCCC99; */
/* height: 350px; */
/* width: 74.9%; */
 width: 700px;
 display: inline;
/* text-align: center;  */
}

#navigationtop {
 float: left;
 color: #333;
 width: 706px; 
/* background: #CCCC99; */
 display: inline;
 margin-bottom: 10px;
/* border-bottom: 1px solid #000; */
}

#header {
 color: #333;
 width: 100%;
 float: left;
/* height: 120px; */
/* background: #CCCC99; */
/* margin: 20px 0 20px 0; */
}

#footer { 
 width: 870px;
/* height: 50px; */
 clear: both;
 color: #333;
/* background: #CCCC99; */
/* margin-top: 1px;    */
 padding: 0 0 10px 3px;
}

#sticker {
 position: absolute;
 top: 5px;
 left: 0;
 z-index: 1;
}

table {
 border-collapse: collapse;
}
td, th {
/* width: 80px;
height: 50px;
border: 0;
text-align: center; */
vertical-align: bottom;
line-height: 90%;
 border-color: #996666;
}

.tabellemitrahmen {
 border-collapse: collapse;
 border-color: #996666;
 border: thin solid;
 padding: 8px;
}

.hdspalte1 { width: 160px; }
.hdspalte2 { width: 205px; }
.hdspalte3 {  }

.ftspalte1 { width: 400px; }
.ftspalte2 { width: 100px; }
.ftspalte3 { width: 350px; text-align: right; }

.bildrechtsspalte1 { width: 345px; background-color: #CCCC99; }
.bildrechtsspalte2 { width: 155px; background-color: #CCCC99; }
.bildrechtsspalte3 { background-color: #CCCC99; }

/* Fliesstexte: */
.klar {
clear: left;
/* line-height:0; */
}
.rechts {
float: right;
padding: 0;
margin: 0 0 10px 20px; /* Uhrzeigersinn von oben */
/* display: inline; */
}
.textlinks {
float: left;
padding: 0;
margin: 0 20px 10px 0;
display: inline;
}
.links {
float: left;
padding: 0;
margin: 0 20px 10px 0;
/* display: inline; */
}
.mitte {
clear: none;
text-align: center;
padding: 0;
margin: 0 0 10px 0;
}

.col-md-6 {
text-align: left;
margin-right: 70px;
}

.col-legacy-md {
float: left
}

.row {
clear: left
}

.row {
clear: left
}

.alert, .jumbotron {
 text-align: center;
 margin: 0 -6px 20px -6px;
 border-style: dotted;
 border-width : 2px 2px 2px 2px;
 padding: 14px 4px 4px 4px;
 text-decoration: none;
 min-width: 560px;
}

.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
/*.dropdown-submenu:hover>.dropdown-menu{display:block;}*/
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:hover>a:after{border-left-color:#ffffff;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}

.csstabelle {
 border-spacing: 0;
 display: table;
 margin-bottom: 20px;
 width: 99%;
}

.cssspalte {  /* ist doch eine Zeile, nicht? */
 display: table-row;
}

.csszelle {
 display: table-cell;
 vertical-align: middle;
 text-align: left;
}

.csszellelinks {
 display: table-cell;
 vertical-align: middle;
 padding-right: 35px;
}

.csszellerechts {
 display: table-cell;
 vertical-align: middle;
 padding-left: 35px;
}

.klein {
/* float: left; */
 text-align: center;
 font-size: 70%;
 padding: 0;
 margin: 0 20px 10px 0;
}

.knopf a:link {
 border-style: solid;
 border-width : 1px 4px 4px 1px;
 text-decoration : none;
 padding : 4px;
 border-color : #69f #00f #00f #69f;
 }

.knopf a:hover {
 border-color: #ccc;
}


.liste {
  list-style-image:url("__images/sunbul1A.gif");
  margin: 10px 0 10px 38px;
}


#navi {
font: bold 11px verdana, arial, sans-serif;
width: 136px;
border-style: solid solid solid solid;
border-color: #1B2C84;
border-width: 1px;
 margin-top: 10px;
}
#navi ul {
list-style-type: none;
margin: 0;
padding: 0;
}
#navi li {
margin: 0;
}
#navi li a {
height: 27px;
text-decoration: none;
}
#navi li a:link, #navi li a:visited {
color: black;
display: block;
height: 27px;
}
#navi li a:hover {
color: yellow;
}
#navi li:hover, #navi li:active, #navi li:focus {
background-image: url(__images/navigation.gif);
background-position: 0 -70px;
}
.navlink {
height: 27px;
padding: 8px 0 0 10px;
text-decoration: none;
background-image: url(__images/navigation.gif);
background-position: 0 -35px;
}
.navactive {
color: red;
height: 27px;
padding: 8px 0 0 10px;
/* font-weight: bold; */
background-image: url(__images/navigation.gif);
background-position: 0 0;
}
.navsubactive {
height: 27px;
padding: 8px 0 0 10px;
text-decoration: none;
color: green;
height: 27px;
padding: 8px 0 0 10px;
/* font-weight: bold; */
background-image: url(__images/navigation.gif);
background-position: 0 -105px;
}
.navsubactive a:link, .navsubactive li a:visited {
color: green;
}

ul#navtop
{
font: bold 11px verdana, arial, sans-serif;
list-style-type: none;
/*  padding-bottom: 24px;  */
border-bottom: 1px dotted #1B2C84;
margin: 0;
 margin-top: 8px;
}

ul#navtop li
{
float: left;
height: 21px;
background-color: #D0B298;
 margin: 2px 2px 0 2px;
border: 1px solid #909090;  /* #1B2C84; */
}

ul#navtop li.active
{
border-bottom: 1px solid #fff;
background-color: #D0B298;
padding: 0 4px 0 4px;
 color: red;
}

li.active a
{
 color: #000;
}

#navtop a
{
float: left;
display: block;
color: #000;
text-decoration: none;
padding: 4px;
}

#navtop a:hover
{
 background: #BCBDBC;
 color: yellow;
}

.navtopsubactive a
{
 background: #B8D7BE;
 color: blue;
}

/* später, wenn alte Browser weg:
ul#navtop ul
{
  display: none; 
  position: absolute;
  top: 2.1em;
  left: -0.4em;      
}

ul#navtop:hover ul {
  display: block;
}

ul#navtop ul li
{
  float: none;
  display: block; 
  margin-bottom: -0.2em;
}    */

.clearfix:after {
content:".";
display:block;
height:0;
font-size:0;
clear:both;
visibility:hidden;
}
 
.clearfix {display:inline-block;}
 
/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */


/* Hilfetexte-Tag als Hover: */
acronym[title], abbr[title] {
border-bottom: 1px blue dotted;
cursor: help;
}

#login {
 font-size: 72%;   /* V1.1, vorher 8px; */
 width: 150px; /* 20em; */
/* visibility: hidden; */
 display: none;
}

#draggable {
  cursor: move;
}

/* movable window */
.dragme {
 cursor: move;
 margin: 0 -3px -3px -3px;
}
.dragmeimg {
 margin: 0 -3px -3px -3px;
}

#styled_popup {
width: 380px;
height: 300px;
display:none;
position: absolute;
top: 150px;
left: 50px;
border: 0;
padding: 0;
float: left;
border-collapse: collapse;
border-spacing: 0px;
}

.knopf {
font: bold 11px Arial;
text-decoration: none;
background-color: #EEEEEE;
color: #333333;
padding: 2px 6px 2px 6px;
border-top: 1px solid #CCCCCC;
border-right: 1px solid #333333;
border-bottom: 1px solid #333333;
border-left: 1px solid #CCCCCC;
}

.knopfrechts {
font: bold 11px Arial;
text-decoration: none;
background-color: #EEEEEE;
color: #333333;
padding: 2px 6px 2px 6px;
border-top: 1px solid #CCCCCC;
border-right: 1px solid #333333;
border-bottom: 1px solid #333333;
border-left: 1px solid #CCCCCC;
float: right;
 margin-top: 12px
}

/* Hinter dem Container */
#Hintergrund {
/* background-image: url("__images/IMG_3685_background.jpg");
height: 1300px;  */
/* background-image: url("__images/DSC_3989_background.jpg");
height: 1005px; */
/* background-image: url("__images/DSC_5849_background.jpg");
height: 1005px;  */
background-image: url("__images/DSC_6532_background.jpg");
height: 1005px;
top: 0;
}
.HintergrundKlasse {
background-position: center top;
background-repeat: no-repeat;
left: 0;
min-width: 1081px;
position: absolute;
width: 100%;
z-index: -1;
}

/* Nifty corners */
.rtop,.artop{display:block}
.rtop *,.artop *{display:block;height:1px;overflow:hidden;font-size:1px}
.artop *{border-style: solid;border-width:0 1px}
.r1,.rl1,.re1,.rel1{margin-left:5px}
.r1,.rr1,.re1,.rer1{margin-right:5px}
.r2,.rl2,.re2,.rel2,.ra1,.ral1{margin-left:3px}
.r2,.rr2,.re2,.rer2,.ra1,.rar1{margin-right:3px}
.r3,.rl3,.re3,.rel3,.ra2,.ral2,.rs1,.rsl1,.res1,.resl1{margin-left:2px}
.r3,.rr3,.re3,.rer3,.ra2,.rar2,.rs1,.rsr1,.res1,.resr1{margin-right:2px}
.r4,.rl4,.rs2,.rsl2,.re4,.rel4,.ra3,.ral3,.ras1,.rasl1,.res2,.resl2
   {margin-left:1px}
.r4,.rr4,.rs2,.rsr2,.re4,.rer4,.ra3,.rar3,.ras1,.rasr1,.res2,.resr2
   {margin-right:1px}
.rx1,.rxl1{border-left-width:5px}
.rx1,.rxr1{border-right-width:5px}
.rx2,.rxl2{border-left-width:3px}
.rx2,.rxr2{border-right-width:3px}
.re2,.rel2,.ra1,.ral1,.rx3,.rxl3,.rxs1,.rxsl1{border-left-width:2px}
.re2,.rer2,.ra1,.rar1,.rx3,.rxr3,.rxs1,.rxsr1{border-right-width:2px}
.rxl1,.rxl2,.rxl3,.rxl4,.rxsl1,.rxsl2,.ral1,.ral2,.ral3,.ral4,.rasl1,.rasl2
   {border-right-width:0}
.rxr1,.rxr2,.rxr3,.rxr4,.rxsr1,.rxsr2,.rar1,.rar2,.rar3,.rar4,.rasr1,.rasr2
   {border-left-width:0}
.r4,.rl4,.rr4,.re4,.rel4,.rer4,.ra4,.rar4,.ral4,.rx4,.rxl4,.rxr4{height:2px}
.rer1,.rel1,.re1,.res1,.resl1,.resr1
   {border-width:1px 0 0;height:0px !important;height /**/:1px}

/* Editor */
.editorWYSIWYG {font: 10pt Tahoma;border:none;}
.editorBBCODE {font: 9pt "Courier New";}

div.richeditor div.editbar {
 margin-top:5px;
 background-image:url('images/editbar_bg.gif');
 border-left:1px solid silver;
 border-right:1px solid silver;
 border-top:1px solid silver;
 border-bottom:none;
}
div.richeditor div button{
 vertical-align:middle;
 width:25px;
 height:25px;
 border:1px solid transparent;
 background-color:Transparent;
 cursor:pointer;
 color:Black;
 background-position:center;
 background-repeat:no-repeat;
 background-image:none;
}
div.richeditor div button:hover{border:1px solid silver;}
div.richeditor div.container {
 border-top:none;
 border-bottom:1px solid silver;
 border-left:1px solid silver;
 border-right:1px solid silver;
}
div.richeditor textarea{padding:0px 0px 0px 0px; border:none;}
div.richeditor iframe{background-color: #D8D8BF; border:none;}

/* Ein- / ausklappbar */
.klappknopf {
  margin:-0.3em 1em 0.3em 1em;
  cursor:pointer; 
  color:#633129;  /* #c00; */ 
  /* font-weight:bold; */
}
.klapp {
  border: 1px dotted #FFCC80;
  padding: 10px;
}
/* unclicked style .hidden */
.klapp #auf {
  display: inline; 
  text-align:right;
}
.klapp #zu {
  display: none;
}
.klapp span {
  display: none;
}
/* clicked style .click */
.klappauf #auf {
  display: none;
}
.klappauf #zu {
  display: inline;
}
.klappauf span {
  display: inline;
}

/* Blog's image captions */
.imgdescframe {
 width: 150px;
 float: right;
 text-align: center;
}
.imgdesc {
 font-size: 80%;
}

.imgdescleft {
 width: 185px;
 float: left;
 text-align: center;
 font-size: 80%;
}

/* Tooltip */
 
#tooltip {
    position:absolute;
    z-index:9999;
    color:#fff;
    font-size:13px;
    width:180px;
     
}
 
#tooltip .tipHeader {
    height:8px;
    background:url(images/tipHeader.gif) no-repeat;
}
 
/* IE hack */
*html #tooltip .tipHeader {margin-bottom:-6px;}
 
#tooltip .tipBody {
    background-color:#000;
    padding:5px;
}
 
#tooltip .tipFooter {
    height:8px;
    background:url(images/tipFooter.gif) no-repeat;
}

/* Bootstrap Collapse */
.coolapsecontainer {
  margin-top: 10px;
}
.panel {
  box-shadow: none !important;
}

/* Printable version */
@media print
{
  body {
  	background: #fff;
  	text-align: left;
  	width: auto!important;
  }
  body, #container {
  	border: 0;
  	margin: 0;
  	padding: 0;
  }
  body:after {
/*	content: "Dieser Druckversion wurden absichtlich Inhalte entzogen."; */
  }
  h1, h2, h3, h4, h5 {
  	page-break-after: avoid;
  }
  h1 {
  	padding: 18pt 0;
  }
  .column h3 {
  	border-top: 1px solid #333;
  	padding: 5pt 0 0;
  }
  .column h2 {
  	font-size: 22pt;
  }
  p, address, li, dt, dd {
  	font-size: 12pt;
  }
  pre {
  	border: 0;
  	padding: 0;
  }
  ul {
  	list-style: square;
  	list-style-position:outside
  }
  ol {
  	list-style: decimal;
  	list-style-position:outside
  }
  li {
  	line-height: 1.6em;
  	margin-left: 18pt;
  }
  abbr[title]:after, acronym[title]:after {
  	content: ' (' attr(title)')';
  }
/*  a[href]:after {
  	content: " <"attr(href)">";
  	color: #369;
  	background-color: inherit;
  	font-style: italic;
  	font-size: 12pt;
  	text-decoration: underline;
  }   */
  *[cite]:before {
  	content: close-quote" (Quelle: "attr(cite)")";
  	color: #369;
  	font-style: italic;
  }
  h1 a {
  	font-size: 50pt;
  	letter-spacing: -6pt;
  }
  h1 a, h3 a {
  	text-decoration: none;
  }
  a {
  	color: #000;
  	text-decoration: underline;
  	font-style: italic;
  }
  html i, html em, strong {
  	overflow: visible;
  }
  #loginfo, #login, #navigation, #navigationtop, .hdspalte1,
   .ftspalte2, #galdrop,
   #logo a[href^="http:"], #logo a[href]:after {
  	display: none;
  }
  .publikationen {
  	padding: 18pt 0 0;
  }
}