/* *********************** CSS FUER DREBACH SCHARFENSTEIN ********************** */

/********ANIMATION KARTE ********/
#anima{
	display: block;
	width: 210px;
	height: 230px;
	
	position: absolute;
	top: 0px;
	left: 3px;
	z-index: 6;
    border: 0px;
	background: url(pic/rolleanim_hg.gif) no-repeat;
}



/******* WEIHNACHTSGRÜSSE ***/

div#weihnacht{
	display: block;
	width: 285px;
	height: 220px;
	
	position: absolute;
	top: 0px;
	left: 100px;
	z-index: 5;
    border: 0px;
}
.txt3 {
	font-size: 11px;
	margin: 0px 0px 0px 0px;
	text-align: right;
}
/* ********************** BODY FORMATE ******************* */
html
{
	scrollbar-arrow-color : #FFA800;
	scrollbar-track-color: #FFE9A1;
	scrollbar-darkshadow-color: #FFA800;
	scrollbar-face-color: #FFE9A1;
	scrollbar-3dlight-color: #FFA800;
	scrollbar-highlight-color: #FFE9A1;
	scrollbar-shadow-color: #FFE9A1;
}

body.menu
{ 
	background-image: url(pic/hg_menu.jpg); 
	background-repeat: repeat-y;
	background-color: #FFC505;
}

body.start
{ 
	background-image: url(pic/hg_start.jpg); 
	background-position: top left;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-color: #FFE9A1;
	
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}

body.webcam_mini
{ 
	background-color: #FFE9A1;	
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	padding-left: 0px; padding-bottom: 0px;
	margin-left: 0px; margin-bottom: 0px;
}
iframe.webcam_iframe
{	
	border: 0px;
	width: 260px;
	height: 260px;
	vertical-align: top;
	text-align: left;
}

body.logo
{ 
	background-image: url(pic/hg_punkte.gif); 
	background-repeat: repeat-y;
	background-color: #FFE9A1;
}

body.top1
{ 
	background-image: url(pic/hg_top1_a.jpg); 
	/*background-image: url(pic/hg_top1.jpg);*/
	background-repeat: repeat-x;
	/*background-repeat: no-repeat;*/
	background-position: top left;
	background-color: #FFFFFF;
}

body.top2
{ 
	background-image: url(pic/hg_top2.gif); 
	background-repeat: repeat-x;
	background-color: #FFFFFF;
}

body.top3
{ 
	background-image: url(pic/hg_top3.gif); 
	background-position: top left;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-color: #FFE9A1;
}

body.randoben
{ 
	background-image: url(pic/rand_oben.jpg); 
	background-repeat: repeat-x;
	background-color: #066C36;
}

body.randunten
{ 
	background-image: url(pic/rand_unten.jpg); 
	background-repeat: repeat-x;
	background-color: #FFFFFF;
}

body.nutzung
{
	background-color: #FFE9A1;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}

/* ********************** TABELLEN FORMATE ********************** */

table
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}

table.tabmenu
{
	border: 1px solid #FFA800;
	background-color: #FFEE9C;
	
	color:#000000;
	width: 86%;
	padding: 0px;
	margin-left: 14%;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
}

div.tabhg
{
	/*background-image: url(pic/menu.gif);*/
	background-position: top left;
	background-attachment: fixed;
	background-repeat: no-repeat;
	border: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
}

td.hauptmenu
{
	background-color: #FFDD6C;
	color: #00793A;
	font-style: italic;
	font-weight: bold;
	padding-left: 5px;
}

td.submenuA
{
	vertical-align: top;
	background-color: #FFDD6C;
}

td.untermenu
{
	vertical-align: top;
	padding: 4px 2px 2px 2px;
	width: 13px;
}

td.untermenu2
{
	vertical-align: top;
	padding: 4px 2px 2px 15px;
}

td.hauptmenu#trenner
{
	display: block;
	background-color: #FFEE9C;
	height: 5px;
}

table.content
{
	width: 100%;
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}

table.verzeichnis
{
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}

table.wetter
{
	width: 430px;
	height: 47px;
	border: 1px solid #FFA800;
	background-color: #FFDD6C;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
}

td.tdcontent
{
	padding: 10px 20px;
	width: 90%;
	height: 100%;
}

table.tabvereine, table.tabvereine td
{
	border: 1px solid #FFA800;
	border-collapse: collapse;
	vertical-align: top;
}

