/*
	--------------------------------------------------
	FILE:		layout.css
	PROJECT:	www.vmobil.at
	--------------------------------------------------
*/


/*--------------------------------------------------
	Tags
--------------------------------------------------*/
html
{
	height: 100%;	/* FF */
}

body 
{
	font: 100% Arial, Helvetica, sans-serif;
	font-size: 10pt;
	background: #d9dadb;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
	height: 100%;
}

/*--------------------------------------------------
	Layout: Wrapper
--------------------------------------------------*/
#wrap_main 
{
	width: 923px;
	background-image:url(../img/main_bg.gif);
	margin: 0 auto;
	background-repeat: repeat-y;	/* FF */
	min-height: 100%;				/* FF */
}

#wrap_inner 
{
	width: 890px;
	background: #ffffff;
	margin: 0 auto;
	/*border: 1px solid #000000;*/
	text-align: left;
}

/*--------------------------------------------------
	Element: Header
--------------------------------------------------*/
#elem_header 
{ 
	height: 120px;
	width: 890px;
}

#elem_header table td img,
#elem_header table td a img
{
	border: 0px;
}

/*--------------------------------------------------
	Element: Navigation: First layer
--------------------------------------------------*/
#elem_nav_layer_fir
{
	font-weight:bold;
	height: 34px;
	text-align:center;
	line-height: 34px;
}

#elem_nav_layer_fir a
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:10pt;
	text-decoration: none;
	color: #f5f5f5;
}

#elem_nav_layer_fir a:hover
{
	color: #ffffff;
}

#elem_nav_layer_fir_itema	/* "VVV" */
{
	background-color:#414b52;
	float: left;
	height: 34px;	
	width: 128px;
}

#elem_nav_layer_fir_itemb	/* "Fahrrad" */
{
	background-color:#fecc0a;
	float: left;
	height: 34px;
	width: 95px;
	margin-left: 4px;
	margin-right: 2px;
}	

#elem_nav_layer_fir_itemc	/* "zu Fuss" */
{
	background-color:#4b8ec7;
	float: left;
	height: 34px;
	width: 95px;
	margin-left: 2px;
	margin-right: 2px;
}

#elem_nav_layer_fir_itemd	/* "Mi(e)tfahren" */
{
	background-color:#f3971b;
	float: left;
	height: 34px;
	width: 98px;
	margin-left: 2px;
	margin-right: 2px;
}

#elem_nav_layer_fir_iteme	/* "Schiff" */
{
	background-color:#182a7a;
	float: left;
	height: 34px;
	width: 95px;
	margin-left: 2px;
	margin-right: 2px;
}

#elem_nav_layer_fir_itemf	/* "Mobil +" */
{
	background-color:#9ac01d;
	float: left;
	height: 34px;
	width: 95px;
	margin-left: 2px;
	margin-right: 2px;
}

#elem_nav_layer_fir_itemg	/* "Gemeinden MOBIL" */
{
	background-color:#4f2115;
	float: left;
	height: 34px;
	width: 128px;
	margin-left: 2px;
	margin-right: 4px;
}

#elem_nav_layer_fir_itemh	/* "Vorarlberg MOBIL" */
{
	background-color:#b1b3b4;
	float: left;
	height: 34px;
	width: 128px;
}

#elem_nav_layer_fir_itema a,
#elem_nav_layer_fir_itemb a,
#elem_nav_layer_fir_itemc a,
#elem_nav_layer_fir_itemd a,
#elem_nav_layer_fir_iteme a,
#elem_nav_layer_fir_itemf a,
#elem_nav_layer_fir_itemg a,
#elem_nav_layer_fir_itemh a
{
	display: block;
}

/*--------------------------------------------------
	Element: Navigation: Second layer
--------------------------------------------------*/
#elem_nav_layer_sec
{
	font-weight:bold;
	line-height:14px;
	height:20px;
	padding: 7px 0px 0px 0px;
}

#elem_nav_layer_sec ul
{
	margin:0px;
	padding:0px;		
}

#elem_nav_layer_sec li 
{
	display: inline;
	list-style-type: none;
	list-style:none;
	margin:0px;
	padding:0px;
}

