/* CSS Document */

html {	margin: 0; padding: 0 }

body { 
	margin: 0;
        padding: 10px;
        height: 100%;
	font: normal 12pt Arial, Helvetica, sans-serif;
	background-color:#f8f8f8;
	background-image:url(/fileadmin/kiosk/lychenvogel_bg.png);
	background-repeat:repeat-xy; 
}

	
#container {	
	width: 950px;
	margin:0 auto;
	position:relative;
	background: #ffffff;
	border:solid 1px #657495;
  	text-align:left; 
}
	
#maincontent {
   background-color: #ffffff;
   padding: 10px 20px 10px 20px;
   margin: 0 0 0 180px;
   min-height:600px;
   height:auto !important;  /* für moderne Browser */
   height:600px;  /*für den IE */
}

#navigation {
   background-color: transparent;
   position: absolute;
   top: 230px;
}

#left_content {
	position: absolute;
	top: 250px;
	left: 8px;
}

#random_images { border-bottom:solid 1px #657495 }


.csc-textpic-caption {
   font-size: 0.8em;
   font-weight: bold;
   padding: 4px 0 15px 0;
}

.align-justify {
   text-align:justify
}

.align-center {
   text-align:center
}


ul { margin-left: -10px; }


/* ToTopLink */
#totop {
	color: #000;
	padding: 10px;
	text-align: right;
	font-size: 60%;
}

/* Footer */
#footer { margin: 10px 0 0 180px }


/*
#topo {
	margin: 0 5px 0 255px;
	border-bottom: 1px solid gray;
	width: 240px;
	text-align:center
}
*/

img{ border-width: 0px }
   
/* cag_pagebrowser */
.cag_pagebrowser { background-color:#ffefd5; text-align:center  }
.pagenumbers {  }
.number { margin-left: -4px}
   
   
/* Initials */
html body .init p:first-letter {
font-family: Arial, Helvetica, sans-serifsans-serif; 
font-style: italic;
font-size: 100%;
background-color: transparent;
color: #003780;
padding-right: 1px;
}

/*Termine*/

.termine {
	position: absolute;/*fuer IE*/
	padding: 1em;
     margin: 0 5px 0 200px;
   right: 50px;
}


/*Head*/
      
   #head {
    text-align: center;
    background: transparent url(bilder/head2.jpg) left top no-repeat;
    height: 200px;
	}
	
	#headt {
    text-align: center;
    background: transparent url(bilder/headtnatur.jpg) left top no-repeat;
    height: 200px;
	}
	
	#heade {
    text-align: center;
    background: transparent url(bilder/headtourismus.jpg) left top no-repeat;
    height: 200px;
	}
	
	#headsk	{
    text-align: center;
    background: transparent url(bilder/headwirtschaft.jpg) left top no-repeat;
    height: 200px;
	}
	
	#headg{
    text-align: center;
    background: transparent url(bilder/headgemeinschaft.jpg) left top no-repeat;
    height: 200px;
	}
	
	#headk{
    text-align: center;
    background: transparent url(bilder/lychenerholungsort.jpg) left top no-repeat;
    height: 200px;
	}
	
	#headsee{
    text-align: center;
    background: transparent url(bilder/lychenseenkreuz.jpg) left top no-repeat;
    height: 200px;
	}
	
	#headstadt{
    text-align: center;
    background: transparent url(bilder/hedstadtveraltung.jpg) left top no-repeat;
    height: 200px;
	}
	
/*Schriften*/	
	
	div#head h1 {/* vorbehalten fuer Titel|Banner */
text-align:center;
position:absolute;
padding:100px;
font-size:1.0em;
padding-left:10px;
background-color: transparent; 
color: #ffffff;
display:none;
}

h1,h2 {
	text-align: left;
	color: #000;
	font-size: 1em;
	background-color: #c7d2e2;
	padding-left:10px;
	margin-bottom:20px;
}

h3 {
	text-align: center;	
	color: brown;
	background-color: transparent;
	font-size: 2.0em;
	font-weight:bold;
	padding-left:10px;
}


