/*
farben:
tiefes blau im banner: #336799
hintergrund seite: #EEEDEE
schriftfarbe text allgemein: #26214E;
*/

body {
	color:#26214E;
	font-size: 12px;
	background-color: #EEEDEE;
	background-image: url(../Bilder/banner_img/koca_banner_schmal01.jpg);
	background-repeat: repeat-x;
	/*
	*/
	font-family :Verdana, Arial, Helvetica, sans-serif;
  margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/* S T R U C T U R E */
#containerall {    /*alles umschliessender container*/
  width: 990px;
  height: 800px;
  margin: 0px auto;
	padding: 0px;
	background: transparent;
  border: 0px solid #999;
}

#bannerdiv {    /*gesamter bannercontainer*/
  width: 990px;
  height: 160px;
  margin: 0px;
	padding: 0px 0px 0px 0px;
	background-image: url(../Bilder/banner_img/koca_banner_background.jpg);
	background-repeat: no-repeat;
	/*
	*/
  border: 0px solid #090;
}

#navi_1 {    /* Navi 1.Ebene*/
  width: auto;
  margin: 0px 0px 0px 0px;
	padding: 103px 0px 0px 37px;
	background: transparent;
  border: 0px solid #908;
}
* html #navi_1 {    /**/
	padding: 103px 0px 0px 37px;
}

#navi_2 {    /*Navi 2.Ebene*/
  width: auto;
  margin: 0px;
	padding: 12px 0px 0px 37px;
	background: transparent;
  border: 0px solid #f90;
}

#middlediv {    /*gesamter Inhaltsbereich*/
  width: 990px;
  height:500px;
  margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 12px;
	line-height:17px;
	background: transparent;
  border: 0px solid #369;
}
#content {  /*der eigentliche textbereich*/
  float: left;
  width: 562px;
  height:500px;
  margin: 0px 0px 0px 37px;
	padding: 0px;
	background: transparent;
  border: 0px solid #963;
}
* html #content {
  margin: 0px 0px 0px 19px;
}
#seitenbild { /*seitlich ausgerichtetes dekobild auf jeder Seite*/
  float: right;
  width: 340px;
  height:auto;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
	background: transparent;
  border: 0px solid #963;
}

#seitenbild_bildgaleinzel { /*seitlich ausgerichtetes dekobild auf Seite der gewählten Bildergalerie*/
  float: right;
  width: 340px;
  height: 255px;
  margin: 0px 0px 0px 0px;
  padding: 9px;
	background: #369;
  border: 0px solid #963;
}

#footerdiv {    /**/
  display: none;    /*ausgeblendet !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
  width: 990px;
  height: 100px;
  margin: 0px;
	padding: 0px;
	background: transparent;
  border: 0px solid #039;
}



/*links der navigation*/
a:link, a:visited, a:active, a:hover { 
  text-decoration:none; 
  font-weight:normal; 
  color:#000000; 
  font-size:12	px;
  border 0px;
}
a:active, a:hover{  
  text-decoration:underline; 
  color:#000000; 
  font-weight:normal;
  border 0px;
}

/*alle anderen links*/
a.content_link:link, a.content_link:visited,a.content_link:active, a.content_link:hover  { 
  font-weight:bold; 
  color:#416FF3; 
  text-decoration:none;  
  font-weight:normal;
  border 0px;
}
a.content_link:active, a.content_link:hover { 
  color:#294FBC; 
  font-weight:bold; 
  border 0px;
}



/*===> Hyperlinks Navi(start) für  Ebene 1 im Menue*/
a.navi_1act:link, a.navi_1act:visited, a.navi_1act:hover, a.navi_1act:active{
  padding: 0px 30px 0px 0px; 
  text-decoration:underline;
	font-weight:bold;
	color:#225588; 
	font-size:13px;
}
/*normalo*/
a.navi_1:link, a.navi_1:visited, a.navi_1:hover, a.navi_1:active{
  padding: 0px 30px 0px 0px; 
  text-decoration:none;
	font-weight:bold;
	color: #679acd;
	font-size:13px;
}
a.navi_1:hover{
	color:#225588; 
}