#elem_nav_layer_sec_items
{
	float:left;
}

#elem_nav_layer_sec ul li a
{
	text-decoration:none;
	padding-left: 8px;
	padding-right: 8px;
}

#elem_nav_layer_sec ul li a:hover
{
	color: #ffffff;
}

/*-------------------------------------------------- */			/* NEUTRAL */
#elem_nav_layer_sec_items li.elem_x_on a { color: #353535; }
#elem_nav_layer_sec_items li.elem_x_ac a { color: #ffffff; }
/*--------------------------------------------------*/			/* VVV */
#elem_nav_layer_sec_items li.elem_a_on a { color: #c8c8c8; }
#elem_nav_layer_sec_items li.elem_a_ac a { color: #ffffff; }	
/*--------------------------------------------------*/			/* Fahrrad */
#elem_nav_layer_sec_items li.elem_b_on a { color: #353535; }
#elem_nav_layer_sec_items li.elem_b_ac a { color: #ffffff; }	
/*--------------------------------------------------*/			/* zu Fuss */
#elem_nav_layer_sec_items li.elem_c_on a { color: #353535; }
#elem_nav_layer_sec_items li.elem_c_ac a { color: #ffffff; }	
/*--------------------------------------------------*/			/* Mi(e)tfahren */
#elem_nav_layer_sec_items li.elem_d_on a { color: #353535; }
#elem_nav_layer_sec_items li.elem_d_ac a { color: #ffffff; }	
/*--------------------------------------------------*/			/* Schiff */
#elem_nav_layer_sec_items li.elem_e_on a { color: #c8c8c8; }
#elem_nav_layer_sec_items li.elem_e_ac a { color: #ffffff; }	
/*--------------------------------------------------*/			/* Mobil + */
#elem_nav_layer_sec_items li.elem_f_on a { color: #353535; }
#elem_nav_layer_sec_items li.elem_f_ac a { color: #ffffff; }	
/*--------------------------------------------------*/			/* Gemeinden MOBIL */
#elem_nav_layer_sec_items li.elem_g_on a { color: #c8c8c8; }
#elem_nav_layer_sec_items li.elem_g_ac a { color: #ffffff; }	
/*--------------------------------------------------*/			/* Vorarlberg MOBIL */
#elem_nav_layer_sec_items li.elem_h_on a { color: #353535; }
#elem_nav_layer_sec_items li.elem_h_ac a { color: #ffffff; }	

/*--------------------------------------------------
	LEFT ALIGNED ELEMENTS
--------------------------------------------------*/
/*--------------------------------------------------
	Element: Navigation: Third layer +
--------------------------------------------------*/
#elem_nav_layer_thirdplus
{
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size:9.5pt;
	width:294px;
	margin: 6px 0px 0px 0px;
}

#elem_nav_layer_thirdplus ul
{
	margin:0px;
	padding:0px;
	width: 294px;
}

#elem_nav_layer_thirdplus li 
{
	display: inline;
	list-style-type: none;
	list-style:none;
	margin:0px;
	padding:0px;
}


#elem_nav_layer_thirdplus_items
{
	float:left;
}

#elem_nav_layer_thirdplus ul li a
{
	text-decoration:none;
	padding-left: 8px;
	padding-right: 8px;
}

#elem_nav_layer_thirdplus ul li a:hover
{
	color: #ffffff;
}


#elem_nav_layer_thirdplus a
{
	font-weight: bold;
	text-decoration: none;
	padding-left: 6px;
	color: #ffffff;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	/*border-bottom: 1px solid #ffffff;*/
}

