/*  A L L G E M E I N E S  */

img { /* IE5.5+ PNG FIX */ 
	behavior: url(../js/iepngfix.htc);
}

body {
	margin: 0;
	padding: 0;
	text-align: center;
	height: 100%;
	bottom: 0px;
	behavior: url(../js/csshover2.htc); /* IE 5.5+ Hover-Fix */
}

a {
	text-decoration: none;
	color:#8f9cbe;
}
a:visited {
	text-decoration: none;
	color:#8f9cbe;
}
a:hover {
	text-decoration: underline;
	color:#8f9cbe;
}

h1, h2 {
	font: bold 18pt 'Trebuchet MS','Bitstream Vera Sans',Verdana, Arial,Helvetica,sans-serif;
	margin-bottom:10px;
	margin-top:0;
	color: #161c64;
}

h2 {
	margin-top: 10px;
	font-size:14pt;
}

h3 {
	margin-bottom: 5px;
	margin-top:9px;
	font-size:13pt;
}

.red { /* JS-Fehlermeldung */
color: #d00000;
}

.noscript {
margin-bottom: 1000px;
}

.l { /* Bilder links im Textfluss */
	float: left;
	margin: 0px 20px 5px 0px; 
}

.r { /* Bilder rechts im Textfluss */
	float: right;
	margin: 0px 5px 20px 0px; 
}

.legal { /* kleiner Text */
	display: block;
	margin:10px;
	font: 10pt 'Trebuchet MS','Bitstream Vera Sans',Verdana, Arial,Helvetica,sans-serif;
	clear: both;
	text-align: left;
}


#ieinfo { /* IE 5.5+ Infoleiste */
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 25px;
	background: #ffe856 url(../img/ausrufezeichen.gif) 10px 3px no-repeat;
	color: black;
	text-align: left;
	padding-top: 5px;
	font: 11px 'MS Sans Serif',Verdana,Helvetica,sans-serif;
	overflow: hidden;
}

#ieinfo span {
	padding-left: 30px;
}

#ieinfo:hover {
	background-color: #0a246a;
	text-decoration: none;
	color: white;
}

#link{
	overflow: hidden;
}

#link img {
	position: absolute;
	top:0;
	left:0;
	height: 25px;
	width: 100%;
	border:none;
}


/*  S L I D E R - K O N S T R U K T I O N  */

#wrapper {
	font: 11pt 'Trebuchet MS','Bitstream Vera Sans',Verdana, Arial,Helvetica,sans-serif;
	line-height: 1.7em;
	color: #161c64;
	min-height: 550px;
	width: 100%;
	background: transparent url(../img/bg_city.gif) repeat-x 0% 100%;
	position: absolute;
	bottom: 0px;
	left:0px;
}

#page {
	text-align: justify;
	margin: 0 auto;
	padding: 0;
	width: 1000px;
	height: 550px;
	background: transparent url(../img/bg.jpg) no-repeat;
}

#preloader { /* preloader für alle hover-grafiken */
	visibility:hidden;
}

#impressum {
	position: relative;
	top:15px;
	left:810px;
	font: 10px "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
	width: 80px;
	color:#8f9cbe;
}

/*  E L E M E N T - P O S I T I O N I E R U N G  */

#navi {
	position: relative;
	top: 56px;
	left: 113px;
	width: 500px;
	height:35px;
}

#navi #buttons{
	list-style-type: none;
	display: inline;
}

#navi #buttons li{ /* generisch fuer jedes navi-element */
	font: bold 13pt 'Trebuchet MS','Bitstream Vera Sans',Verdana, Arial,Helvetica,sans-serif;
	text-align: center;
	float: left;
	cursor: pointer;
	margin: 0 2px 0 2px;
	padding-top: 5px;
	height:35px;
	width: 120px;
	border: 0px;
	
}

li.active{ /* aktives navielement */
	background: url(../img/navibg.png);
}

#panes {
	position: relative;
	top: 0px;
	left: 118px;
	width: 760px;
	height: 390px;
	clear:both;
	overflow: hidden;
}

#previous{
	position: relative;
	top:250px;
	left:45px;
	cursor: pointer;
	width: 40px;
	height:40px;
	background: transparent url(../img/arr_l.gif) no-repeat;
}

#previous:hover {
	background: transparent url(../img/arr_l_h.gif) no-repeat;
}