/*===> Hyperlinks Navi(start) für  Ebene 2 im Menue*/
a.navi_2act:link, a.navi_2act:visited, a.navi_2act:hover, a.navi_2act:active{
  margin: 0px 47px 0px 0px; 
  padding: 1px 1px 3px 1px; 
  text-decoration:underline;
	font-weight: normal;
	color:#fff; 
	background-color: #5589bb; 
	font-size:11px;
}
/*normalo*/
a.navi_2:link, a.navi_2:visited, a.navi_2:hover, a.navi_2:active{
  margin: 0px 47px 0px 0px; 
  padding: 1px 1px 3px 1px; 
  text-decoration:none;
	font-weight: normal;
	color:#78ABDE; 
	background-color: #336799;
	font-size:11px;
}
a.navi_2:hover{
	color:#FFFFFF; 
}



#koca_K{  /*links am Anfang des Textes*/
	float:left;
	margin: -5px 10px 0px -8px;
	padding: 0px 0px 0px 0px;
}

h1, h2, h3 {
  font-weight: bold;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

h1 {font-size: 1.6em;}
h1.mitteilungen {font-size: 1.2em; margin: 0px 0px 5px 0px;}
h2 {font-size: 1.2em; margin: 0px 0px 0px 0px;}
h2.mitteilungen {font-size: 0.95em; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
h2.bilderzeilen {margin: 0px 0px 11px 0px;}
h2.DekobildBildergalerie {margin: 0px 0px 0px 8px; color: white;}

p {
	margin: 0px;
	padding: 0px;
	text-align: justify;
}
#content p {
	margin: 0px 0px 11px 0px;
}
p.DekobildBildergalerie {
  color: white;
	margin: 0px 0px 6px 8px;
}
p.fehlerP {
  color: red;
}
em {
  font-style: normal;
/*  font-weight: bold;
  font-family: ARIAL;
  background-color: #adf;

*/
}

/* für anzeige mitteilungen*/
div.mitteilg {
	margin-top: 4px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 10px;
	padding: 10px;
	border:#ccc 1px solid;
	background: #e3e3e3;

}
#mitteilg_text {
	color:#000000;
	line-height:17px;
	min-height:55px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	padding: 3px;
	border:0px solid;
}
#mitteilg_datum {
	color:#000000;
	line-height:17px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	padding: 3px;
	border:0px solid;
}
#mitteilg_text_thumb {
	margin-top: 3px;
	margin-left: 1px;
	margin-right: 1px;
	width:50px; 
	height:37px;	
  border: 1px #bbbbbb solid;
  border-right: 1px #000000 solid;
  border-bottom: 1px #000000 solid;

}