.service {text-decoration: underline;
font-weight: bold; margin: 0; padding: 0; } 

/*Allgemeine Links*/
a:link    { text-decoration:none; color:#0841AB }
a:hover   { text-decoration:none; color:#E11700 }
a:visited { text-decoration:none; color:#0841AB }
a:focus   { text-decoration:underline; color:#E11700 }
a:active  { text-decoration:underline; color:#E11700 }

/*Tabellen im Texteditor*/
p.contenttable { margin:0 0 0 0; }


/*Startseite Bild*/
#bilds {
	position:absolute;
	background: #C7D2E2 url(vorn.jpg) no-repeat;
	border: solid 1px  #304e6a;
	width:180px;
	height:243px;
	z-index:1;
	left: 4px;
	top: 443px;
}

/*Bilder Seenkarte*/
.bildrechts {
margin: 20px 5px 0 240px;
}

.bildrechts li {
border-top: 1px solid gray;
}

/*Liste Seenkreuz*/



#topo li
{
list-style: none;
margin: 0;
padding: 0.25em;
border-top: 1px solid gray;
}

#navlist li a { text-decoration: none;}

/*unterkunftsseite*/
#unterkunft1 {
	position:absolute;
	width:200px;
	height:115px;
	z-index:2;
	left: 204px;
	top: 285px;
}
#unterkunft2 {
	position:absolute;
	width:195px;
	height:115px;
	z-index:3;
	left: 208px;
	top: 411px;
}
.bildunterkunft {
	position:absolute;
	width:351px;
	height:291px;
	z-index:4;
	left: 410px;
	top: 285px;
}


/* Menues */
	
	/*menue1*/
	


/*Menue2*/
ul#navlist
{
margin:0;
padding:0;
padding-left:180px;
padding-top:3px;
top:0;
white-space: nowrap;
font: normal 0.90em sans-serif;
}
li.webcam_link {
padding-right:320px;
}
#navlist li
{
display: inline;
list-style-type: none;

}

#navlist a { padding: 3px 10px; }

#navlist a:link, #navlist a:visited
{
color: #000;
background-color: #c7d2e2;
font: normal 0.90em sans-serif;
text-decoration: none;
}

#navlist .webcam_link  a:link, #navlist .webcam_link a:visited
{
color: #fff;
background-color: #de2b14;
font: normal 0.90em sans-serif;
text-decoration: none;
}


#navlist a:hover
{
color: #000;
background-color: #dbdee2;
font: normal 0.90em sans-serif;
text-decoration: none;
}

#navlist .webcam_link a:hover
{
color: #000;
background-color: #dbdee2;
font: normal 0.90em sans-serif;
text-decoration: none;
}


/*Navigationspfad*/
#path
{
	padding-top: 10px;
	margin-bottom:20px;
	color: #000;
	border-bottom: 1px solid #ccc;
	text-decoration:none;
	font-size:0.8em;
}





/*Tabelle Gewerbedatenbank*/




/*Tabellen*/
table {
       /* border: 1px solid #ccc; */
	/*	font: 0.8em sans-serif; */
		border-collapse:collapse;
}

td,th {	padding: 2px; }


table.contenttable { }
table.contenttable td { vertical-align: top; text-align-left }

table.bauarbeiten { margin:0 auto 0 auto }
table.bauarbeiten td { background-color:#dddddd; border: solid 2px #ffffff; vertical-align:middle }





table.gewerbebetriebe {
       border: 1px solid #ccc;
font: 0.8em sans-serif;
}


table.unterkunft {
       font: 0.8em sans-serif;
}
		

table.veranstaltungen {
       font: 0.8em sans-serif;
}

caption {
padding:5px;
background-color:#DCE7E9;
color:#0841AB;
text-align:justify}

tbody tr.gerade {
background-color:#DCE7DB;
color:#000000;}

tbody tr.ungerade {background: white;}

thead {background-color:#BCC9DA; margin:2px; color:#000;text-align:left;}
.ohne {background-color:#ccc; color:#000;}



/*unsichtbar*/
.unsichtbar {display:none;}
/*zwischen den Zeilen*/
.cleaner {                            
    clear: both;

    margin: 0;

    }
#unterkunft2 {
	position:absolute;
	width:195px;
	height:115px;
	z-index:3;
	left: 520px;
	top: 330px;
}
.be {font-weight:bold; background-color:#ccc; color:#000; }
.be1 {font-stretch:expanded; background-color:#fffffc;}
.gerade1 {background-color:#FFFFfC; color:#000; border-bottom: 1px;}
.z {background-color:#CCCCCC;}

table.testklasse tr td {
table-layout:fixed;
border: 1px solid #ccc;

}

.stopFloat {
  display: block;
  clear: both;
  float: none;
  height: 1px;
  font-size: 1px;
  line-height: 1px;
  overflow: hidden;
} 


/* css_filelist */
div.css_filelist_l1 { text-align:right }



/* Wahl */

table.wahl {
	border-collapse: separate;
	border-spacing: 2px;
	border-style: solid;
	border-width: 1px;
	border-color: grey;
	padding: 2px;
	font-size:0.8em
}


td.wahl {
	border-width: 1px;
	border-style: solid;
	border-color: grey;
	background-color:#DCE7DB;
	vertical-align: middle;
	text-align: left;
}

td.wahl_name {
	font-weight: bold;
	border-width: 1px;
	border-style: solid;
	border-color: grey;
	background-color:#DCE7DB;
}


/* Auswahl/Menue links */
h1.ausw_li {
	padding: 3px 5px;
	text-align: left;
	color: #000000;
	background-color: #ffefd5;
	font: bold 0.90em sans-serif;
}

table.ausw_li {
	border-collapse: separate;
	border-spacing: 2px;
	border-style: solid;
	border-width: 1px;
	border-color: #ffefd5;
	padding: 2px;
        empty-cells: hide;
	border-collapse: separate;
}

td.ausw_li {
	padding: 3px 5px;
	text-align: left;
	font: bold 0.90em sans-serif;
	border-width: 1px;
	border-style: solid;
	border-color: #ffefd5;
}	

td.ausw_li_aus {
	padding: 3px 5px;
	text-align: left;
	font: bold 0.90em sans-serif;
	border-width: 1px;
	border-style: solid;
	border-color: #ffefd5;
	background-color: #ffefd5;
}	


/* Tabellen Amt */
table.a { font-size:0.8em }
th.a    { padding: 2px 10px 2px 10px; vertical-align:top; text-align: left }
table.b { font-size:0.8em; border-width:3px; border-style:solid; border-color:#ffefd5 }
td.b    { padding: 2px 10px 2px 10px; vertical-align:top; text-align: left }
	


/* Details Unterkunft */

table.details {
	border-width: 1px;
	border-style: solid;
	border-color: #c7d2e2;
	padding: 4px;	
}


td.details {		
	background-color:#F5f5f5;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serifsans-serif;
	vertical-align: middle;
	text-align: left;
	padding: 1px;
}




/* Wochenkalender */
div.evcal  {
	background-color:#ffffff;
	border-style:solid;
	border-color:#ffefd5;
	border-width:3px;	
}

td.evcaldate {	
	font-size:1.2em;
	text-align:center;
	font-style:bold;
	color:brown;
	background-color:#ffefd5
}


table.evcalinp {
	border-style:solid;
	border-width:2px;
	border-color:#ffefd5;	
}

.thisweek  { background-color:#ffefd5; }
.otherweek { background-color:#ffffff; }

td.evcalinp#date {	
	font-size:0.8em;
	font-style:bold;
	color:brown;
}

td.evcalinp#kw {	
	font-size:0.8em;
	font-style:bold;
	color:#000000;
}


.bcolor-local    { background-color:#FFC0CB }
.bcolor-regional { background-color:#E6E6FA }


input.evcaltext  { border:2px solid #ffefd5; }

table.assist1 { 
	font-size:0.8em;
	margin: 0px auto 0px auto; 
}


/*th,td { padding: 2px 8px 2px 8px; }*/