/*-------------------------------------------------- */			/* NEUTRAL */
#elem_nav_layer_thirdplus_items li.elem_l3_x_on a { color: #353535; }
#elem_nav_layer_thirdplus_items li.elem_l3_x_ac a { color: #ffffff; }
#elem_nav_layer_thirdplus_items li.elem_l4_x_on a { background-color: #999999; padding-left: 26px; color: #353535; }
#elem_nav_layer_thirdplus_items li.elem_l4_x_ac a { background-color: #999999; padding-left: 26px; color: #ffffff; }
#elem_nav_layer_thirdplus_items li.elem_l5_x_on a { background-color: #aaaaaa; padding-left: 46px; color: #353535; }
#elem_nav_layer_thirdplus_items li.elem_l5_x_ac a { background-color: #aaaaaa; padding-left: 46px; color: #ffffff; }
/*--------------------------------------------------*/			/* VVV */
#elem_nav_layer_thirdplus_items li.elem_l3_a_on a { color: #c8c8c8; }
#elem_nav_layer_thirdplus_items li.elem_l3_a_ac a { color: #ffffff; }
#elem_nav_layer_thirdplus_items li.elem_l4_a_on a { background-color: #515b62; padding-left: 26px; color: #c8c8c8; }
#elem_nav_layer_thirdplus_items li.elem_l4_a_ac a { background-color: #515b62; padding-left: 26px; color: #ffffff; }
#elem_nav_layer_thirdplus_items li.elem_l5_a_on a { background-color: #616b72; padding-left: 46px; color: #c8c8c8; }
#elem_nav_layer_thirdplus_items li.elem_l5_a_ac a { background-color: #616b72; padding-left: 46px; color: #ffffff; }
/*--------------------------------------------------*/			/* Fahrrad */
#elem_nav_layer_thirdplus_items li.elem_l3_b_on a { color: #353535; }
#elem_nav_layer_thirdplus_items li.elem_l3_b_ac a { color: #ffffff; }
#elem_nav_layer_thirdplus_items li.elem_l4_b_on a { background-color: #ffdd57; padding-left: 26px; color: #353535; }
#elem_nav_layer_thirdplus_items li.elem_l4_b_ac a { background-color: #ffdd57; padding-left: 26px; color: #ffffff; }
#elem_nav_layer_thirdplus_items li.elem_l5_b_on a { background-color: #fde897; padding-left: 46px; color: #353535; }
#elem_nav_layer_thirdplus_items li.elem_l5_b_ac a { background-color: #fde897; padding-left: 46px; color: #ffffff; }
/*--------------------------------------------------*/			/* zu Fuss */
#elem_nav_layer_thirdplus_items li.elem_l3_c_on a { color: #353535; }
#elem_nav_layer_thirdplus_items li.elem_l3_c_ac a { color: #ffffff; }
#elem_nav_layer_thirdplus_items li.elem_l4_c_on a { background-color: #77addb; padding-left: 26px; color: #353535; }
#elem_nav_layer_thirdplus_items li.elem_l4_c_ac a { background-color: #77addb; padding-left: 26px; color: #ffffff; }
#elem_nav_layer_thirdplus_items li.elem_l5_c_on a { background-color: #9cc8ed; padding-left: 46px; color: #353535; }
#elem_nav_layer_thirdplus_items li.elem_l5_c_ac a { background-color: #9cc8ed; padding-left: 46px; color: #ffffff; }
/*--------------------------------------------------*/			/* Mi(e)tfahren */
#elem_nav_layer_thirdplus_items li.elem_l3_d_on a { color: #353535; }
#elem_nav_layer_thirdplus_items li.elem_l3_d_ac a { color: #ffffff; }
#elem_nav_layer_thirdplus_items li.elem_l4_d_on a { background-color: #f3b45f; padding-left: 26px; color: #353535; }
#elem_nav_layer_thirdplus_items li.elem_l4_d_ac a { background-color: #f3b45f; padding-left: 26px; color: #ffffff; }
#elem_nav_layer_thirdplus_items li.elem_l5_d_on a { background-color: #f4ce9a; padding-left: 46px; color: #353535; }
#elem_nav_layer_thirdplus_items li.elem_l5_d_ac a { background-color: #f4ce9a; padding-left: 46px; color: #ffffff; }
/*--------------------------------------------------*/			/* Schiff */
#elem_nav_layer_thirdplus_items li.elem_l3_e_on a { color: #c8c8c8; }
#elem_nav_layer_thirdplus_items li.elem_l3_e_ac a { color: #ffffff; }
#elem_nav_layer_thirdplus_items li.elem_l4_e_on a { background-color: #41529c; padding-left: 26px;  color: #c8c8c8; }
#elem_nav_layer_thirdplus_items li.elem_l4_e_ac a { background-color: #41529c; padding-left: 26px;  color: #ffffff; }
#elem_nav_layer_thirdplus_items li.elem_l5_e_on a { background-color: #7182ca; padding-left: 46px;  color: #c8c8c8; }
#elem_nav_layer_thirdplus_items li.elem_l5_e_ac a { background-color: #7182ca; padding-left: 46px;  color: #ffffff; }
/*--------------------------------------------------*/			/* Mobil + */
#elem_nav_layer_thirdplus_items li.elem_l3_f_on a { color: #353535; }
#elem_nav_layer_thirdplus_items li.elem_l3_f_ac a { color: #ffffff; }
#elem_nav_layer_thirdplus_items li.elem_l4_f_on a { background-color: #b3d053; padding-left: 26px; color: #353535; }
#elem_nav_layer_thirdplus_items li.elem_l4_f_ac a { background-color: #b3d053; padding-left: 26px; color: #ffffff; }
#elem_nav_layer_thirdplus_items li.elem_l5_f_on a { background-color: #d7eb93; padding-left: 46px; color: #353535; }
#elem_nav_layer_thirdplus_items li.elem_l5_f_ac a { background-color: #d7eb93; padding-left: 46px; color: #ffffff; }
/*--------------------------------------------------*/			/* Gemeinden MOBIL */
#elem_nav_layer_thirdplus_items li.elem_l3_g_on a { color: #c8c8c8; }
#elem_nav_layer_thirdplus_items li.elem_l3_g_ac a { color: #ffffff; }
#elem_nav_layer_thirdplus_items li.elem_l4_g_on a { background-color: #744133; padding-left: 26px; color: #c8c8c8; }
#elem_nav_layer_thirdplus_items li.elem_l4_g_ac a { background-color: #744133; padding-left: 26px; color: #ffffff; }
#elem_nav_layer_thirdplus_items li.elem_l5_g_on a { background-color: #936559; padding-left: 46px; color: #c8c8c8; }
#elem_nav_layer_thirdplus_items li.elem_l5_g_ac a { background-color: #936559; padding-left: 46px; color: #ffffff; }
/*--------------------------------------------------*/			/* Vorarlberg MOBIL */
#elem_nav_layer_thirdplus_items li.elem_l3_h_on a { color: #353535; }
#elem_nav_layer_thirdplus_items li.elem_l3_h_ac a { color: #ffffff; }
#elem_nav_layer_thirdplus_items li.elem_l4_h_on a { background-color: #c2c2c2; padding-left: 26px; color: #353535; }
#elem_nav_layer_thirdplus_items li.elem_l4_h_ac a { background-color: #c2c2c2; padding-left: 26px; color: #ffffff; }
#elem_nav_layer_thirdplus_items li.elem_l5_h_on a { background-color: #d7d7d7; padding-left: 46px; color: #353535; }
#elem_nav_layer_thirdplus_items li.elem_l5_h_ac a { background-color: #d7d7d7; padding-left: 46px; color: #ffffff; }