/* für anzeige termine*/
table {
  border: 0px solid #000;
  border-spacing: 0px;
  text-align: left;
}
th {}
tr {}
td {}
/*nur für specials*/
table.specials {
  width: 562px;
	background: #eee;
  border: 0px solid #000;
}
tr.specials {
  padding: 0px;
  font-weight: bold;
  font-size: 9px;
  line-height: 9px;
  color: #fff;
	background: #369;
  border: 1px solid #369;
  border-collapse: collapse;
}
tr.specialdaten { border-left: 5px solid #eee; background: #eee;  border-collapse: collapse; vertical-align: top;}
tr.specialdaten_grau { border-left: 5px solid #eee; background: #ddd;  border-collapse: collapse; vertical-align: top;}
th { border: 0px solid #000; }
td { border: 0px solid #000; }
th.starttermin{width: 100px; border: 2px solid #369;}
th.endtermin{width: 100px; border: 2px solid #369;}
th.beginn{width: 50px; border: 2px solid #369;}
th.ende{width: 50px; border: 2px solid #369;}
th.event{width: auto; border: 2px solid #369;}
th.specialdaten { border-left: 5px solid #eee; background: #eee;}

/*nur für jedewoche*/
table.jedewoche {
  width: 562px;
	background: #eee;
  border: 0px solid #000;
  vertical-align: top;
}
tr.Kopfjedewoche {
  padding: 0px;
  font-weight: bold;
  font-size: 9px;
  line-height: 9px;
  color: #fff;
	background: #369;
  border: 1px solid #369;
  border-collapse: collapse;
}
td.wochentage {
  padding: 0px;
  font-weight: bold;
  line-height: 20px;
  color: #369;
	background: #ddd;
  border-collapse: collapse;
  vertical-align: bottom;
}
tr.jedewochedaten { border-left: 5px solid #eee; background: #eee;  border-collapse: collapse; vertical-align: top;}
td { border: 0px solid #000; }
td.jedewochebeginn {width: 90px; border: 2px solid #369;}
td.jedewocheende {width: 90px; border: 2px solid #369;}
td.jedewocheevent {width: auto; border: 2px solid #369;}
  td.jedewochedaten1 { text-align: left; border-left: 5px solid #eee; background: #eee;   vertical-align: top;}
  td.jedewochedaten2 { text-align: left; border-left: 5px solid #eee; background: #eee;  vertical-align: top;}
  td.jedewochedaten3 { text-align: left; border-left: 5px solid #eee; background: #eee;  vertical-align: top;}

/*tabelle auf der linkseite*/
#linktable {
  border: 0px solid #f00;
}
tr.linkbilder {
  vertical-align: top;
}


/*tabelle auf der Gästebuch bestätigungsseite*/
#GB_Bestätigung {
  border: 0px solid #f00;
}
tr.GB_BestätigungTR {
  vertical-align: top;
}
tr.GB_BestätigungTD {
  vertical-align: top;
}
td.GB_BestätigungTD_Bez {
  widtH: 100px;
  color: grey;
  font-size: 8px;
}
td.GB_BestätigungTD {
  text-align: justify;
}
td.restTD {
  text-align: right;
}


/*bildergalerie übersicht*/
div.bilderzeile_startseite {
  height: 40px;
  margin: 6px 0px 15px 0px;
  padding: 0px;
  border-bottom: 0px solid #369;
}
div.bilderzeile_act {
  min-height: 90px;
  height:auto !important;  /* für moderne Browser */
  height: 50px;  /*für den IE */
  margin: 0px 0px 15px 0px;
  padding: 0px;
  border-bottom: 0px solid #369;
}
div.bilderzeile_all {
  min-height: 90px;
  height:auto !important;  /* für moderne Browser */
  height: 50px;  /*für den IE */
  margin: 0px 0px 15px 0px;
  padding: 0px;
  border-bottom: 1px solid #369;
}
div.bildergalerie_showdiv{
  float: left;
	width: auto;
	margin:  0px 10px 0px 0px;
	padding: 0px 0px 0px 0px;
  border: 0px #f00 solid;
	background: transparent;
  vertical-align: bottom;
}
div.bildergalerie_showdiv_DekoZeile {
  float: left;
	width: 300px;
	height: 52px;
	margin:  2px 0px 0px 5px;
	padding: auto 0px;
  border: 0px #fff solid;
	background: transparent;
  text-align: left;
  vertical-align: middle;
}
* html div.bildergalerie_showdiv_DekoZeile {
	margin:  2px 3px 0px 0px;
}
div.bildergalerie_showdiv_Deko {  /*für anzeige thumbs in navigation bei einzelbild*/
  float: left;
	width: 46px;
	height: 46px;
	margin:  3px 0px 0px 3px;
	padding: auto 0px;
  border: 0px #fff solid;
	background: #157;
  text-align: center;
  vertical-align: middle;
}
* html div.bildergalerie_showdiv_Deko {  /*für anzeige thumbs in navigation bei einzelbild*/
	margin:  2px 0px 0px 3px;
	padding: 0px;
}
img.bildergalerie_show{
  width: 40px;
  height: 40px;
  margin: 2px;
  border: 0px #EEEEEE solid;
	background: transparent;
	border:#3C3860 1px solid;
}

img.bildergalerie_showDeko{     /*für anzeige thumbs in navigation bei einzelbild*/
  margin: 0px;
  border: 0px #EEEEEE solid;
	background: transparent;
	border:#3C3860 0px solid;
}

div.bildergalerie_showdiv_norm{
	padding: 0px;
  border: 0px #eeeeee solid;
	background: #EEEEEE;
}
img.bildergalerie_show_norm{
  align: left;
  margin: 0px;
  border: 0px #EEEEEE solid;
}

/*sitemap ###########################################################################*/
DIV#sitemap {
   padding: 0px;
   line-height: 20px;
   }

DIV#sitemap UL {
   padding:  0px 0px 0px 0px;
   margin: 10px 0px 0px 0px;
   list-style-type: none;
   }
DIV#sitemap UL.ul2 {
   padding:  0px 0px 0px 0px;
   margin: 4Px 0px 0px 0px;
   list-style-type: none;
   }
DIV#sitemap UL.ul3 {
   padding:  0px 0px 0px 0px;
   margin: 0px 0px 0px 0px;
   list-style-type: none;
   }

DIV#sitemap LI {
   padding:  0px 0px 0px 0px;
   margin:  17px 0px 0px 0px;
   list-style-type: none;
   }
DIV#sitemap LI.li2 {
   padding:  0px 0px 0px 10px;
   margin:  0px 0px 0px 0px;
   list-style-type: none;
   }
DIV#sitemap LI.li3 {
   padding:  0px 0px 0px 20px;
   margin:  0px 0px 0px 0px;
   list-style-type: none;
   }
DIV#sitemap LI span.abschnitt {
   background:#eee;
   padding: 2px;
   border: 0px solid #369;
   display:block;
   width:562px;
   }
DIV#sitemap LI > span.abschnitt {
   line-height:14px;
   }



/*#####################################################################################################################*/
/*#####################################################################################################################*/
/*#####################################################################################################################*/
/*#####################################################################################################################*/
/*#####################################################################################################################*/
/*#####################################################################################################################*/
/*#####################################################################################################################*/

.infosenden {
	color: #000000;
	font: 0.6em/1.65em verdana, arial, geneva, sans-serif;
	padding-left: 0px;
}

.h2rechts {
	color: #487D0A;
	padding-top: 10px;
	padding-left: 20px;
	font-size: 13pt;
}



.button {
	color:#666;
	border-left: solid;
	border-right: solid;
	border-bottom: solid;
	border-top: solid;
	border-left-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-width: 1px;
	border-color: #A6B6D4;
	background: #DFE5F1;
	padding-left: 5px;
}






.sendebutton{ 
      font-size: 9px; 
      color: #E9E9E9;
      background: transparent; 
      border: #ACACAC 0px solid;} 



.normal{ 
      font-size: 9px; 
      color: #3E6500; 
      background: transparent; 
      border: #ACACAC 0px solid;} 



/*formular gästebuch*/

input {
	font-size: 0.90em;
}
input.nameinput {
	font-family :Verdana, Arial, Helvetica, sans-serif;
	width:210px;
	height: 15px;
	padding: 2px;
	color: #000;
	border: #CCCCCC 1px solid; 
	background: #FAFAFA;
}
input.emailinput {
	font-family :Verdana, Arial, Helvetica, sans-serif;
	width:330px;
	height: 15px;
	padding: 2px;
	color: #000;
	border: #CCCCCC 1px solid; 
	background: #FAFAFA;
}
textarea.textareaeintrag {
  widtH: 556px;
	font-size: 0.90em;
	padding: 2px;
	font-family :Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	border: #CCCCCC 1px solid; 
	background: #FAFAFA;
}	
	
#seitenueberschrift{
	width:100%;
	line-height:32px;
	margin-right: 10px;
	align:left;
	font-weight:bold;
	font-size: 14pt;
	/*background-color:#bbbbbb;*/
}
#content_einzel {
	font: 0.75em/1.66em verdana, arial, geneva, sans-serif;
	line-height:17px;
	color:#FFFFFF;
	margin: 10px;
	padding: 10px;
	background-color: #336699;
}
#content_einzel_kurztext {
	color:#FFFFFF;
	margin-left: 45px;
	margin-top: -10px;
	background-color: #336699;
}
#koca_bild_klein_1{
	float:left;
	margin-top:1px;
	margin-left:-8px;
	margin-right:30;
	margin-bottom:5px;
}
#koca_bild_klein_2{
	float:left;
	height:30px;
	width:40px;
	margin-top:1px;
	margin-left:0px;
	margin-right:30;
	margin-bottom:5px;
	background-color:Transparent;
}
#koca_bild_klein_einzel{
	float:left;
	height:30px;
	width:40px;
	margin-top:0px;
	margin-left:0px;
	margin-right:10;
	margin-bottom:5px;
	background-color:Transparent;
}
#gaest_bezeich {
	font: 0.75em/1.66em verdana, arial, geneva, sans-serif;
	width:100px;
	color:#000000;
	line-height:14px;
	text-align:right;
	border:0px solid;
	background: BBBBBB;
}
div.gaest_text {
	width:100%;
	line-height:14px;
	text-align:lef;
	border:0px solid;
	color: #fff;
	background: #369;
}
div.gaest_eintrag_überschrift {
	width:100%;
	margin: 2px;
	padding: 4px;
	color:#fff;
	line-height:14px;
	text-align:left ;
	border:0px solid;
	background: #369;
}
div.gaest_eintrag {
	font: 0.9em verdana, arial, geneva, sans-serif;
	width:100%;
	margin: 2px;
	padding: 4px;
	color:#000000;
	line-height:14px;
	text-align:left ;
	border:0px solid;
	background: #dddddd;
}


/* B I L D E R ##################################*/
a img {
border-width: 0px ;
}
/*kein Rahmen um verlinkte Bilder*/
a:link img {
  text-decoration: none; 
  border: none; 
} 

a:link img.linkbilder {
  text-decoration: none; 
  border-top: 1px solid #369; 
  border-right: 1px solid #369; 
  border-bottom: 1px solid #369; 
  border-left: 1px solid #369; 
} 


div.linkbilder{
  margin: 2px 0px 10px 0px;
  background: transparent;
  border: 0px #369 solid;
}


.grau{
	font-size: 9px;
	color: #777;
}
input.ok {
	font-size: 10px;
  font-weight: bold;
	width:80px;
	color: #000000;
	border: #AAAAAA 2px solid; 
	border-top: white 2px solid; 
	border-left: white 2px solid; 
	background: #FAFAFA;
	padding: 3px;
}
	
input.reset {
	font-size: 10px;
  font-weight: bold;
	width:180px;
	color: #369;
	border: #AAAAAA 2px solid; 
	border-top: white 2px solid; 
	border-left: white 2px solid; 
	background: #FAFAFA;
	padding: 3px;
}
	
.fehler {
	font-size: 10px;
  color: red;
	border: #DDDDDD 1px solid; 
	border-right: white 0px solid;
	background: transparent;
	padding: 3px;}


/*pinkdatalink*/
span.pinkdataName {
  font-weight: bold;
  font-style: ormal;
}
span.pinkdataName_Data {
  font-weight: bold;
  font-style: normal;
  color: #000;
}
a.pinkdata:link, a.pinkdata:visited, a.pinkdata:hover, a.pinkdata:focus {
  color: #DC2C6A;
  font-weight: bold;
  font-style: normal;
  text-decoration: none;
  border: 0px solid #fff;
  letter-spacing: 0em;
  }
a.pinkdata:visited{
  color: #aa1a37;
  font-weight: bold;
  font-style: normal;
  text-decoration: none;
  border: 0px solid #fff;
}
a.pinkdata:hover{
  color: #fff;
  text-decoration: none;
  background-color: #EE2F72;
  border: 0px;
  text-transform: lowercase;
  letter-spacing: 0.13em;
}