/* stylesheet zu Webauftritt www.spica2010.se */

*  { /* setzt alle voreingestellten Abstände in den Browsern auf null */
	padding: 0; 
	margin: 0; 
	} 
html { 
	color: #336; 
	font-size: 100%; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	background-color: #fff; 
	min-width: 41em; /*  Mindestbreite verhindert Umbruch und Anzeigefehler in modernen Browsern */ 
	}
body { 
	font-size: 70%; 
	line-height: 150%; 
	}
h1, h2, h3 {
	margin-bottom: 0.5em;
	color: #993333;
	}  
p, pre, ul, ol { 
	margin-bottom: 1.5em; 
	}
h1 {
	font-size: 150%;
	font-weight: bold;
	line-height: 200%;
	} 
h2 {
	font-size: 130%;
	font-weight: bold;
	line-height: 170%;
	}
h3 {
	font-size: 100%;
	font-weight: bold;
	line-height: 150%;
	}
a {
	color: #333366;
	}
li { 
	margin-bottom: 0.5em; 
	margin-left: 30px; 
	}
td {
	background-color: #eee;
	margin: 2px;
	padding: 2px 2px 2px 5px;
	}
hr { 
	background-color: #eee; 
	text-align: left; 
	}
a:hover {
	color: #cc6666;
	}
#blink {
	position: absolute;
	top: 1px;
	left: 400px;
	z-index: 99;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

#blink2 {
	position: absolute;
	top: 1px;
	left: 600px;
	z-index: 1;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

#wrapper { /*umfasst Kopf, Inhaltsbereich, Navibereich, Spalte rechts, ohne fuss*/
	position: relative;
	top: 0;
	left: 0;
	z-index: 2;
	margin: 0;
	/*width: 900px;*/
	min-width: 600px;
	max-width: 1000px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
}
#kopfbereich {
	background-color: #036;
	height: 100px;
	z-index: 3;
	margin: 0;
	padding: 0;
	position: relative;
	left: 0px;
	top: 0px;
}
#textbereich {
	position: relative;
	z-index: 4;
	overflow: auto;
	margin: 0 175px;
	padding: 15px 12px 12px;
	border-right: 1px solid #9cf;
	border-left: 1px solid #9cf;
}
#navibereich { 
	position: absolute; 
	top: 110px; 
	left: 10px; 
	width: 163px; 
	z-index: 5; 
	margin: 0; 
	padding-top: 15px; 
	padding-right: 12px; 
	}
#navibereich ul { 
	margin-bottom: 0; 
	margin-left: 0; 
	padding-left: 0; 
	}
#navibereich li { 
	margin-bottom: 0; 
	margin-left: 0; 
	padding-left: 0; 
	list-style-type: none; 
	}
#navibereich a { 
	font-weight: bold; 
	font-size: 11px; 
	line-height: 20px; 
	text-decoration: none; 
	}
#navibereich a:hover {
	color: #cc6666;
}
#spalte03 {
	position: absolute;
	top: 110px;
	right: 10px;
	width: 175px;
	background-color: #fff;
	z-index: 6;
	padding-top: 15px;
	margin: 0;
}
#spalte03 p {
	margin-left: 15px
}
#fussbereich { 
	background-color: #fff; 
	text-align: center; 
	position: relative; 
	top: 0; 
	left: 0; 
	z-index: 7; 
	min-width: 600px; 
	max-width: 1000px; 
	margin-right: 10px; 
	margin-left: 10px; 
	padding-top: 15px; 
	border-top: 1px solid #9cf; 
	}
#fussbereich a { 
	text-decoration: none; 
	}
#top {
	background-color: #fff;
	position: absolute;
	top: -35px;
	right: 125px;
	z-index: 8;
}
/* Ende CSS Angaben zum Formular */

#top_venue {
	background-color: #fff;
	position: absolute;
	height: 25px;
	width: 30px;
	right: 10px;
	text-align: right;
}

#top_venue a {
	color: #2A0000;
	font-weight: normal;
	text-decoration: none;
}
#top_venue a:hover {
	color: #cc6666;
}
#top_accom {
	background-color: #fff;
	position: absolute;
	float: right;
	right: 320px;
}
#top_accom  a {
	color: #2A0000;
	font-weight: normal;
	text-decoration: none;
}
#top_accom a:hover {
	color: #cc6666;
}

#table_hotels { width: auto; height: auto; z-index: 9; overflow: auto; visibility: visible; float: none; clear: left; padding: 2px; border: solid 1px white;; }
#table_hotels a { font-size: 11px; font-weight: bold; line-height: 20px; text-decoration: none; }

#table_hotels a:hover {
	color: #cc6666;
	font-size: 11px;
	font-weight: bold;
	line-height: 20px;
	text-decoration: none;
}
.toppadding { vertical-align: super; }
.SFC {
	color: green;
	text-decoration: none;
	font-weight: bold;
}

.pdf { float: left; padding-left: 12px; } /*für PDF's in Spalte rechts*/
.headimgfloatleft { float: left; /* richtige Anzeige der Bilder im kopfberech, bei dehnbarer Breite */ }
.headimgfloatright { float: right; /* richtige Anzeige der Bilder im kopfberech, bei dehnbarer Breite */ }
.imgfloatleft {
	float: left;
	padding: 0 20px 20px 0;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.imgfloatright {
	float: right;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 20px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.imglink {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

.scroll { 
	overflow: scroll; 
}

.listohne { 
	margin-left: 0; 
	list-style-type: none; 
	display: list-item; 
}

.inline { 
	display: inline; 
}

.skiplist {
	font-size: 120%;
	font-weight: bold;
	margin-bottom: 0em;
	color: #993333;
	line-height: 150%;
	text-decoration: none;
}

.top_hotels { 
	background-color: #fff; 
	text-decoration: none; 
	text-align: right; 
}

.oben02em {
	margin-top: 0.2em;
}
.bottom05em {
	margin-bottom: 0.5em;
}

.blink {
	font-weight: bold;
	color: #D43F55;
	text-decoration: underline;
}


/* CSS Angaben zum Formular */
form {
	background-color: #eee;
	min-width: 400px;
	max-width: 550px;
	padding: 4px 20px 20px;
}

fieldset { 
	padding: 10px; 
}

legend { 
	color: #c03; 
	font-size: 120%; 
	font-weight: bold; 
	margin-bottom: 1em; 
}

label {
	font-weight: bold;
	width: 180px;
	float: left;
	cursor: pointer;
}

input {  }

form p { /*wichtig für die Ausrichtung und Gruppierung der Elemente als box*/
	margin-bottom: 1em; 
}