table.tabvereine td.ohnerand
{
	border: 0px;
	border-collapse: collapse;
}

table.tabform
{
	vertical-align: top;
	width: 90%;
}

table.seitenauswahl
{
	vertical-align: top;
	margin-left: auto;
	margin-right: auto;
	width: 80%;
	font: Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 0px 2px 0px 2px;
	border-bottom: 1px solid #00793A;
	margin-bottom: 10px;
}

td.trennlinie1
{
	line-height: 5px;
	border-bottom: 1px solid #00793A;
}

td.trennlinie2
{
	line-height: 5px;
	color:#CCCCCC;
}

td.trennlinie3
{
	line-height: 5px;
	border-top: 1px solid #00793A;
}

hr.trennlinie
{
	width: 90%;
	color: #00793A;
	size: 1px;
}

table.aemter td /* Seite Gemeinderat, Tel.verzeichnis */
{
	vertical-align: top;
	padding: 1px 6px 1px 0;
}

/* ********************** LINKS FORMATE ********************** */

a, a:visited
{
	color: #00793A;
	text-decoration: underline;
}

a:hover, a:active
{
	color: #00793A;
	text-decoration: none;
}

a.wetter, a.wetter:visited, a.wetter:hover, a.wetter:active
{
	color: #00793A;
	text-decoration: none;
	cursor: pointer;
}

a.nostyle, a.nostyle:visited, a.nostyle:hover, a.nostyle:active, a span.nostyle
{
	text-decoration: none;
	color: #000000;
}

a.lupe /* Gastgeber Bildvergrößerung */
{
	cursor: pointer;
	text-decoration: none;
	color: #000000;
}

a.extern, a.extern:visited
{
	background: url(pic/link_extern.gif) no-repeat top left;
	padding: 0px 0px 0px 13px;
	color: #00793A;
	text-decoration: underline;
}

a.extern:hover, a.extern:active
{
	background: url(pic/link_extern.gif) no-repeat top left;
	padding: 0px 0px 0px 13px;
	color: #00793A;
	text-decoration: none;
}

a.email, a.email:visited
{
	background: url(pic/link_mail.gif) no-repeat top left;
	padding: 0px 0px 0px 18px;
	color: #00793A;
	text-decoration: underline;
}

a.email:hover, a.email:active
{
	background: url(pic/link_mail.gif) no-repeat top left;
	padding: 0px 0px 0px 18px;
	color: #00793A;
	text-decoration: none;
}

a.pdf, a.pdf:visited
{
	background: url(pic/pdf_icon.png) no-repeat top right;
	padding: 0px 20px 0px 0px;
	color: #00793A;
	text-decoration: underline;
	font-weight: bold;
}

a.pdf:hover, a.pdf:active
{
	background: url(pic/pdf_icon.png) no-repeat top right;
	padding: 0px 20px 0px 0px;
	color: #00793A;
	text-decoration: none;
}

/* menu1 == Hauptmenuepunkte, menu2 == Untermenuepunkte */
a.menu1, a.menu1:visited
{
	color: #00793A;
	text-decoration: underline;
	font-size: 13px;
}

a.menu1:hover, a.menu1:active
{
	color: #00793A;
	text-decoration: none;
	font-size: 13px;
}

a.menu2, a.menu2:visited
{
	color: #000000;
	text-decoration: none;
	font-size: 12px;
}

a.menu2:hover, a.menu2:active
{
	color: #000000;
	text-decoration: underline;
	font-size: 12px;
}

a.menu2extern, a.menu2extern:visited
{
	color: #000000;
	text-decoration: none;
	font-size: 12px;
	background: url(pic/link_extern.gif) no-repeat top left;
	padding: 0px 0px 0px 13px;
}

a.menu2extern:hover, a.menu2extern:active
{
	color: #000000;
	text-decoration: underline;
	font-size: 12px;
	background: url(pic/link_extern.gif) no-repeat top left;
	padding: 0px 0px 0px 13px;
}


a.menu2pdf, a.menu2pdf:visited
{
	color: #000000;
	text-decoration: none;
	font-size: 12px;
	background: url(pic/pdf_icon.png) no-repeat top right;
	padding: 0px 20px 0px 0px;
}

