/*****************************************
**                                      **
**       CSS Stylesheet for regale.at   **
**          (c)   by viamedia           **
**                                      **
*****************************************/

body {
	background:#25455F;
	margin:0;
	padding:0;
	font-family:Arial;
	font-size:11px;
}
html, body {
	height: 100%;
}

a { color:#25455f; text-decoration:underline; }
a:hover { text-decoration:underline; }

#startseite .tpc-inhalt { color:#A5A6B5; font-family:Arial; }
#startseite .tpc-inhalt a { color:#A5A6B5; text-decoration:underline; } 
#startseite .tpc-inhalt a:hover { text-decoration:none; }
/**********************
**                   **
**     Startseite    **
**                   **
**********************/



#top {
	height:30px;
	background:#fff;
	margin:0 auto;
	width:920px;
	line-height:30px;
	padding:0 20px;
}

#top p { margin:0; }

#top a,
#top p a,
#top marquee p a {
	text-decoration:none;
}

#startseite {
	width:960px;
	margin:0 auto;
}

#main { padding-top:55px; }

#header { float:right; width:837px; margin-bottom:10px;}
#header .header-ueberschrift { float:left;}
#header .logo { float:right; width:200px; }


#slideshow { float:right; width:840px; }
#slideshow .layer { float:left; margin-left:3px; width:117px; }
#slideshow .first { margin-left:0; }
#slideshow .layer .layer-text { color:#FFFFFF; text-align:left; font-size:11px; }
#slideshow .layer a {  color:#FFFFFF; text-decoration:none; }
#slideshow .layer a:hover {  color:#CCCCCC; text-decoration:none; }


#menu { float:left; margin-top:150px;}

/* ********************** **
       MENÜ + SUBMENÜ
** ********************** */

#submenu { margin:0; padding:13px 20px 20px 20px; }
#startmenu { margin:20px 0 0 0px; padding:0px; }

#submenu li,
#startmenu li {
/*	list-style-image:url('../images/global/list-pfeil.gif'); */
	list-style:none;
	background:url('../images/global/menu/pfeil-white.gif') no-repeat 0px 6px;
	margin-bottom:5px;
	padding:0 0 0 10px;
}

#submenu li a { color:#8F93A4; 	font-size:13px;	text-decoration:none; }
#startmenu li a {
	color:#fff;
	font-size:13px;
	text-decoration:none;
}
#submenu li a:hover,
#startmenu li a:hover { color:#C3C3C3; }

#submenu li { 
	/* list-style-image:url('../images/global/list-pfeil-main.gif'); */
	background:url('../images/global/menu/submenu-pfeil.gif') no-repeat 0px 3px;
	padding:0 0 0 10px;
}
#submenu li.active { 
	/* list-style-image:url('../images/global/list-pfeil.gif'); */ 
	background:url('../images/global/menu/submenu-pfeil-white.gif') no-repeat 0px 3px; }

#submenu li.active ul li.active a,
#submenu ul li.active a,
#submenu li.active a { color:#fff; }

#submenu li.active ul li.active a:hover,
#submenu ul li.active a:hover,
#submenu li.active a:hover { color:#C3C3C3; }

#submenu li.active ul li a { color:#8F93A4; }
#submenu ul li a { font-size:12px;}

#submenu ul { 
	margin:5px 0 15px 0; 
	padding:0px; 
}
#submenu ul li {/* list-style-image:url(../images/global/submenu.gif); */ background:url('../images/global/menu/minus.gif') no-repeat 0px 6px; list-style:none; color:#8F93A4; padding:0 0 0 8px; margin:0;}

#submenu ul li.active { /*list-style-image:url(../images/global/submenu-hover.gif); */ background:url('../images/global/menu/minus-white.gif') no-repeat 0px 6px; list-style:none; }


#content-startseite {
	float:right;
	width:650px;
	padding-top:20px;
	min-height:200px;
}
#content-startseite .maintext { 
	color:#A5A6B5;
	font-size:12px;
	padding-top:82px;
}
#content-startseite .slogan {
	text-align:right;
	color:#fff;
	font-size:20px;
	margin-top:10px;
	font-style:italic;
	font-family:Arial;
}