/*--------------------------------------------------*/			/* PlanB */
#elem_nav_layer_thirdplus_items li.elem_l3_planb_on a { color: #c8c8c8; }
#elem_nav_layer_thirdplus_items li.elem_l3_planb_ac a { color: #ffffff; }
#elem_nav_layer_thirdplus_items li.elem_l4_planb_on a { background-color: #ff0000; padding-left: 26px; color: #c8c8c8; }
#elem_nav_layer_thirdplus_items li.elem_l4_planb_ac a { background-color: #ff0000; padding-left: 26px; color: #757575; }
#elem_nav_layer_thirdplus_items li.elem_l5_planb_on a { background-color: #ff3333; padding-left: 46px; color: #c8c8c8; }
#elem_nav_layer_thirdplus_items li.elem_l5_planb_ac a { background-color: #ff3333; padding-left: 46px; color: #757575; }

/*--------------------------------------------------*/			/* Hover and focus override for all types */
#elem_nav_layer_thirdplus ul li a:hover,
#elem_nav_layer_thirdplus ul li a:focus
{
	color: #ffffff;
}

/*--------------------------------------------------
	Element: Fahrplanabfrage
--------------------------------------------------*/
#elem_fahrplanabfrage 
{
	float: left;
	background-color:#e2001a;
	margin: 6px 0px 0px 0px; 
	width:294px;
	min-height: 270px;
	line-height:12pt;
	color:#ffffff;
}
	
