/**
eisfestival.css
Coypright: Siegfried Mairböck, 2013
März 2013
**/

body{
	margin: 0 0 20px 0;
	padding:0;
	font-family: arial,Verdana, Geneva, sans-serif;
	color: #333;
	background: #fff;
}


#MAIN{ width: 960px; margin: 0 auto; border: 15px solid #fff; background: #fff; text-align: center; }
#HEADER { position: relative; background: #fff; margin-bottom: 25px; padding-bottom: 5px; border-bottom: 1px solid #ccc; }
#WRAPPER { float: left; width: 100%; }
#COL-LEFT { float: left; width: 215px; margin-left: -960px;  }
#COL-RIGHT { float: left; width: 205px;  margin-left: -205px; }
#COL-CENTER { margin: 0 205px 0 215px; border-right: 0px dotted #d7cbb7; border-left: 0px dotted #d7cbb7; }
#FOOTER { background: #fff; clear: left; width: 100%; text-align: center; }

#HEADER-INNER { background-color: #ddd; position: relative; height: 394px; border-bottom: 0px solid #fff; overflow: hidden; }
#COL-LEFT-INNER { padding: 0px 0px 20px 0; text-align: left; position: relative; min-height: 600px;  }
#COL-RIGHT-INNER { padding: 0px 0 20px 0px; text-align: left; min-height: 600px;  }
#COL-CENTER-INNER { padding: 10px 30px 30px 30px; text-align: left; min-height: 600px; }
#FOOTER-INNER { position: relative; min-height: 50px; text-align: center; padding: 0px 20px 0px; border-top: 1px solid #ccc; font-size: 12px; line-height: 1.5em; color: #000; }


#COL-CENTER-INNER p { color: #000; text-align: justify; margin: 0 0 12px 0; }

.innter-tupe {
	margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
	margin-top: 0;
}

