/* +---------------------------------------------------------------------+
   |                  		    Body definieren                          |
   +---------------------------------------------------------------------+ */
body {
margin: 0px;
font-family: Arial, Verdana, Tahoma, Sans-Serif; 
color: #222; 
font-size: 75%;
background-color: #B89A78;
background-image:url('../bilder/seite/bg.jpg');
background-repeat: repeat;
}


/* +---------------------------------------------------------------------+
   |                  		 Container definieren                        |
   +---------------------------------------------------------------------+ */

#main {
clear:both;
margin: auto auto;
width: 773px;
padding: 5px;
padding-top: 0px;
padding-bottom: 0px;
background-image:url('../bilder/seite/bg-main.gif');
background-repeat: repeat-y;
background-color: #fff;
}

#index_flash {
margin: auto auto;
margin-top: 20px;
width: 450px;
height: 375px;
background-image:url('../bilder/seite/bg-index-flash.gif');
background-repeat: no-repeat;
}

#index {
margin: auto auto;
width: 250px;
height: 85px;
padding-left: 200px;
padding-top: 110px;
background-image:url('../bilder/seite/index.gif');
background-repeat: no-repeat;
}

#top {
clear:both;
margin: auto auto;
height: 135px;
background-image:url('../bilder/seite/top.gif');
background-repeat: no-repeat;
border-bottom: 4px solid #590000;
}

#top_festival {
clear:both;
margin: auto auto;
height: 135px;
background-image:url('../bilder/seite/top_festival.gif');
background-repeat: no-repeat;
border-bottom: 4px solid #590000;
}

#top_teil {
clear:both;
margin: auto auto;
height: 135px;
background-image:url('../bilder/seite/top_teil.gif');
background-repeat: no-repeat;
border-bottom: 4px solid #590000;
}

#top_rueck {
clear:both;
margin: auto auto;
height: 135px;
background-image:url('../bilder/seite/top_rueck.gif');
background-repeat: no-repeat;
border-bottom: 4px solid #590000;
}

#top_kontakt {
clear:both;
margin: auto auto;
height: 135px;
background-image:url('../bilder/seite/top_kontakt.gif');
background-repeat: no-repeat;
border-bottom: 4px solid #590000;
}

#top_prog {
clear:both;
margin: auto auto;
height: 135px;
background-image:url('../bilder/seite/top-programme.gif');
background-repeat: no-repeat;
border-bottom: 4px solid #590000;
}

#top_prog2 {
clear:both;
margin: auto auto;
height: 135px;
background-image:url('../bilder/seite/top-programme-2.gif');
background-repeat: no-repeat;
border-bottom: 4px solid #590000;
}

#top_ueber {
clear:both;
margin: auto auto;
height: 135px;
background-image:url('../bilder/seite/top-ueber.gif');
background-repeat: no-repeat;
border-bottom: 4px solid #590000;
}

#top_stift {
clear:both;
margin: auto auto;
height: 135px;
background-image:url('../bilder/seite/top-stift.gif');
background-repeat: no-repeat;
border-bottom: 4px solid #590000;
}

#top_vatic {
clear:both;
margin: auto auto;
height: 135px;
background-image:url('../bilder/seite/top-vatic.gif');
background-repeat: no-repeat;
border-bottom: 4px solid #590000;
}

#top_later {
clear:both;
margin: auto auto;
height: 135px;
background-image:url('../bilder/seite/top-later.gif');
background-repeat: no-repeat;
border-bottom: 4px solid #590000;
}

#top_mura {
clear:both;
margin: auto auto;
height: 135px;
background-image:url('../bilder/seite/top-mura.gif');
background-repeat: no-repeat;
border-bottom: 4px solid #590000;
}

#top_maggi {
clear:both;
margin: auto auto;
height: 135px;
background-image:url('../bilder/seite/top-maggi.gif');
background-repeat: no-repeat;
border-bottom: 4px solid #590000;
}



#it_top {
clear:both;
margin: auto auto;
height: 135px;
background-image:url('../bilder/seite/it_top.gif');
background-repeat: no-repeat;
border-bottom: 4px solid #590000;
}