#elem_fahrplanabfrage label
{
	float: left;
	width: 50px;
	/*font-weight: bold;*/
	color: #ffffff;
	text-align:right;
	line-height:15pt;
	margin: 0px 4px 0px 0px;
}

#elem_fahrplanabfrage b
{
	margin: 0px 0px 0px 5px;
	color: #ffffff;
}

#elem_fahrplanabfrage fieldset 
{
	border:none; 
}

#elem_fahrplanabfrage input,
#elem_fahrplanabfrage select
{
	border: 1px solid #ffffff;
}

#elem_fahrplanabfrage input.button,
#elem_fahrplanabfrage .button
{
	width:120px;
	font-size:10pt;
	font-weight:normal;
	color:#ffffff;
	background-color:#ff0000;
	border: 1px solid #ffffff;
}

#elem_fahrplanabfrage input.button:hover,
#elem_fahrplanabfrage .button:hover
{
	font-weight:bold;
}

/*--------------------------------------------------
	Element: Subelements
--------------------------------------------------*/
/*--------------------------------------------------
	Element: Subelements: General
	
	ATTENTION! Every subelement needs to bring in
	a top-margin of 6px to ensure correct spacings
--------------------------------------------------*/
#elem_subelements
{
	float: left;
	width: 294px;
}

/*--------------------------------------------------
	Element: Subelements: Mobilität+
--------------------------------------------------*/
#elem_subelements_mobiplusbox
{
	float: left;
	font: 100% Arial, Helvetica, sans-serif;
	font-size:10pt;
	font-weight:bold;
	color: #ffffff;
	margin-top: 6px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
}

#elem_subelements_mobiplusbox div
{
	padding-top:7px;
}

#elem_subelements_mobiplusbox a
{
	color:#353535;
	text-decoration:none;
}

#elem_subelements_mobiplusbox a:hover
{
	color:#ffffff;
}
	
/*--------------------------------------------------
	Element: Subelements: Linkbox Gruppenanmeldung
--------------------------------------------------*/
#elem_subelements_lnk_gruppenanmeldung
{
	float: left;
	font: 100% Arial, Helvetica, sans-serif;
	font-size:10pt;
	font-weight:bold;
	color: #ffffff;
	margin-top: 6px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
}

#elem_subelements_lnk_gruppenanmeldung a
{
	color:#c8c8c8;
	text-decoration:none;
}	

#elem_subelements_lnk_gruppenanmeldung a:hover
{
	color:#ffffff;
	text-decoration:none;
}

/*--------------------------------------------------
	Element: Subelements: Searchbox
--------------------------------------------------*/
#elem_subcontent_searchbox
{
	float: left;
	background-color:#c8c8c8;
	margin-top: 6px;
	width: 294px;
}

#elem_subcontent_searchbox a
{
	font: 100% Arial, Helvetica, sans-serif;
	font-size:8pt;
	text-decoration: none;
	color: #000000;
}

/*--------------------------------------------------
	Element: Subelements: News
--------------------------------------------------*/
#elem_subextra div.news-latest-container
{
	margin: 0px 0px 0px 0px;
	width: 294px;
}

#elem_subextra div.news-latest-item
{
	font: 100% Arial, Helvetica, sans-serif;
	font-size:9pt;
	color: #000000;
	width:284px;
	float:left;
	padding:5px;
	margin-top: 6px;
	height:120px;
	background-color:#c8c8c8;
}

#elem_subextra div.news-latest-image img 
{
	float:left;
	border-style: none;
	margin-right:5px;
}

#elem_subextra div.news-latest-item a,
#elem_subextra div.news-latest-item h3
{
	font-size:9pt;
	color: #000000;
}

#elem_subextra div.clearer
{
	height:1px;
	border-top: 1px dotted #666666;
}

#elem_subextra div.news-single-item
{
	font: 100% Arial, Helvetica, sans-serif;
	font-size:9pt;
	color: #000000;
}

#elem_subextra div.news-latest-item h2
{
	font-size:12pt;
	color: #000000;
}

