/* jb.css 2/12/2008 CSS Document */


body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color:#91ACB9;	/* dark teal =#0a565b  0b5e64 was #91ACB9; */
     }

/* 119ba3, 109299, 1a7d8c */

div.c1 {position:absolute; left:525px; top:24px; width:380px; height:400px; z-index:1;}

span.rot {color: red;}


.fliesstext {
	font-size: 11px;
	font-style: normal;
	line-height: 14px;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
	text-align: justify;
}

.fliesstext_onload {
	font-size: 11px;
	font-style: normal;
	line-height: 14px;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
	text-align: justify;
	max-width:400px;
}

.headline {
	font-size: 11px;
	font-style: normal;
	line-height: 14px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
	text-align: justify;
}

.headlinebig {
	font-size: 15px;
	font-style: normal;
	line-height: 14px;
	font-weight: bold;
	color:white;
	text-decoration: none;
	text-align: justify;
}

.aufzaehlung {
	font-size: 11px;
	font-style: normal;
	line-height: 16px;
	font-weight: normal;
	color: #676C6E;
	text-decoration: none;
	text-align: justify;
}

/*************** LINKS normal ********************/

.links {
	font-size: 11px;
	font-style: normal;
	line-height: 14px;
	font-weight: normal;
	color: #0A4357;
	text-decoration: none;
	text-align: justify;
}

a:link {
	text-decoration: none;
	color: #0A4357;
	font-weight: normal;
	font-size: 11px;
	font-style: normal;
	line-height: 14px;
	text-transform: none;
	font-variant: normal;
}
a:visited {
	text-decoration: none;
	color: #0A4357;
	font-weight: normal;
	font-size: 11px;
	font-style: normal;
	line-height: 14px;
	text-transform: none;
	font-variant: normal;
}

a:hover {
	font-size: 11px;
	font-style: normal;
	line-height: 14px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #E70F12;
	text-decoration: none;
}

a:active {
	text-decoration: none;
	color: #0A4357;
	font-weight: normal;
	font-size: 11px;
	font-style: normal;
	line-height: 14px;
	text-transform: none;
	font-variant: normal;
}



/*************** LINKS BOLD ********************/

.linksbold {
	font-size: 11px;
	font-style: normal;
	line-height: 14px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
	text-align: justify;
}

.linksbold a:link {
	text-decoration: none;
	color: #666666;
	font-weight: bold;
	font-size: 11px;
	font-style: normal;
	line-height: 14px;
	text-transform: none;
	font-variant: normal;
}
.linksbold a:visited {
	text-decoration: none;
	color: #0A4357;
	font-weight: bold;
	font-size: 11px;
	font-style: normal;
	line-height: 14px;
	text-transform: none;
	font-variant: normal;
}
.linksbold a:active {
	text-decoration: none;
	color: #666666;
	font-weight: bold;
	font-size: 11px;
	font-style: normal;
	line-height: 14px;
	text-transform: none;
	font-variant: normal;
}

.linksbold a:hover {
	font-size: 11px;
	font-style: normal;
	line-height: 14px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #E70F12;
	text-decoration: none;
}


/*************** LINKS BOLD WEISS ********************/

.linksboldweiss {
	font-size: 11px;
	font-style: normal;
	line-height: 14px;
	font-weight: bold;
	color: white;
	text-decoration: none;
	text-align: justify;
}

.linksboldweiss a:link {
	text-decoration: none;
	color: black;
	font-weight: bold;
	font-size: 11px;
	font-style: normal;
	line-height: 14px;
	text-transform: none;
	font-variant: normal;
}
.linksboldweiss a:visited {
	text-decoration: none;
	color: white;
	font-weight: bold;
	font-size: 11px;
	font-style: normal;
	line-height: 14px;
	text-transform: none;
	font-variant: normal;
}
.linksboldweiss a:active {
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
	font-size: 11px;
	font-style: normal;
	line-height: 14px;
	text-transform: none;
	font-variant: normal;
}

