/* portal.css
------------------------------------------------------------------------
This stylesheet contains the portal CSS rules for MAVIDA 

Author: elements.at 
--------------------------------------------------------------------- */



/* Portal CSS Rules
--------------------------------------------------------------------- */


/*------------ HEADER ---------------*/

#header{
	width: 896px;
	height: 100px;
	/*background: url(/static/img/logo_start.gif) left top no-repeat;*/
	margin: 0 0 20px 0;
}

#header .languages {
	float:right;
	font-size:11px;
	position:relative;
	padding: 2px 130px 0 0;
	color:#A19B8C;
	width:580px;
	text-align:right;
}
#headerLeft .languages{
	color:#A19B8C;
}
#headerLeft .languages a{
	font-size:11px;
		
}

#header .logocontainer {
	width: 182px;
	height: 91px;
	overflow: hidden;
	float: left;
}

#header .logocontainer a {
	border: none;
	margin: 0;
	padding: 0;
}

#header .logocontainer img {
	border: none;
	margin: 0;
	padding: 0;
}

/*------- PORTAL -------------*/
#portal{
	position:relative;
	width:896px;
	height:360px;
	overflow:hidden;
}

#openVideoButton {
	background:url(/static/img/video_btn.png) no-repeat;
	position:absolute;
	height:22px;
	width:57px;
	top:10px;
	right:20px;
	cursor:pointer;
	z-index:500;
	overflow:hidden;
}

#portalFlash {
	position:absolute;
	height:360px;
	width:896px;
	margin: 0 0 20px 0;
	z-index:50;
}

#Mavida {
	position:absolute;
	height:360px;
	width:896px;
	margin: 0 0 20px 0;
	z-index:55;
}


#quickLinks{
	position: absolute;
	top: 300px;
	right: 0px;
	width: 374px;
	height: 70px;
	background: #fff;
	z-index: 100;
	padding: 10px 0 0 0;
}
#quickLinks .link {
	float: left;
	width: 162px;
	overflow: hidden;
	border-bottom: 1px solid #f2f1f0;
	margin: 0 0 0 10px;
	padding: 5px 0 5px 15px;
	background: url(/static/img/pfeil_start.gif) left 7px no-repeat;
}



/*------------ TEASERS ---------------*/
#portalTeasers{

}

#portalTeasers .bottomTeaser {
	border-top: 1px solid #ECECEC;
	border-bottom: 1px solid #ECECEC;
	width:224px;
	height:140px;
	float:left;
	overflow:hidden;
	margin: 25px 0;
	
}
#portalTeasers .bottomTeaser:hover {
	/*background: #f8f8f7;*/
	
}
#portalTeasers .bottomTeaser .img{
	width:66px;
	height:99px;
	overflow:hidden;
	margin:19px 0;
	padding: 3px;
	float:left;
	border: 1px solid #e2e2e2;
}
#portalTeasers .bottomTeaser .img img{
	border: none;
}

#portalTeasers .bottomTeaser .text{
	float:left;
	height:101px;
	padding:19px 10px;
	overflow:hidden;
	width:129px;
	font-size:11px;
	line-height:15px;
}
#portalTeasers .bottomTeaser .text a{
	color:#55554D;
}
#portalTeasers .bottomTeaser .text a:hover{
	color:#EE9F1C;
}


/*--------------- SPECIAL FOR LANGUAGES -------------------- */
#header .languages {
	padding:2px 450px 0 20px;
	text-align:left;
	width:230px;
}
#languages {
	width: 500px;
	margin: 0 0 0 0;
}

#languages .actualselect {
	display:none;
}
#languages .selectbutton {
	display:none;
}

#languages .options {
	display:inline !important;
	width: 500px;
	background:none;
	text-align:right;
}

#languages .options a {
	display:inline;
	color:#A19B8C;
	
}
#languages .options a :hover{
	color:#EE9F1C;

}
/*--------------- FOOTER -------------*/

#footer{
	border-top:none;
}