#next{
	position: relative;
	top:210px;
	left:915px;
	cursor: pointer;
	width: 40px;
	height:40px;
	background: transparent url(../img/arr_r.gif) no-repeat;
}

#next:hover {
	background: transparent url(../img/arr_r_h.gif) no-repeat;
}


/*  T A B E L L E N   F U E R   A N G E B O T E  */

table.pakete {
	border:0pt none;
	color:#161c64;
	margin:0pt;
	padding:0pt;
	cursor: default;
}
caption {
	font: italic 12pt "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
	padding:40px 0pt 10px 34px;
	background: transparent url(../gfx/pfeil-rechts.png) no-repeat 23px 43px;
	text-align:left;
}
th {
	background:transparent url(../gfx/bg_table_fade.jpg) repeat-x scroll 0% 100%;
	border-bottom:1px solid #8f9cbe;
	border-right:1px solid #8f9cbe;
	border-top:1px solid #8f9cbe;
	color:#2a0488;
	font: bold 12px "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
	letter-spacing:2px;
	line-height:normal;
	padding:6px 10px 6px 6px;
	text-align:left;
	text-transform:uppercase;
}

th.fact {
	background:transparent none repeat scroll 0%;
	border-left:1px solid #8f9cbe;
	border-top:0pt none;
	font:bold 12px "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
	width:200px;
}

th.wc, th.wl {
	line-height: 5px;
}

.wc span, .wl span { /* Grosser Buchstabe S, M, L */
	font-size: 250%;
	position: relative;
	top: 0px;
	left: 5px;
}

th.gap, td.gap {
	width:30px;
	border-bottom:none;
	border-top: none;
	background: transparent ! important;
}

th.nobg {
	background:transparent none repeat scroll 0%;
	border-right:1px solid #8f9cbe;
	border-top:0pt none;
}

td {
	border-bottom:1px solid #8f9cbe;
	border-right:1px solid #8f9cbe;
	font:12px "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
	line-height: 1em;
	padding:4px 6px 4px 12px;
}


/* K O N T A K T F O R M U L A R */

input.t, textarea, select {
	margin: 8px 0 5px 5px;
	padding: 5px;
	font:12px "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
	color: #161c64;
	border: 1px solid #b2bad3;
	width: 200px;
}

textarea.kontakt {
	height: 95px;
}

select {
	width: 212px;
	height:27px;
}

.colum { /* Kontaktfelder mehrspaltig */
	float:left;
	margin-left: 10px;
}

#response {
	width: 280px;
	height:165px;
	font-weight: bold;
	text-align: left;
}

label, input, button, textarea {
	cursor:default;
}

button {
	width: 212px;
	margin: 6px 0 0 5px;
	padding: 5px;
	font:bold 14px "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
	color: #161c64;
	background-color: white;
	border: 1px solid #b2bad3;
}


/*  B I L D E R - G A L E R I E :   R E F E R E N Z E N  */


.gallerycontainer{
	position: relative;
	height: 390px;
}

.thumbnail {
	width: 100px;
	height:70px;
}

.thumbnail img{ /* Abstand zum Beschreibungstext */
	margin-bottom: 5px;
}

.thumbnail:hover{ /* wichtig fuer IE 6, sonst gehts nicht */
background-color: transparent;
}



.thumbnail span{ /* Vergroessertes Bild inkl. Text unten */
	font:12px "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
	position: absolute;
	left: -1000px;
	width: 480px; /* wichtig fuer IE 6, sonst brichts nicht um */
	visibility: hidden;
	color: #161c64;
	background: transparent url(../img/pola.png) no-repeat;
	padding: 5px;
	padding-bottom: 20px;
}

.thumbnail span img{ /*Vergroessertes Bild, nur Bild ohne Text*/
	border: none;
}

.thumbnail:hover span{ /*Hover fuer vergroessertes Bild */
	visibility: visible;
	top: 0;
	left: 255px; /* Position, an der die vergroessterte Box erscheint */
	z-index: 50;
}

.desc { /* Beschreibung unter der Thumbnail-Liste */
	font:12px "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
	width:100px;
	line-height: 1.2em;
	text-decoration: none;
	text-align: left;
	color:#8f9cbe;
	margin-bottom: 20px;
}

.desc a:hover {
	text-decoration: underline;
}

.row1, .row2{ /* Einteilung in zwei Reihen */
	width:100px;
	padding-right: 15px;
	float:left
}

.row2{ /* Abstand zum Text */
	padding-right: 45px;
}