#content-startseite .maintext a { color:#A5A6B5; font-size:12px; text-decoration:underline; }
#content-startseite .maintext a:hover { text-decoration:none; color: #c3c3c3; } 

h1.startseite { color:#fff; font-size:13px; margin:0; padding:0; font-family:Arial; letter-spacing:2px; font-weight:bold; text-transform:uppercase; font-style:italic; }



#footer-start,
#footer {
	margin:40px 0px 0px;
	padding:0 0px 0 117px;
	line-height:20px;
	height:20px;
	color:#fff;
	font-size:11px;
}

#footer-start p, #footer p { margin:0; padding:0; width:100%; }	
#footer-start span, #footer span { margin:0 12px; }

#footer-start span-first, #footer span.first { margin-left:3px; }
#footer-start span-last, #footer span.last { margin-right:0px; }

#footer-start a, #footer a { color:#fff; text-decoration:none; }
#footer-start a:hover, #footer a:hover { color:#ccc; text-decoration:underline; }

#footer-start { height:60px; padding-top:15px; position:relative; }


#footer-start .meta-menu { float:right; width:60px; margin-bottom:10px;position:absolute;right:0;top:0; }
#footer-start .meta-menu .meta-item { text-align:right; height:10px; margin-bottom:5px; }
/**********************
**                   **
**   Contentseiten   **
**                   **
**********************/

#content-header {
	width:960px;
	height:135px;
	margin:0 auto;
	position:relative;
	margin-bottom:10px;
}
#content-header .logo {
	position:absolute;
	right:20px;
	top:20px;
	width:200px;
	height:30px;
}
#content-header .ueberschrift {
	position:absolute;
	left:20px;
	top:35px;
	width:550px;
	height:15px;
}
#navigation {
	height:20px;
	padding:115px 0px 0px 221px;
}

#mainmenu { margin:0; padding:0px; }
#mainmenu li {
/*	list-style-image:url('../images/global/list-pfeil-main.gif'); */
	background:url('../images/global/menu/pfeil.gif') no-repeat 0px 3px; 
	list-style:none;
	float:left;
	padding:0;
	margin:0 20px 0 0;
	font-size:12px;
	padding-left:8px;
}
#mainmenu li a {
	color:#8F93A4;
	font-size:14px;
	text-decoration:none;
	white-space: nowrap;
}
#mainmenu li a:hover { color:#999999; }
#mainmenu li.active { /*list-style-image:url('../images/global/list-pfeil.gif'); */ list-style:none; 
	background:url('../images/global/menu/pfeil-white.gif') no-repeat 0px 3px; }
#mainmenu li.active a { color:#fff;}
#mainmenu li.last { margin-right:0px; }


#contentsite {
	width:960px;
	margin:0 auto;
	border-top:1px solid #fff;
}

#contentsite .left { float:left; width:220px; }
#contentsite .right { float:right; width:739px; border-left:1px solid #fff;}

#contentsite .left .grill { padding:0;}
#contentsite .left .grill .image { padding:0 25px 5px; }
#contentsite .left .grill .infos { color:#8F93A4; font-size:9px; padding:0 8px;}
#contentsite .left .grill .infos a {  color:#8F93A4; text-decoration:underline; }

#contentsite .right .header { height:55px; line-height:55px; color:#fff; padding:0 20px; }
#contentsite .right .header p { margin:0; padding:0; font-size:16px; font-family:Arial; }
#contentsite .right .header span.siteheader { text-transform:uppercase; font-size:20px; font-family:Arial; }
#contentsite .right .content { min-height:435px; background:#fff; /*padding:20px 20px; position:relative; */ padding:1px 1px 1px 0; color:#494949; font-size:11px; font-family:Arial; }
#contentsite .right .content h1,
#contentsite .right .content h2,
#contentsite .right .content h3,
#contentsite .right .content h4 { 
	color:#25455F; 
	font-size:12px; 
	font-weight:normal;
	margin:0 0 5px 0;
	padding:0;
}
#contentsite .right .content h3,
#contentsite .right .content h4 {
	font-size: 11px;
}

#contentsite .right .content p { margin:0 0 10px 0; line-height:17px; }