#it_top_festival {
clear:both;
margin: auto auto;
height: 135px;
background-image:url('../bilder/seite/it_top_festival.gif');
background-repeat: no-repeat;
border-bottom: 4px solid #590000;
}

#it_top_teil {
clear:both;
margin: auto auto;
height: 135px;
background-image:url('../bilder/seite/it_top_teil.gif');
background-repeat: no-repeat;
border-bottom: 4px solid #590000;
}

#it_top_rueck {
clear:both;
margin: auto auto;
height: 135px;
background-image:url('../bilder/seite/it_top_rueck.gif');
background-repeat: no-repeat;
border-bottom: 4px solid #590000;
}

#it_top_kontakt {
clear:both;
margin: auto auto;
height: 135px;
background-image:url('../bilder/seite/it_top_kontakt.gif');
background-repeat: no-repeat;
border-bottom: 4px solid #590000;
}

#it_top_prog {
clear:both;
margin: auto auto;
height: 135px;
background-image:url('../bilder/seite/it_top-programme.gif');
background-repeat: no-repeat;
border-bottom: 4px solid #590000;
}

#it_top_prog2 {
clear:both;
margin: auto auto;
height: 135px;
background-image:url('../bilder/seite/it_top-programme-2.gif');
background-repeat: no-repeat;
border-bottom: 4px solid #590000;
}

#it_top_ueber {
clear:both;
margin: auto auto;
height: 135px;
background-image:url('../bilder/seite/it_top-ueber.gif');
background-repeat: no-repeat;
border-bottom: 4px solid #590000;
}

#it_top_stift {
clear:both;
margin: auto auto;
height: 135px;
background-image:url('../bilder/seite/it_top-stift.gif');
background-repeat: no-repeat;
border-bottom: 4px solid #590000;
}

#it_top_vatic {
clear:both;
margin: auto auto;
height: 135px;
background-image:url('../bilder/seite/it_top-vatic.gif');
background-repeat: no-repeat;
border-bottom: 4px solid #590000;
}

#it_top_later {
clear:both;
margin: auto auto;
height: 135px;
background-image:url('../bilder/seite/it_top_later.gif');
background-repeat: no-repeat;
border-bottom: 4px solid #590000;
}

#it_top_mura {
clear:both;
margin: auto auto;
height: 135px;
background-image:url('../bilder/seite/it_top_mura.gif');
background-repeat: no-repeat;
border-bottom: 4px solid #590000;
}

#it_top_maggi {
clear:both;
margin: auto auto;
height: 135px;
background-image:url('../bilder/seite/it_top_maggi.gif');
background-repeat: no-repeat;
border-bottom: 4px solid #590000;
}


#en_top {
clear:both;
margin: auto auto;
height: 135px;
background-image:url('../bilder/seite/en_top.gif');
background-repeat: no-repeat;
border-bottom: 4px solid #590000;
}

#en_top_festival {
clear:both;
margin: auto auto;
height: 135px;
background-image:url('../bilder/seite/en_top_festival.gif');
background-repeat: no-repeat;
border-bottom: 4px solid #590000;
}

#en_top_teil {
clear:both;
margin: auto auto;
height: 135px;
background-image:url('../bilder/seite/en_top_teil.gif');
background-repeat: no-repeat;
border-bottom: 4px solid #590000;
}

#en_top_rueck {
clear:both;
margin: auto auto;
height: 135px;
background-image:url('../bilder/seite/en_top_rueck.gif');
background-repeat: no-repeat;
border-bottom: 4px solid #590000;
}

#en_top_kontakt {
clear:both;
margin: auto auto;
height: 135px;
background-image:url('../bilder/seite/en_top_kontakt.gif');
background-repeat: no-repeat;
border-bottom: 4px solid #590000;
}

#en_top_prog {
clear:both;
margin: auto auto;
height: 135px;
background-image:url('../bilder/seite/en_top-programme.gif');
background-repeat: no-repeat;
border-bottom: 4px solid #590000;
}