a.menu2pdf:hover, a.menu2pdf:active
{
	color: #000000;
	text-decoration: underline;
	font-size: 12px;
	background: url(pic/pdf_icon.png) no-repeat top right;
	padding: 0px 20px 0px 0px;
}

a.homelink
{
	display: block;
	width: 170px;
	height: 160px;
	text-decoration: none;
}

/* ********************** SONSTIGE FORMATE ********************** */

/*
.gruss  >>> war vorher fuer Glueck Auf! Bild gedacht
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #2F3192;
}
*/

.gruss
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #2F3192;
}

.starttxt
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #00793A;
}

.starttxt1
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}

img.startbild
{
	margin: 5px 0px;
	border: 1px solid #00793A;
}

img.startbild_mitte
{
	margin: 5px 5px 10px 0px;
	border: 1px solid #00793A;
	float: left;
}

div.krokus_box
{
	background-color: #E2CDF7;
	border: 1px solid #2F3192;
	color: #2F3192;
	padding: 10px;
	font-weight: bold;
	margin: 5px 20px 10px 20px;
}

div.krokus_box_2
{
	background-color: #E2CDF7;
	border: 1px solid #2F3192;
	color: #2F3192;
	padding: 10px;
	font-weight: bold;
	margin: 5px 20px 10px 20px;
	text-align: left;
}

div.rote_hinweis_box
{
	border: 2px solid #993333;
	background-color: #FFCF77;
	padding: 0px 10px 5px 10px;
	margin: 5px 20px 10px 20px;
}
div.rote_hinweis_box p.bold
{
	color: #993333;
	font-size: 14px;
}

.box_big
{
	font-weight: bold;
	font-size: 16px;
}

.bold
{
	font-weight: bold;
}

.italic
{
	font-style: italic;
}

.bi
{
	font-weight: bold;
	font-style: italic;
}

.underline
{
	text-decoration: underline;
}


.hinweis
{
	font-size: 10px;
}

p.quelle
{
	font-size: 10px;
	color: #666666;
	padding: 5px 0 15px 0;
}

p.space
{
	padding: 5px 0 15px 0;
}

div.grey
{
	color: #999999;
}

div.small
{
	font-size: 10px;
}

div.img_link
{
	padding: 0px;
	line-height: 1.5em;
}

td div.zurueck, td div.nachoben
{
	margin-top: 20px;
}

div.zurueck a, div.nachoben a
{
	font-weight: bold;
	font-size: 10px;
	text-decoration: underline;
}

img.verein
{
	border: 0;
	margin: 5px 0px 5px 0px;
}

img.link
{
	padding: 0px 0px 0px 13px;
	border: none;
}

img.webcam
{
	margin: 10px 0px 5px 0px;
	border: 1px solid #00793A;
}

img.karte_krokus
{
	margin: 20px 0;
	border: 1px solid #00793A;
}

div.webcamtext
{
	width: 250px;
	text-align: left;
}

img.bildrahmen
{
	margin: 10px;
	border: 1px solid #00793A;
}

img.pfeilrahmen
{
	border: none;
}

.pfeilrahmen
{
	border: none;
}

input.kontakt, select.kontakt
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	border: 1px solid #FFA800;
	width: 300px;
}

input.button
{
	width: 100px;
	color: #FFE9A1;
	background-color: #00793A;
	border: 0px;  
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;        				   
}

input.button2
{
	width: 150px;
	color: #FFE9A1;
	background-color: #00793A;
	border: 0px;  
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;        				   
}

input.buttonok
{
	width: 40px;
	height: 20px;
	color: #FFE9A1;
	background-color: #00793A;
	border: 0px; 
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;         				   
}

input.zaehlerfeld
{
	background-color: transparent; 
	border: 0px; 
	vertical-align: middle; 
	width: 40px; 
	height: 20px; 
	font-weight: normal; 
	font-size: 12px; 
	font-family: Arial, Helvetica, sans-serif; 
	text-align: right;
	color: #000000;
}

textarea.kontakt
{
	width: 300px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	border: 1px solid #FFA800;
}

textarea.gbtxtarea
{
	font-weight: normal;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	border: 1px solid #FFA800;
	height: 80px;
	width: 80%;
}

select.listenfeld1, input.eingabefeld
{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #FFA800;
}

h1
{
	font-size: 14px;
	color: #00793A;
	font-weight: bold;
	margin: 0px 0px 20px 0px;
}