#elem_subextra div.news-single-timedata
{
	float:right;
}

#elem_subextra div.news-single-img
{
	border-style: none;
}

#elem_subextra div.news-single-img img
{
	border-style: none;
	float:right;
	margin: 0px 0px 10px 10px;
}

/*--------------------------------------------------
	Element: Subelements: News: Archive
--------------------------------------------------*/
#elem_subextra div.news-amenu-container
{
	margin: 0px 0px 0px 0px;
	width: 294px;
}

#elem_subextra div.news-amenu-container h2
{
	font-size: 9pt;
}

#elem_subextra div.news-amenu-container ul,
#elem_subextra div.news-amenu-container li
{
	font-size: 9pt;
}


/*--------------------------------------------------
	RIGHT ALIGNED ELEMENTS
--------------------------------------------------*/
/*--------------------------------------------------
	Element: Content: Head picture
--------------------------------------------------*/
#wrap_elem_pic_head
{
	text-align: right;
	margin-top: 6px;
	color:#ffffff;
}

#elem_pic_head img
{
	width:590px;
}

/*--------------------------------------------------
	Element: Content: Main content: General
--------------------------------------------------*/
#elem_content_main
{
	width: 590px;
	margin-top: 4px;	
	font: 100% Arial, Helvetica, sans-serif;
	font-size:10pt;
	color: #000000;
}

#elem_content_main a,
#elem_content_main a:hover
{
	text-decoration:none;
}

#elem_content_main h1.csc-firstHeader,
#elem_content_main h2
{
	font: 100% Arial, Helvetica, sans-serif;
	font-size:14pt;
	font-weight:bold;
	line-height:22pt;
	color: #000000;
}

/*--------------------------------------------------
	Element: Content: Main content: News
--------------------------------------------------*/
#elem_content_main .news-latest-container
{
	margin: 0px 0px 0px 0px;
}

#elem_content_main .news-latest-item
{
	font: 100% Arial, Helvetica, sans-serif;
	font-size:9pt;
	color: #000000;
	width:280px;
	float:left;
	padding:5px;
	margin: 5px 5px 0px 0px;
	height:120px;
	background-color:#c8c8c8;
}

#elem_content_main .news-latest-image img
{
	float:left;
	border-style: none;
	margin-right:5px;
}

#elem_content_main .news-latest-item a,
#elem_content_main .news-latest-item h3
{
	font-size:9pt;
   	color: #000000;
}

#elem_content_main .clearer
{
	height:1px;
	border-top: 1px dotted #666666;
}
	
#elem_content_main h2.news-single-item
{
	font: 100% Arial, Helvetica, sans-serif;
	font-size:9pt;
	color: #000000;
}

#elem_content_main .news-latest-item h2
{
	font-size:12pt;
	color: #000000;
}

#elem_content_main .news-single-timedata
{
	float:right;
}

#elem_content_main .news-single-img
{
	border-style: none;
}

#elem_content_main .news-single-img img
{
	border-style: none;
	float:right;
	margin: 0px 0px 10px 10px;
}

/*--------------------------------------------------
	Element: Content: Main content: Search result(s)
--------------------------------------------------*/
.tx-indexedsearch-res table
{
	background-color: #d0d0d0;
}

/*--------------------------------------------------
	Generic classes
--------------------------------------------------*/
.linkMailto, .linkExt
{
	border-style: none;
	text-decoration:none;
}

.linkMailto img, .linkExt img
{
	border-style: none;
}

.float_right
{
	float: right;
	margin-left: 8px;
}

.float_left 
{
	float: left;
	margin-right: 8px;
}

.float_clear
{
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

/*--------------------------------------------------
	Workarounds
--------------------------------------------------*/
#outer
{
	height: 175px;
	overflow: hidden;
	position: relative;
}

#outer[id]
{
	display: table;
	position: static;
}

#middle
{
	position: absolute;	/* IE */
	top: 50%;			/* IE */
}

#middle[id]
{
	display: table-cell;
	vertical-align: middle;
	position: static;
}

#inner
{
	margin:0px 0px 0px 3px;	/* IE */
	position: relative;		/* IE */
	top: -50%				/* IE */
}