#contentiste .right .content .prev-next { vertical-align:bottom; text-align:right; padding-left:700px; }
#contentsite .right .content span.header,
span.header {
	color:#25455F; 
	font-size:12px; 
	font-weight:normal;
	line-height: 1.2em;
	padding: 0;
}

/* Clearer */

.clearer {
	content: ".";
	line-height:0;
	height:0;
	float:none;
	clear:both;
	visibility:hidden;
}




/**
 * Column Layout
 */
 



.middle {
	width: 473px;
	/* padding:1px; */
	overflow: hidden;
}

.middle-outerwrap {
	display: table;}
.middle-innerwrap {
	display: table-row; }
	* html .middle-innerwrap {
		display: inline;
		height: 1%; }

.column {
	display: table-cell;
	vertical-align: top;
	background: #fff; }

	* html .column {
		margin-bottom: -10000px;
		padding-bottom: 10000px;
		float: left;
		display: inline; }

	*+html .column {
		margin-bottom: -10000px;
		padding-bottom: 10000px;
		float: left;
		display: inline; }




/** Padding **/
.padding {
	padding: 28px 30px 15px 20px }

	* html .padding {
		padding-bottom: 10028px;
		padding-right: 0; }

	*+html .padding {
		padding-bottom: 10028px; }


/** Rahmen rechts **/
.border {
	border-right: 1px solid #999; }

/** Rahmen rechts **/
.full-border {
	border: 1px solid #ddd;
	margin: 0 0 0 1px; }

        /*
.background {
	background:url(../images/hg_box-unten-klein.gif) top left repeat-x; }
*/
/** Abstand danach **/
.margin-after {
	margin-bottom:10px;
}
.small-margin-after {
	margin-bottom:0;
	border-bottom:1px solid #f1f1f1;
}





/* 
    Document   : styles.css
    Created on : 12.03.2009, 15:16:16
    Author     : Georg Groszberger
    Description:
        Styles for colum layout
*/




.middle {
	width:739px;
	background: #fff;
	overflow: hidden;
}

.middle-outerwrap {
	display: table;}
.middle-innerwrap {
	display: table-row; }
	* html .middle-innerwrap {
		display: inline;
		height: 1%; }

.column {
	display: table-cell;
	vertical-align: top;
	background: #fff; }

	* html .column {
		margin-bottom: -10000px;
		padding-bottom: 10000px;
		float: left;
		display: inline;}

	*+html .column {
		margin-bottom: -10000px;
		padding-bottom: 10000px;
		float: left;
		display: inline; }




/** Padding **/
.padding {
	padding: 30px 30px 5px 30px }

	* html .padding {
		padding-bottom: 10028px;
		padding-right: 0; }

	*+html .padding {
		padding-bottom: 10028px; }


/** Rahmen rechts **/
.border {
	border-right: 1px solid #999; }

/** Rahmen rechts **/
.full-border {
	border: 1px solid #ddd;
	margin: 0 0 0 1px; }

        /*
.background {
	background:url(../images/hg_box-unten-klein.gif) top left repeat-x; }
*/
/** Abstand danach **/
.margin-after {
	margin-bottom:10px;
}
.small-margin-after {
	margin-bottom:0;
	border-bottom:1px solid #f1f1f1;
}




/* EXTENSION VIA_COLORS */

.tx-viacolors-pi1 { margin-top:15px; }

#colors { margin:0 20px; color:#494949; font-size:10px; }
.colors-choo { float:left; width:410px; text-align:right; }
.colors-desc { float:left; width:230px; }
.tx-viacolors-pi1 #colors .colors-desc p { line-height:normal; }
.colors-items { width:405px; float:left; }
#colors .color-item {
/*	position:relative; */
	float:right;
	width:15px;
	height:60px;
	margin-right:10px;
	overflow:visible;
	padding-top:3px;
}
#colors .color-item .item-text { position:absolute; /* left:-20px; top:30px; */ width:60px; text-align:center; }
/* #colors .color-item .first { left:5px; text-align:left; } */
#colors .color-item .first { right:5px; left:auto; text-align:right; }

/* #colors .color-item .last { right:5px; left:auto; text-align:right; } */
#colors .color-item .last { left:5px; text-align:left; }

/* EXTENSION GALLERIE */
.tx-viaroesslgallery-pi1 { clear:both; }

#gallerie { /* height:345px; */width:740px;  margin-left:20px; margin-top:20px; position:relative; }

#gallerie .left-site { width:395px; float:left; margin-right:10px;overflow:hidden; }
#gallerie .left-site .img-big {  }
#gallerie .left-site .img-subtitle { height:15px; }

#gallerie .right-site { width:285px; float:left; }
#gallerie .right-site .gallerie-description { margin-bottom:30px; padding-top:0px; height:160px; position:relative; z-index:9955999; }
#gallerie .right-site .gallerie-description p { line-height:15px; }
#gallerie .right-site .gallerie-items { height:120px; margin-bottom:5px; overflow:hidden; width:270px; position:relative; }
#gallerie .right-site .gallerie-items .img { cursor: pointer; float:left; margin-right:10px; width:80px; text-align:center; border:1px solid #ccc; height:54px; }
#gallerie .right-site .gallerie-items .bottom { position:absolute; top:63px; width:auto;  }
#gallerie .right-site .gallerie-items .top { position:absolute; top:0px; width:auto; }
#gallerie .right-site .gallerie-items-sub { height:10px; padding-bottom:2px; }
#gallerie .right-site .items-left-col { width:280px; height:120px; /* position:relative; float:left; */ }
#gallerie .right-site .items-right-col { width:90px; height:120px; margin-left:276px; /* position:relative; float:left; */}
#gallerie .right-site .nexter {  width:90px; height:120px; margin-left:368px; }
#gallerie .right-site .nextnext { margin-left:460px; }
#gallerie .right-site .nexternext { margin-left:552px; }

#gallerie .img-right-unten { position:absolute; top:63px; /* left:-4px; */ text-align:center; border:1px solid #CCCCCC; width:80px; height:54px; }
#gallerie .img-right-oben { position:absolute; top:0px; /* left:-4px; */ text-align:center; border:1px solid #CCCCCC; width:80px; height:54px; }

#pic-wrapper { min-width:1200px; overflow:visible; position:absolute; left:0; top:0; height:120px; }
/*
#gallerie .gallerie-nav { float:left; width:50px; margin-top:245px; position:relative; left:-8px; }
*/
#gallerie .gallerie-nav { width:50px; top:255px; right:10px; position:absolute; }

#gallerie .mover { float:left; margin-right:5px; }


/* EXTENSION REFERENZEN */

#referenzen { margin:10px 20px 0; }
#contentsite .right .content .tx-viareferences-pi2 #referenzen p { margin:0; padding:0; }
#referenzen .cat-header { font-size:18px; }
#referenzen .referenz { height:20px; margin-bottom:20px; }
#referenzen .referenz .ref { float:left; display:block; }
#referenzen .referenz .header { height:auto; width:150px; padding:0; line-height:normal; color:#858789; }
#referenzen .referenz .desc { width:320px; }
#referenzen .referenz .image { width:130px; }
#referenzen .referenz .link { float:right; width:80px; text-align:right; }
















/**
 * Maps
 * ---------------------------------------------------- */

.Map_Layer_Text { 
	width:350px;
	background:#fff;
	border:1px solid #000; 
/*	min-height:310px;*/
	/*background-image:url(../templates/images/maps/layer-bg.png);*/
	position:absolute;
	text-align:center;
}
.Map_Layer_Text .top {
	height:12px;
	background-image:url(../templates/images/maps/layer-bg-top.png);
	background-repeat:no-repeat;
	background-position:top left;
	width:360px;
	padding-left:5px;
}

.Map_Layer_Text .bottom {
	background-image:url(../templates/images/maps/layer-bg-bottom.png);
	background-repeat:no-repeat;
	background-position:bottom left;
	width:350px;
	padding:0 5px 5px 5px;
}

.Map_Layer_Text .bottom .layer-left  { float:left; width:129px; border-right:1px solid #DFDDD9; margin:10px 0; overflow:hidden; padding:0px 10px; position:relative; }
.Map_Layer_Text .bottom .layer-right { float:right; width:195px; position:relative; }

.Map_Layer_Text .bottom .header { float:left; color:#333333; font-size:20px; font-family:Arial, Helvetica, sans-serif; width:325px; text-align:left; padding-left:8px;}
.Map_Layer_Text .bottom .header p { margin:0; padding:0;}
/*
.Map_Layer_Text .layer-left .switch { position:absolute; bottom:5px; right:10px; }
.Map_Layer_Text .layer-left .switch span { display:block; font-size:11px; text-align:right; font-family:Arial, Helvetica, sans-serif; }
*/
.Map_Layer_Text .top .close { text-align:right; padding:0; width:10px; float:right; position:absolute; right:-7px; top:5px; z-index:2; height:17px; width:17px;  }
/* *+html .Map_Layer_Text .close { text-align:right; padding:0; width:10px;	height:10px; float:right; padding-right:6px;  } */

.Map_Layer_Text .bottom .layer-left .desc { text-align:left;  z-index:1; color:#333333; font-size:11px; font-family:Arial, Helvetica, sans-serif; width:129px; }
.Map_Layer_Text .bottom .layer-left .desc p {	margin-bottom:5px; display:block; }

.Map_Layer_Text .layer-right .image {  margin-bottom:10px; padding-top:10px; color:#333333; font-size:11px; font-family:Arial, Helvetica, sans-serif; width:350px; text-align:center; }
.Map_Layer_Text .layer-right .image p { margin:0; padding:0; }


.Map_Layer_Text a { text-decoration:none; color:#333333; }
.Map_Layer_Text a:hover { text-decoration:underline; color:#333333; }
.Map_Layer_Text a.active { text-decoration:none; color:#333; font-weight:bold; }

.Map_Layer_Text .clear {
	content: ".";
	height:0;
	line-height:0;
	visibility:hidden;
	clear:both;
}
.tooltip {
  position: absolute;
  display: none;
  height:22px;
  line-height:22px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  color:#333333;
  background:url(../templates/images/maps/bg_tooltip.png);
  background-position:center left;
  background-repeat:no-repeat;
  padding-left:4px;
  min-width:80px;
}

.tooltip .tool-text {
	padding-left:3px;
	padding-right:4px;
	background-color: #FFFFFF;
	text-align:center;
}





/** 
 * Formular
 * ---------------------------------- */

input[type=text],
textarea {
	background:#EEE;
	border:1px solid #535353;
	font-family:Arial;
	font-size:11px;
	color:333;
	padding:2px 2px 0 2px;
}
input{
	height:16px;
}
textarea{
	height:75px;
}
.input-long{
	width:246px;
}
.input-plz{
	width:46px;
	float: left;
	margin-right: 10px;
}
.input-short{
/*	width:184px; */
	width:182px;
	float: left;
}
.form-txt{
	display: block;
	width:115px;
	height:18px;
	line-height:18px;
}
.form-field{
	display:block;
	width:250px;
	clear:both;
}
.form-padding{
	padding-bottom:10px;
}
button{
	font-family:Arial;
	font-size:11px;
	height:20px;
	border:none;
	padding:2px 8px 5px 8px;
}
.hover{
	color:#FFF;
}
input.error {
	border: 1px dashed;
	color: #666;	
}


/* SEITENNAVIGATION */

.header-left { float:left; width:605px; height:55px; }

.seiten-nav { height:35px; float:right; width:30px; position:relative; }

.seiten-nav .site_nav { width:110px; height:21px; position:absolute; bottom:-2px; right:0px; }
.seiten-nav .site_nav .next { float:right; width:54px; border-left:3px solid #C7C8C9; height:21px; padding-left:2px; }
.seiten-nav .site_nav .next a { display:block; color:#fff; width:45px; height:20px; line-height:20px; padding-left:10px; text-decoration:none; background:url(../images/global/next.gif) no-repeat 0px 5px; }
.seiten-nav .site_nav .prev { float:left; width:50px; }
.seiten-nav .site_nav .prev a { display:block; color:#fff; width:40px; height:20px; line-height:20px; padding-right:10px; text-decoration:none; background:url(../images/global/prev.gif) no-repeat 43px 5px; }