.linksboldweiss a:hover {
	font-size: 11px;
	font-style: normal;
	line-height: 14px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
}
/********************** LINKS Footerzeile *************************/ 

.linksweiss a:link {
	font-size: 10px;
	font-style: normal;
	line-height: 130%;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #ffffff;
	text-decoration: none;
	text-align: justify;
}

.linksweiss a:visited {
	text-decoration: none;
	color: white;
	font-weight: normal;
	font-size: 10px;
	font-style: normal;
	line-height: 130%;
	text-transform: none;
	font-variant: normal;
}
.linksweiss a:active {
	text-decoration: none;
	color: #ffffff;
	font-weight: normal;
	font-size: 10px;
	font-style: normal;
	line-height: 130%;
	text-transform: none;
	font-variant: normal;
}
.linksweiss a:hover {
	font-size: 10px;
	font-style: normal;
	line-height: 130%;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: red;		/*#0A4357;*/
	text-decoration: none;
}

/********************** LINKS klein *************************/ 

.linksklein {
	font-size: 10px;
	font-style: normal;
	line-height: 14px;
	font-weight: normal;
	color: #0A4357;
	text-decoration: none;
	text-align: justify;
}

.linksklein a:link {
	text-decoration: none;
	color: #0A4357;
	font-weight: normal;
	font-size: 10px;
	font-style: normal;
	line-height: 14px;
	text-transform: none;
	font-variant: normal;
}
.linksklein a:visited {
	text-decoration: none;
	color: #0A4357;
	font-weight: normal;
	font-size: 10px;
	font-style: normal;
	line-height: 14px;
	text-transform: none;
	font-variant: normal;
}
.linksklein a:active {
	text-decoration: none;
	color: #0A4357;
	font-weight: normal;
	font-size: 10px;
	font-style: normal;
	line-height: 14px;
	text-transform: none;
	font-variant: normal;
}

.linksklein a:hover {
	font-size: 10px;
	font-style: normal;
	line-height: 14px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #E70F12;
	text-decoration: none;
}

/****************** weiteres ****************/

.headlineblau {
	font-size: 11px;
	font-style: normal;
	line-height: 14px;
	font-weight: bold;
	color: #0A4357;
	text-decoration: none;
	text-align: justify;
	text-transform: none;
	font-variant: normal;
}

.headlineweiss {
	font-size: 11px;
	font-style: normal;
	line-height: 14px;
	font-weight: bold;
	color: white;
	text-decoration: none;
	text-align: justify;
	text-transform: none;
	font-variant: normal;
}

.fliesstextklein {
	font-size: 10px;
	font-style: normal;
	line-height: 130%;
	font-weight: normal;
	color: white;
	text-decoration: none;
}

.linksweissinaktiv {
	font-size: 10px;
	font-style: normal;
	line-height: 130%;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: white;
	text-decoration: none;
	text-align: justify;
}

.slogan1 {
	font-size: 13px;
	font-style: normal;
	line-height: 16px;
	font-weight: bold;
	color: #CC6600;
	text-decoration: none;
	text-align: justify;
}

.slogan2 {
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #006666;
	text-decoration: none;
	text-align: justify;
}
.slogan3 {

	font-size: 16px;
	font-style: normal;
	line-height: 24px;
	font-weight: bolder;
	color:#CC0033;
	text-decoration: none;
	text-align: justify;
}
.slogan4 {
	font-size: 13px;
	font-style: normal;
	line-height: 13px;
	font-weight: bolder;
	color: #CC3366;
	text-decoration: none;
	text-align: justify;
}

.dots {
	font-size: 11px;
	font-style: normal;
	line-height: 14px;
	font-weight: normal;
	color: #0A4357;
	text-decoration: none;
	text-align: justify;
}

.fliesstextklein_grau {
	font-size: 9px;
	font-style: normal;
	line-height: 14px;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
}