h1.bg
{
	font-size: 14px;
	color: #00793A;
	font-weight: bold;
	margin: 0px 0px 5px 0px;
}

h2
{
	font-size: 12px;
	color: #2F3192;
	font-weight: bold;
	margin: 10px 0px 10px 0px;
}

h2.oben
{
	font-size: 12px;
	color: #2F3192;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
}

h3
{
	font-size: 12px;
	font-style: italic;
	font-weight: normal;
	margin: 10px 0px 0px 0px;
}

div.burg
{
	margin: 0px 0px 0px 0px;
	border: 1px solid black;
}

ul
{
	list-style-type: square;
	color: #000000;
}

ul.anker
{
	list-style-type: square;
	color: #000000;
	line-height: 1.5em;
}

ul.txt 
{
	color: #00793A;
	line-height: 30px;
}

dl dt
{
	font-weight: bold;
	margin: 20px 0 5px 0;
}

div.notfalltelefon
{
	width: 160px;
	border: 2px solid #B5152B;
	background-color: #ffdcea;
	padding: 5px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 13px;
	text-align: center;
	color: #B5152B;
}


div.jobboerse
{
	width: 160px;
	border: 2px solid #4171A7;
	background-color: #ECECEC;
	padding: 5px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 13px;
	text-align: center;
	color: #1284BA;
}
div.jobboerse a
{
	color: #1284BA;
}
/* ********************** News der Gemeinde ********************** */

hr.newstrenner
{
	width: 100%;
	height: 1px;
	border: 0px;
	color: #00793A;
	background-color: #00793A;
	margin: 5px 0 5px 0;
}

div.back
{
	font-weight: bold;
	font-size: 10px;
}

ul.news
{
	list-style-type: square;
	color: #000000;
	line-height: 25px;
}

input.albumbutton
{
	color: #FFE9A1;
	background-color: #00793A;
	border: 0px; 
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

span.rot
{
	color: #993333;
	font-weight: bold;
}

/* ********************** Firmenverzeichnis // Gastgeberverzeichnis ********************** */

table.firma
{
	width: 95%;
	border: 1px solid #00793A;
	margin: 5px;
	vertical-align: top;
}

td.firmabild
{
	width: 125px;
	vertical-align: top;
	text-align: right;
}

table.firmaintern
{
	width: 100%;
	vertical-align: top;
	border: 0px;
}

table.firmainfo
{
	width: 85%;
	border: 0px;
	padding: 0px;
	text-align: center;
}

table.firmaintern td.halb
{
	width: 50%;
	vertical-align: top;
}

img.firma
{
	border: 0px;
	width: 120px;
	height: 80px;
	padding: 5px 10px 5px 10px;
}

div.zusatz
{
	color: #00793A;
	text-decoration: underline;
	cursor: pointer;
	text-align: right;
	padding: 0 5px 5px 0;
}

table.gastanfrage
{
	width: 70%;
	border: 0px;
}

td.gast1
{
	width: 30%;
	font-weight: bold;
}
td.gast2
{
	font-weight: bold;
	padding: 15px 0 5px 0;
}
td.gast3
{
	width: 15%;
}

input.gastfeld
{
	width: 150px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #FFA800;
}

input.felddatum
{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #FFA800;
	width: 80px;
}

input.feldklein
{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #FFA800;
	width: 30px;
}

.errorfeld, .errorfeldklein, .errorfeldmini, .errortextbox,
.errorgastfeld, .errorfelddatum,
.errorkontakt
/* fehlerhafte Felder und Textareas in Formularen */
{
	background-color: #fff;
	border: 1px solid #990000;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
.errorfeld
{
	width: 200px;
}
.errorfeldklein
{
	width: 40px;
}
.errorfeldmini
{
	width: 30px;
}
.errortextbox
{
	height: 150px;
	width: 400px;
}
.errorgastfeld
{
	width: 150px;
}
.errorfelddatum
{
	width: 80px;
}
.errorkontakt
{
	width: 300px;
}

.feldsf /* feld, das versteckt wird, als Bot-Schutz */
{
	display: none;
}

.imgsf /* img als Bot-Schutz */
{
	text-align: center;
	vertical-align: text-bottom;
	margin: 0px 0px 0px 10px;
}

.errortext /* Hinweis zu fehlerhaften Feldern */
{
	color: #990000;
	font-weight: bold;
}