#en_top_prog2 {
clear:both;
margin: auto auto;
height: 135px;
background-image:url('../bilder/seite/en_top-programme-2.gif');
background-repeat: no-repeat;
border-bottom: 4px solid #590000;
}

#en_top_ueber {
clear:both;
margin: auto auto;
height: 135px;
background-image:url('../bilder/seite/en_top-ueber.gif');
background-repeat: no-repeat;
border-bottom: 4px solid #590000;
}

#en_top_stift {
clear:both;
margin: auto auto;
height: 135px;
background-image:url('../bilder/seite/en_top-stift.gif');
background-repeat: no-repeat;
border-bottom: 4px solid #590000;
}

#en_top_vatic {
clear:both;
margin: auto auto;
height: 135px;
background-image:url('../bilder/seite/en_top-vatic.gif');
background-repeat: no-repeat;
border-bottom: 4px solid #590000;
}

#en_top_later {
clear:both;
margin: auto auto;
height: 135px;
background-image:url('../bilder/seite/en_top_later.gif');
background-repeat: no-repeat;
border-bottom: 4px solid #590000;
}

#en_top_mura {
clear:both;
margin: auto auto;
height: 135px;
background-image:url('../bilder/seite/en_top_mura.gif');
background-repeat: no-repeat;
border-bottom: 4px solid #590000;
}

#en_top_maggi {
clear:both;
margin: auto auto;
height: 135px;
background-image:url('../bilder/seite/en_top_maggi.gif');
background-repeat: no-repeat;
border-bottom: 4px solid #590000;
}


#links {
color: #fff;
clear: both;
float:left;
width: 182px;
}

#rechts {
float: left;
padding: 20px;
width: 550px;
}

#fuss {
font-size: 95%;
clear:both;
margin: auto auto;
height: 65px;
padding: 10px;
color: #fff;
background-image:url('../bilder/seite/fuss.gif');
background-repeat: no-repeat;
background-color: #800000;
border-top: 4px solid #800000;
}

.fuss_box {
float: left;
width: 230px;
height: 45px;
border-right: 1px dotted #c30000;
padding: 10px;
}

/* +---------------------------------------------------------------------+
   |           		      Hyperlinks definieren                          |
   +---------------------------------------------------------------------+ */