.links_hell {
	font-size: 11px;
	font-style: normal;
	line-height: 14px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
	text-align: justify;
}


/* Object-platzierung  .is class selector;  #is ID selector   No first number in selector names !*/

#zentrierung {
  position:absolute;
  left:50%;
  /*top:50%;*/
  width:895px;
  height:585px;
  margin-left:-447px;
 /* margin-top:-292px;*/
}

/*#bilderstart {
  position:absolute;
  top:24px;
  left:500px;
  width:380px;
  height:400px;
}*/

/*#bilderstart {
  position:absolute;
  top:4px;
  left:500px;
  width:397px;
  height:400px;
}*/

#flashcontent {
  position:absolute;
  top:4px;
  left:500px;
  width:397px;
  height:400px;
  z-index:11000;
}

#bilder {
  position:absolute;
  top:24px;
  left:525px;
  width:338px;
  height:391px;
}

#header {
  position:absolute;
  top:0px;
  left:0px;
  width:885px;
  height:72px;
  background:#48748B;		/* dark teal color */
}

#mitte {
  position:absolute;
  top:72px;
  left:0px;
  width:885px;
  height:485px;
  background:white;
}

#mittestart {
  position:absolute;
  top:72px;
  left:0px;
  width:885px;
  height:485px;
  background:white url(_img/graffitti-jb.jpg);
}

#footer {
  position:absolute;
  top:557px;
  left:0px;
  width:885px;
  height:23px;
  background:#48748B;
}

#logo {
  position:absolute;
  top:0px;
  left:20px;
  width:274px;
  height:72px;
}


.balimobestellen {
  position:absolute;
  top:13px;
  left:771px;
  width:126px;
  height:45px;
  z-index:1000;
  border-style:none;

}
#balimobestellen {
  position:absolute;
  top:13px;
  left:771px;
  width:126px;
  height:45px;
  z-index:1000;
  border-style:none;

}

#navigation {
  position:absolute;
  top:20px;
  left:20px;
  width:481px;
  height:50px;
  z-index:10000;
}

#navigationstart {
  position:absolute;
  top:0px;
  left:0px;
  width:501px;
  height:50px;
  z-index:10000;
}

#inhalt {
  position:absolute;
  top:85px;
  left:20px;
  width:500px;
  height:380px;
  background:white;
}

#ankuendigung {
	position:absolute;
	top:418px;
	left:513px;
	width:320px;
	height:50px;
	z-index:10000;
}

#aktuelleankuendigung {
	position:absolute;
	top:372px;
	left:508px;
	width:263px;
	height:170px;
	z-index:10000;
}


#footernavigation {
  position:absolute;
  top:3px;
  left:20px;
  width:600px;
  height:23px;
  vertical-align:middle;
}

#copyright {
  position:absolute;
  top:3px;
  left:600px;
  width:300px;
  height:23px;
  vertical-align:middle;
}

.scrollen {
    /*position:absolute;
    top:35px;
    left:0px;*/

    width:485px;
    height:340px;
    overflow:auto;
    padding:5px;
    background:white;
    border:0px;
} 

.scrollen_onload {
    width:430px;
    height:400px;
	overflow: auto;
	padding: 5px;
	background:white;
	border: 0px;
} 

#drucken {
  position:absolute;
  top:400px;
  left:532px;
  width:140px;
  height:29px;
}

#download {
	position:absolute;
	top:371px;
	left:532px;
	width:140px;
	height:29px;
}

#routenplanung {
  position:absolute;
  top:400px;
  left:532px;
  width:140px;
  height:29px;
}

#bildergalerie {
  position:absolute;
  top:432px;
  left:532px;
  width:140px;
  height:29px;
}

#video {
  position:absolute;
  top:432px;
  left:532px;
  width:140px;
  height:29px;
}

#newsletter {
  position:absolute;
  top:402px;
  left:532px;
  width:140px;
  height:29px;
}