.logo { border: 1px solid #aaa; width: 213px; }


th,td { font-size: 14px; }

.hidden { display: none; }

a, a:hover, a:visited, a:link, a:focus { color: #000; }
a { text-decoration: none; border-width: 0 0 1px 0; border-bottom: 1px dotted #000; }
a:hover, a:focus { border-style: solid; color: #000; }
a.image, a:hover.image, a:focus.image { border: none; }

h1 { display: none; }
h2 { color: #333; font-size: 26px; line-height: 1.3em; font-weight: bold; margin: 0 0 30px 0; }
h3 { color: #333; font-size: 20px; font-weight: bold; line-height: 1.3em; margin: 24px 0 12px 0; }
h4 { color: #666; font-size: 18px; line-height: 1.3em; font-weight: bold; margin: 24px 0 12px 0; }
h5 { color: #333; font-size: 13px; font-weight: bold; margin: 15px 0 5px 0; }
h6 { color: #555; font-size: 12px; font-weight: bold; margin: 15px 0 0px 0; text-decoration: underline; }



ul { margin: 0 0 12px 0;  padding: 0 0 0 16px; list-style-image: url(../images/arrow-right-11.png); }
ul li { margin: 0 0 12px 0; padding: 0; text-align: justify; }
ol { margin: 0 0 12px 0;  }
ol li { margin: 0 0 12px 0; padding: 0; text-align: justify; }


/* Navigation */
#NAVI { margin: 0px 0px 20px 0; }
#NAVI ul { margin: 0; padding: 0; list-style: none; border-top: 0px solid #ccc; width: 100%; }
#NAVI ul li { margin: 8px 0; padding: 0; list-style: none; border-bottom: 0px solid #ccc; width: 100%; }
#NAVI ul li.Teilnahmebedingungen { margin: 50px 0px 0; padding: 0; list-style: none; border-top: 0px solid #ccc; }

#NAVI ul li a { display: block; text-decoration: none; background: #eee; color: #000; padding: 10px 5px 10px 15px; text-align: left; border: 0; }
#NAVI ul li a:hover { background: #aaa; color: #fff; border: 0; }
#NAVI ul li a.navi-aktiv { background: #ddd; text-shadow: 0px 1px 1px #fff; color: #000; font-weight: bold; border:0;  }
#NAVI ul.NAVI-sub { display: none; }
#NAVI ul.NAVI-sub li { margin: 2px 0; }
#NAVI ul.NAVI-sub li a { background: #eee; color: #555; padding: 5px 5px 5px 30px; font-size: 14px; }
#NAVI ul.NAVI-sub li a:hover { background: #aaa; color: #fff; border: 0; }
#NAVI ul.NAVI-sub li a.navi-aktiv { background: #ddd; text-shadow: 0px 1px 1px #fff; color: #000; font-weight: bold; border:0;  }

/* Navigation (Städte) rechts */
#SUBNAVI { margin: 0px 0px 20px 0px; }
#SUBNAVI ul { margin: 0; padding: 0; list-style: none; border-top: 0px solid #ccc; }
#SUBNAVI ul li { margin: 0px 0; padding: 0; list-style: none; border-bottom: 0px solid #ccc; margin: 3px 0; }
#SUBNAVI ul li a { display: block; text-decoration: none; background: #eee; color: #000; padding: 8px 15px 8px 25px; text-align: left; border: 0; }
#SUBNAVI ul li a:hover { background: #aaa; border: 0; color: #fff; }
#SUBNAVI ul li a.navi-aktiv { background: #ddd; color: #000; font-weight: bold; border:0;  }



#SOCIAL { text-align: center; margin: 50px 0 30px 0; } 

.blocksatz { text-align: justify; }
.zentriert { text-align: center !important; }
p { margin: 12px 0; }
hr { border: 0 solid #000; border-bottom: 1px dotted #d7cbb7; margin: 20px 0; }

.Bild { margin: 25px 0; text-align: center; }
.Bild img { border: 1px solid #000; display: block; margin: 0 auto 5px auto; }
.Bildtext { display: block; color: #777; margin-top: 4px; font-size: 14px; text-align: left; }
.Bild .Bildtext { font-style: italic; }

.Werbung { margin-right: -5px; }
.Werbung ul { margin: 0; padding: 0; list-style: none; list-style-image: none; }
.Werbung ul li { float: left; width: 205px; margin: 20px 0; padding: 0; list-style: none; text-align: center; }
.Werbung ul li a, .Werbung ul li a:hover { text-decoration: none; border: 0; }
.Werbung ul li.Werbung-klein { float: left; width: 100px; margin-right: 5px; }
.Werbung .Werbung-ende { clear: left; }


.Fotogalerie { margin: 24px -10px 24px 0; }
.Fotogalerie ul { margin: 0; padding: 0; list-style: none; list-style-image: none; }
.Fotogalerie ul li { display: block; float: left; margin: 0px 10px 10px 0; padding: 0; list-style: none;  text-align: left; }
.Fotogalerie ul li a { display: block; position: relative; width: 110px; height: 80px; overflow: hidden;  border: 1px solid #000; }
.Fotogalerie ul li a img { border: 0px solid #000; width: 112px; }
.Fotogalerie br { clear: left; }



/** Social Icons **/
a.social-icon {
	display: inline-block;
	position: relative;
	width: 20px;
	height: 20px;
	background-image: url(../images/fb-icon.png);
	background-position: left top;
	margin-right: 6px;
}
a.social-icon span { display: none; }
a.fb-icon { background-image: url(../images/fb-icon-20.png); border: 0; }
a.go-icon { background-image: url(../images/go-icon-20.png); border: 0; }
a.tw-icon { background-image: url(../images/tw-icon-20.png); border: 0; }

a:hover.social-icon { background-position: right top; }


.Downslide { margin: 20px -14px; }
.Downslide > h3 { cursor: pointer; font-size: 16px; line-height: 1.5em; background: #eee url(../images/arrow_down.png) right center no-repeat; padding: 5px 10px; margin: 2px 0 0 0;  font-weight: normal; border-bottom: 1px solid #ccc; }
.Downslide > h3.Downslide-aktiv { text-shadow: 0px 1px 1px #fff; background: #ccc url(../images/arrow_up.png) right center no-repeat; }
.Downslide > div { margin: 10px 0px; padding: 0 14px 10px 14px; border-bottom: 0px solid #ccc; } 



ul.Galerie { margin: 0px 0; padding: 0; list-style: none; }
ul.Galerie li { margin: 4px; padding: 0; list-style: none; float: left; }
ul.Galerie a { padding: 3px; margin: 0; display: block; border: 1px solid #ccc;}
ul.Galerie img { border: none; }



.Veranstaltung { margin: 0; padding: 16px 0; width: 480px; position: relative; }
.Veranstaltung > ul { margin: 0; padding: 0; list-style: none; }
.Veranstaltung > ul > li { margin: 0; padding: 5px 0; list-style: none; display: block; }
.Veranstaltung > ul > li > .Item-Bild { position: relative; float: left; width: 180px; padding-top: 4px;  }
.Veranstaltung > ul > li > .Item-Bild a { border: 0; }
.Veranstaltung > ul > li > .Item-Inhalt { margin-left: 190px; overflow: hidden; width: 290px; }
.Veranstaltung > ul > li > .Item-Inhalt > .Item-Datum { font-size: 12px; color: #444; margin-bottom: 3px; }
.Veranstaltung > ul > li > .Item-Inhalt > .Item-Titel,
.Veranstaltung > ul > li > .Item-Inhalt > h4 { text-align: left; font-size: 16px; color: #666; font-weight: bold; margin: 0 0 3px 0; }
.Veranstaltung > ul > li > .Item-Inhalt > .Item-Beschreibung { text-align: justify; }
.Veranstaltung > ul > li > .Item-Ende { clear: left; padding-top: 10px; border-bottom: 1px dotted #ccc; }


/* Tabelle */

table.mytab { border-collapse: collapse; font-size: 11px; border-top: 1px solid #ccc; width: 100%;  }
table.mytab th { padding: 5px 5px; font-size: 12px; border-bottom: 1px solid #888; text-align: left; background-color: #f4f4f4; }
table.mytab td { font-size: 15px; padding: 10px 5px; border-bottom: 1px solid #ccc; }
table.mytab td.big { font-size: 15px; font-weight: normal; }

table.veranstaltungen { border-collapse: collapse; font-size: 15px; width: 100%;  }
table.veranstaltungen tr:hover td { background: #ccc; }
table.veranstaltungen td { font-size: 15px; padding: 10px 5px; border-bottom: 4px solid #fff;  background: #eee; }

table.programm { border-collapse: collapse; font-size: 15px; border: 0; width: 100%; }
table.programm td { vertical-align: top; padding: 10px 5px; }
table.programm td.zeit { padding-left: 0; width: 100px; }
table.programm td.beschreibung {  }
table.programm td.bilder { padding-right: 0px; width: 90px; text-align: center; }

table.ohnelinien { border-collapse: collapse; border: 0; width: 100%;  }
table.ohnelinien th { padding: 5px 5px; font-size: 12px; border-bottom: 1px solid #888; text-align: left; background-color: #f4f4f4; }
table.ohnelinien td { font-size: 15px; padding: 10px 5px; border-bottom: 1px solid #ccc; }


/** Kasten **/
.Kasten { border: 3px solid #9cf; padding: 16px 20px 4px 20px; margin: 24px 0; }


/** Schrift **/
.klein { font-size: 12px; }

/*
 * Formulare
 */
 
.FFehler {
	color: #d00;
	margin: 0 0px;
	padding: 8px 20px;
	background: #fdd;
	font-weight: bold;
}

.Formular {
	margin: 10px -14px;
	padding: 20px 20px;
	background-color: #f4f4f4;
}
.FBlock {
	padding: 0px 0px 4px 0px;
}
.FName {
	display: block;
    color: #555;
    font-size: 12px;
    font-weight: bold;
    padding-bottom: 1px;
    padding-top: 2px;
	text-shadow: 0px 1px 0px #fff;
}

input[type="checkbox"] { margin-right: 5px; }
label.checkbox {}
label.checkbox input { float: left; margin-right: 12px; }
label.checkbox span { display: block; overflow: hidden; }
select.InputText {
	font-family: monaco, fixedsys, sans-serif;
	font-size: 12px;
	padding: 2px;
}
.FButtons {
	margin: 15px 0 8px 0;
}

.Formular-Item { margin: 5px 0; }
.Formular-Textarea,
.Formular-Text {
	display: block;
	padding-right: 10px;
}
.Formular-Textarea > label > span,
.Formular-Text > label > span {
	font-size: 12px;
	font-weight: bold;
	color: #666;
	display: block;
	margin-bottom: 2px;
}
.Formular-Textarea textarea,
.Formular-Text input {
	font-size: 14px;
	font-family: monaco, fixedsys, sans-serif;
	padding: 4px 4px;
	border: 1px solid #ccc;
	width: 100%;
}
.Formular-Textarea textarea {
	height: 80px;
	resize: none;
}
.Formular-Textarea textarea:focus,
.Formular-Text input:focus {
	background-color: #ffc;
}


.Formular-Buttons {
	margin-top: 14px;
}

.Formular-Buttons input {
	font-size: 14px; 
	border: 1px solid #aaa;

    background-color: #e0e0e0;
    padding: 3px 8px;
    box-shadow: inset 0 0 0px 1px #fff,0px 0px 2px 0px #bbb;
    margin-right: 4px;
	color: #333;
}
.Formular-Buttons input:hover {
    box-shadow: inset 0px 0px 1px 0px #fff,0px 0px 2px 2px #dca;
	background-color: #d0d0d0;
	border-color: #444;
	color: #000;
}
.Titel {
	font-family: Verdana, Geneva, sans-serif;
	margin: 10px 0 20px 0;
	font-size: 26px;
	line-height: 36px;
	font-weight: bold;
	text-align: right;
	color: #000;
}.lala {
	color: #000;
}


.VBLogo { background: #fff; border: 1px solid #666; border-radius: 3px; left: 38px; top: 280px; padding: 2px 20px; height: 174px; width: 107px; position: absolute; }