a, a:visited {color: #cc9900; text-decoration: none;}
a:hover, a:active {color: #c30000; text-decoration: none;}

a.stil, a.stil:visited {color: #c30000; font-weight: bold; text-decoration: none;}
a.stil:hover, a.stil:active {color:#c30000; text-decoration: underline;}

a.text, a.text:visited {font-size: 95%; color: #800000; text-decoration: underline;}
a.text:hover, a.text:active {color:#fff; text-decoration: none; background-color: #4F0000;}

a.index_stil, a.index_stil:visited {color: #fff; font-weight: bold; text-decoration: none;}
a.index_stil:hover, a.index_stil:active {color:#fff; background-color: #4F0000;}

a.navi, a.navi:visited {
font-family: verdana;
font-size: 95%;
color: #fff;
text-decoration: none;
display: block;
float: left;
padding: 9px;
border-right: 1px dotted #c30000;
}

a.navi:hover, a.navi:active {
color: #fff;
text-decoration: none;
background-image:url('../bilder/seite/bg-navi-hover.gif');
background-repeat: repeat-x;
background-color: #c30000;
}

a.navi_links, a.navi_links:visited {
font-family: verdana;
font-size: 95%;
color: #7E7560;
text-decoration: none;
display: block;
padding: 9px;
}

a.navi_links:hover, a.navi_links:active {
font-family: verdana;
font-size: 95%;
color: #595344;
text-decoration: none;
display: block;
padding: 9px;
background-color: #C7B389;
}

a.navi_links2, a.navi_links2:visited {
font-family: verdana;
font-size: 95%;
color: #7E7560;
text-decoration: none;
display: block;
padding: 9px;
background-image:url('../bilder/seite/bg-navi4.gif');
background-repeat: repeat-y;
}

a.navi_links2:hover, a.navi_links2:active {
font-family: verdana;
font-size: 95%;
color: #595344;
text-decoration: none;
display: block;
padding: 9px;
background-image:url('../bilder/seite/bg-hover.gif');
background-repeat: repeat-x;
}

a.navi_links3, a.navi_links3:visited {
font-family: verdana;
font-size: 95%;
color: #7E7560;
text-decoration: none;
display: block;
padding: 9px;
background-image:url('../bilder/seite/bg-navi2.gif');
background-repeat: repeat-y;
}

a.navi_links3:hover, a.navi_links3:active {
font-family: verdana;
font-size: 95%;
color: #595344;
text-decoration: none;
display: block;
padding: 9px;
background-image:url('../bilder/seite/bg-hover.gif');
background-repeat: repeat-x;
}

a.navi_links4, a.navi_links4:visited {
font-family: verdana;
font-size: 95%;
color: #7E7560;
text-decoration: none;
display: block;
padding: 9px;
background-image:url('../bilder/seite/bg-navi4.gif');
background-repeat: repeat-y;
}

a.navi_links4:hover, a.navi_links4:active {
font-family: verdana;
font-size: 95%;
color: #595344;
text-decoration: none;
display: block;
padding: 9px;
background-image:url('../bilder/seite/bg-hover.gif');
background-repeat: repeat-x;
}

/* +---------------------------------------------------------------------+
   |           		        Grafiken definieren                          |
   +---------------------------------------------------------------------+ */
img {border: 0px;}
img.rechts {float: right; margin-left: 5px; margin-bottom: 5px;}
img.links {float: left; margin-right: 5px; margin-bottom: 5px;}
img.rechts_or {float: right; margin-left: 15px;}
img.box {margin-right: 15px; margin-bottom: 15px; border: 6px solid #e7e7e7;}
img.box:hover {margin-right: 15px; margin-bottom: 15px; border: 6px solid #820000;}

/* +---------------------------------------------------------------------+
   |           		   Überschriften definieren                          |
   +---------------------------------------------------------------------+ */
h1 {font-size: 150%; font-weight: normal; color: #333; margin-bottom: 2px; }
h2 {font-size: 110%; margin: 0px; display: block; font-weight: bold; padding: 4px; padding-left: 0px; padding-bottom: 1px; color: #333; margin-bottom: 2px;}
h3 {font-size: 130%; font-weight: bold; color: #333; margin-bottom: 5px; }
h4 {font-size: 140%; color: #2C5782; margin-bottom: 2px; margin-top: 10px;}
h5 {font-size: 110%; color: #333; margin-bottom: 2px;}
hr {padding: 0px; margin: 5px; border-top: 1px solid #ccc; border-bottom: 1px dotted #fff;}

span.braun {color: #977D48;}
span.ueber {display: block; font-family: verdana; padding: 9px; font-size: 95%; background-color: #820000; font-weight: bold; border-bottom: 1px solid #C7B389; color: #fff;}
span.ueber:hover {display: block; font-family: verdana; padding: 9px; font-size: 95%; background-color: #AA0000; font-weight: bold; border-bottom: 1px solid #9B8E88; color: #fff;}

/* +---------------------------------------------------------------------+
   |           		   Listen und Absätze definieren                     |
   +---------------------------------------------------------------------+ */
ul {}
li { margin-left: -5px; margin-top: 0px; margin-bottom: 0px; padding: 0px;}
p {	line-height: 140%; margin-bottom: -1px; margin-top: -1px;}


/* +---------------------------------------------------------------------+
   |               	            Form definieren                          |
   +---------------------------------------------------------------------+ */
input {border: 1px solid #ddd; background-color: #f6f6f6;}
textarea {font-family: arial; border: 1px solid #ddd; background-color: #f6f6f6;}
/* +---------------------------------------------------------------------+
   |                  	    Tabellen definieren                          |
   +---------------------------------------------------------------------+ */
table.stil {border:0; cellpadding:0; width:100%;}
td.stil {padding: 4px; padding-left: 2px; border-bottom: 1px solid #ddd;}