@charset "utf-8";

/* ----------------------------------------------------------------------------- *
 * ------------------------- default screen style definition ------------------- *
 * ----------------------------------- bluelion.at ----------------------------- *
 * ----------------------------------------------------------------------------- */

html{background-color: #999; margin: 0px; padding: 0px;}

body {
	background: url(../images/bluelion-background.gif) repeat-x;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100.01%;
	text-align: center;
	}

p {
	line-height: 150%;
	font-size: 100%;
	/*text-align:justify;*/
	margin: 5px 0 5px 0;
	padding: 0;
	display: block;
	}

ol {line-height: 150%;}

ul{
	border: 1px solid #eee;
	list-style-image: url(../images/icons/ul-lvl1.jpg);
	margin: 0px;
	padding: 10px 40px 10px 40px;
	}


blockquote {
	border: 1px dashed #CCCCCC;
	background-color: white;
	padding: 2px 10px 2px 10px;
	margin: 3px 30px 3px 30px;
	display: block;
	}
	
h1{font-size: 136%; margin-left: 50px;}
h2{font-size: 118%; margin-left: 0px; padding-left: 0px;}
h3{font-size: 100%; margin-left: 0px; background: left 3px no-repeat url(../images/icons/ul-lvl1.jpg); padding-left: 12px; }

#stpl-startpage-content-container h2 {  border-bottom: #297d99 1px solid; }
#stpl-default h2 {  border-bottom: #297d99 1px solid; }

input[type = "button"], input[type = "submit"]{
	font-size: 100%;
	color: #fff;
	border: 1px solid #999;
	background-color: #2B7E97;
	font-family: inherit;
	padding: 2px 15px 2px 15px;
	width: 300px;
	}

input[type = "text"], input[type = "password"], textarea{
	font-size: 100%;
	border: 1px solid #999;
	background-color: #fff;
	border: 1px solid #359DBB;
	font-family: inherit;
	width: 300px;
	}
	
/*-------------------------------------------------------------------------------*/

#main-container {
	margin: 0px auto 10px auto;
	padding: 0px;
	width: 960px;
	text-align: left;
	z-index: 2;
	}


#header-bg-container{
	background: url(../images/header-background.jpg) no-repeat;
	height: 157px;
	width: 100%;
	}

#header-left{
	width: 460px;
	height: 155px;
	float: left;
	}
	
#header-right{
	width: 500px;
	height: 155px;
	float: left;
	}


#logo_image{
	margin: 40px 0 0 40px;
	}


#header-menu-container{
	margin: 25px 25px 20px 25px;
	text-align: right;
	}


/*Standard Link-Auflistung*/
.header-menu {
	margin: 0;
	padding: 0;
	list-style: none;
	border: none;
	}

.header-menu li {
	float: right;
	margin: 0 6px 0 6px;
	font-size: 100%;
	}


#service-menu-container ul{
	margin: 0;
	padding: 0;
	list-style: none;
	border: none;
	}
#service-menu-container ul li{
	float: left;
	width: 125px;
	background-color: #666;
	line-height: 21px;
	text-align: center;
	color: #fff;
	background-image:url(../images/menu/top-menu-seperator.gif);
	background-repeat: no-repeat;
	background-position: right 2px;
	}
#service-menu-container ul li.last {
	background-image: none;
}
#service-menu-container ul li:hover{background-color: #999; border: none;}
#service-menu-container ul li a{ display: block; width: 100%; color: #fff; text-decoration: none;}

#toolbar-menu-container{margin: 45px 0 0 0; height: 20px;}
#toolbar-menu-container .container-left{
	width: 250px;
	float: left;
	}

.menu-toolbar-left {margin: 0; padding: 0; list-style: none; border: none;}
.menu-toolbar-left li {float: left; margin: 0 10px 0 0;}

.menu-toolbar-right {margin: 0; padding: 0; list-style: none; border: none;}
.menu-toolbar-right li {float: right; margin: 0 3px 0 0;}

#toolbar-menu-container .container-right{
	width: 225px;
	float: left;
	text-align: right;
	}

/*----------------Footer----------------*/
#footer-container{
	width: 100%;
	background-color: #666;
	margin-bottom: 50px;
	color: #fff;
	font-size: 91%;
	padding: 20px 0 8px 0;
	}
#footer-container a {color: #fff;}
#footer-container .left{float: left; width: 40%;}
#footer-container .left .menu{margin-left: 25px;}
#footer-container .left .info{margin-left: 25px;}

#footer-container .right{float: left; width: 60%;}
#footer-container .right .info-right{float: right; text-align: right; margin-right: 25px;}
#footer-container .right .info-left{float: right; text-align: right; margin-right: 45px;}

/*----------------Main Menu-Container----------------*/

#header-mmenu-container{
	width: 100%;
	height: 47px;
	overflow: hidden;
	}

#header-mmenu-container .mmenu-seperator-box{
	float: left;
	width: 1px;
	overflow: hidden;
	background-color: #fff;
	}
	
#header-mmenu-container img{float: left;}

a.mmenu{
		color: #fff;
		font-size: 109%;
		text-decoration: none;
		font-weight: bold;
		background-image:url(../images/menu/mmenu_normal_bg.jpg);
		background-repeat: no-repeat;
		text-align: right;
		float: left;
		width: 239px;
		height: 47px;
		display: block;
		overflow: hidden;
		line-height: 60px;
		}
a.mmenu:link {color: #fff;}
a.mmenu:visited {color: #fff;}
a.mmenu:hover {color: #fff; background-image: url(../images/menu/mmenu_hover_bg.jpg);}
a.mmenu:active {color: #fff;}
/*----------------------------------------------------*/


/*----------------Navi Menu-Container----------------*/
#header-navi-container{
	border-top: 1px solid #fff;
	height: 52px;
	overflow: hidden;
	}

#container-page-cite{
	color: #fff;
	font-weight: bold;
	text-align: right;
	padding: 10px 25px 5px 25px;
	}
	
#container-breadcrumb-navi{
	color: #fff;
	padding: 5px 25px 5px 5px;
	}

/*---------------------------------------------------*/

.arrow-list{
	margin: 15px 15px 15px 30px;
	padding: 0px;
	list-style-image: url(../images/icons/list-arrow.jpg);
	font-size: 10px;
	border: none;
	}
.arrow-list li{padding-bottom: 8px;}

#stpl-container{
	background-color: #fff;
	width: 100%;
	padding: 25px 0 35px 0;
	}

/* ----------------------------------------------------------------------------- *
 * -------------------------------- Sub-Templates ------------------------------ *
 * ----------------------------------------------------------------------------- */
 
/* ------------------------------Startpage-Sub-Template--------------------------*/
#stpl-startpage {}
#stpl-startpage-header h1{
	}
	
#stpl-startpage-main-area{
	background: url(../images/startpage/startpage_main_background.jpg);
	width: 100%;
	height: 234px;
	margin-bottom: 30px;
	}

#stpl-startpage-main-area .left{
	float: left;
	width: 530px;
	margin-top: 30px;
	}
	
#stpl-startpage-main-area .left h2 {margin-left: 50px;}
	
#stpl-startpage-main-area .right{
	float: left;
	width: 430px;
	height: 230px;
	}
	
#stpl-startpage-mmenu-container{
	height: 158px;
	width: 100%;
	overflow: hidden;
	margin-top: 40px;
	}
	
#stpl-startpage-mmenu-container a{
	display: block;
	width: 230px;
	height: 23px;
	margin-bottom: 4px;
	text-decoration: none;
	color: #fff;
	background-repeat: no-repeat;
	padding-left: 50px;
	line-height: 199%;
	}
	

a.stpl-startpage-mmenulink1, a.stpl-startpage-mmenulink1:link{background-image: url(../images/startpage/startmenu_button1_no.gif);}
a.stpl-startpage-mmenulink1:hover{background-image: url(../images/startpage/startmenu_button1_act.gif);}
	
a.stpl-startpage-mmenulink2, a.stpl-startpage-mmenulink2:link{background-image: url(../images/startpage/startmenu_button2_no.gif);}
a.stpl-startpage-mmenulink2:hover{background-image: url(../images/startpage/startmenu_button2_act.gif);}

a.stpl-startpage-mmenulink3, a.stpl-startpage-mmenulink3:link{background-image: url(../images/startpage/startmenu_button3_no.gif);}
a.stpl-startpage-mmenulink3:hover{background-image: url(../images/startpage/startmenu_button3_act.gif);}

a.stpl-startpage-mmenulink4, a.stpl-startpage-mmenulink4:link{background-image: url(../images/startpage/startmenu_button4_no.gif);}
a.stpl-startpage-mmenulink4:hover{background-image: url(../images/startpage/startmenu_button4_act.gif);}

a.stpl-startpage-mmenulink5, a.stpl-startpage-mmenulink5:link{background-image: url(../images/startpage/startmenu_button5_no.gif);}
a.stpl-startpage-mmenulink5:hover{background-image: url(../images/startpage/startmenu_button5_act.gif);}

a.stpl-startpage-mmenulink6, a.stpl-startpage-mmenulink6:link{background-image: url(../images/startpage/startmenu_button6_no.gif);}
a.stpl-startpage-mmenulink6:hover{background-image: url(../images/startpage/startmenu_button6_act.gif);}
	
#stpl-startpage-content-container{
	width: 100%;
	border-top: 1px dotted #999;
	padding-top: 20px;
	}
	
	
#stpl-startpage-content-container .left{
	width: 730px;
	float: left;
	}
	
#stpl-startpage-content-container .left .left-inner{padding: 0 30px 0 50px;}
	
#stpl-startpage-content-container .right{
	width: 229px;
	float: left;
	border-left: 1px dotted #999;
	}
	
#stpl-startpage-content-container .right .right-inner{padding: 0 20px 0 30px;}
/*--------------------------------------------------------------------------------*/

/* ------------------------------Referenzen-Sub-Template--------------------------*/
#stpl-referenzen-left-container{
	width: 265px;
	float: left;
	}

#stpl-referenzen-left-container .box1{
	width: 100%;
	height: 210px;
	overflow: hidden;
	background: url(../images/referenzen/referenzen-menuimage.jpg) no-repeat;
	}
	
#stpl-referenzen-left-container .box1 .cite-left{
	padding: 30px 10px 10px 10px;
	font-size: 100%;
	font-weight: bold;
	width: 245px;
	text-align: right;
	}
 
#stpl-referenzen-left-container .box2 h2{margin-left: 50px;}
 
#stpl-referenzen-right-container{
	width: 695px;
	float: left;
	}
 
#stpl-referenzen-right-container .box1{
	background-color: #ddd;
	width: 100%;
	height: 66px;
	overflow: hidden;
	}
 
#stpl-referenzen-right-container .box1 .cite-right{
	padding: 20px 10px 10px 10px;
	font-size: 100%;
	font-weight: bold;
	width: 675px;
	text-align: right;
	}
 
#stpl-referenzen-right-container .box2{
	width: 100%;
	background-color: #999;
	height: 87px;
	overflow: hidden;
	}
	
#stpl-referenzen-right-container .box2 .ref_menu{
	height: 100%;
	float: left;
	}
	
#stpl-referenzen-right-container .box2 .ref_mmenu_caption{
	float: right;
	height: 62px;
	padding: 20px 10px 5px 10px;
	text-align: right;
	font-size: 127%;
	color: #DEDFDA;
	font-weight: bold;
	}

#stpl-referenzen-right-container .box3 .left{
	width: 235px;
	float: left;
	background-color: #e4e4e4;
	padding: 15px 0 15px 0;
	}
	
#stpl-referenzen-right-container .box3 .left h2{margin-left: 10px;}
	
#stpl-referenzen-right-container .box3 .middle{
	width: 340px;
	float: left;
	padding: 25px 0 15px 0;
	}
#stpl-referenzen-right-container .box3 .middle div{padding: 0 10px 0 10px;}

#stpl-referenzen-right-container .box3 .right{
	width: 120px;
	float: left;
	padding: 35px 0 15px 0;
	}
	
	
#stpl-referenzen-right-container .box3 .right img{
	border: 5px solid #999;
	margin-bottom: 10px;
	}
	
#stpl-referenzen-right-container .box3 .right img:hover{
	border: 5px solid #2B7E97;
	}
	
#stpl-referenzen-right-container .box3 .right .bodytext {padding: 0 20px 0 0;}

/*------------------------------------------------------------------------------*/
 
 
/* ---------------------Standard-Sub-Template [default.html]--------------------*/
#stpl-default{
	min-height: 230px;
	background: url(../images/defaultpage/default-background.jpg) no-repeat;
	padding-top: 15px;
	}

#stpl-default-header{
	height: 34px;
	margin-bottom: 16px;
	overflow: hidden;
	}

#stpl-default .left{
	width: 235px;
	float: left;
	padding: 15px 0px 0 15px;
	overflow: hidden;
	}
#stpl-default .left	.left-content-area{padding: 0 10px 0 10px;}
	

#stpl-default .middle{
	width: 500px;
	float: left;
	background-color: #f4f4f4;
	overflow: hidden;
	}
#stpl-default .middle .middle-content-area{padding: 0 8px 0 8px;}


#stpl-default .right{
	width: 210px;
	float: left;
	overflow: hidden;
	}
#stpl-default .right .right-content-area{padding: 150px 15px 0 20px;}

	
#stpl-default .middle h1{margin-left: 0px;}
	
/*Submenu Level 1*/
.lnk-submenu-lvl1{
	margin-left: 10px;
	text-decoration: none;
	font-size: 100%;
	color: #27758B;
	font-weight: bold;
	padding: 5px 0 5px 0;
	}	
	
.lnk-submenu-lvl1 a{color: #27758B; font-weight: bold; text-decoration: none; font-size: 100%;}
.lnk-submenu-lvl1 a:link {color: #27758B; font-weight: bold;}
.lnk-submenu-lvl1 a:visited {color: #27758B; font-weight: bold;}
.lnk-submenu-lvl1 a:hover {color: #27758B; font-weight: bold;}
.lnk-submenu-lvl1 a:active {color: #27758B; font-weight: bold;}
	
/*Submenu Level 2*/
/*.box-submenu-lvl2{background-color: #f4f4f4; margin-left: 10px;}*/

.lnk-submenu-lvl2{
	margin-left: 15px;
	padding: 4px 0 4px 18px;
	background: url(../images/icons/list-dbl-arrow-bgwhite.jpg) no-repeat 4px 6px;
	font-size: 100%;
	}	
	
.lnk-submenu-lvl3 a{font-size: 100%;}
	
	
/*Submenu Level 3*/
.lnk-submenu-lvl3{
	margin-left: 30px;
	padding: 3px 0 3px 18px;
	font-size: 100%;
	}	
	
.lnk-submenu-lvl2 a{font-size: 100%;}
	
/*------------------------------------------------------------------------------*/

/* ----------------Standard-Sub-Template [default_no_columns.html]--------------*/
#stpl-default-nocolumn{
	padding-top: 15px;
	}
	
#stpl-default-nocolumn .stpl-header{
	height: 35px;
	margin-bottom: 16px;
	overflow: hidden;
	background-color: #eee;
	}
	
#stpl-default-nocolumn .content-box-outer{width: 100%;}
#stpl-default-nocolumn .content-box-inner{padding: 0 30px 0 30px;}
/*------------------------------------------------------------------------------*/
	

/* ------------------------------Leistungen-Sub-Template------------------------*/
#stpl-leistungen{
	background: url(../images/leistungen/leistungen_background.jpg) no-repeat;
	min-height: 280px;
	}
 
#stpl-leistungen .header{
	width: 100%;
	height: 98px;
	overflow: hidden;
	}
 
#leistungen-menu-left{
	width: 180px;
	margin-left: 50px;
	float: left;
	}
 
#leistungen-menu-right{
	width: 180px;
	margin-left: 50px;
	float: left;
	}
	
#stpl-leistungen .spacerline{
	overflow: hidden;
	width: 100%;
	height: 95px;
	}
 
#stpl-leistungen .spacerline .infotext{
	width: 625px;
	text-align: right;
	margin-top: 60px;
	color: #fff;
	}
	
#stpl-leistungen .spacerline .infotext a{color: #fff;}
#stpl-leistungen .spacerline .infotext a:link{color: #fff;}
#stpl-leistungen .spacerline .infotext a:hover{color: #2B7E97;}
	
#stpl-leistungen .left{
	float: left;
	width: 720px;
	}
#stpl-leistungen .left .left-inner{padding: 20px 50px 0 50px;}
	
	
#stpl-leistungen .right{
	float: left;
	margin-top: 60px;
	width: 239px;
	border-left: 1px dotted #999;
	text-align: right;
	overflow: hidden;
	}
#stpl-leistungen .right .right-inner{padding: 20px 25px 0 25px;}
	
#stpl-leistungen .right ul{margin: auto; padding-left: 25px; padding-right: 10px;}
#stpl-leistungen .right ul li{text-align: left; padding-left: 10px; padding-right: 10px;}

	
/*------------------------------------------------------------------------------*/
 
/* ----------------------------------------------------------------------------- *
 * ----------------------------------- Menus ----------------------------------- *
 * ----------------------------------------------------------------------------- */

/* Standard-Submenu (Service-Center etc) */


h2 a { text-decoration: none;}

/* --- Linkformatierungen --- */
a{color: #000; font-size: 100.01%;}
a:link {color: #000;}
a:visited {color: #000;}
a:hover {color: #2B7E97;}
a:active {color: #000;}

a.stdlnk-white{color: #fff; font-size: 100.01%;}
a.stdlnk-white:link {color: #fff;}
a.stdlnk-white:visited {color: #fff;}
a.stdlnk-white:hover {color: #fff;}
a.stdlnk-white:active {color: #fff;}

.b { font-weight: bold; }


/* ----------------------------------------------------------------------------- *
 * ------------------------------- Content Layout ------------------------------ *
 * ----------------------------------------------------------------------------- */

.clear{clear: both;}

.align-left{text-align: left;}
.align-right{text-align: right;}

#content-right {
	text-align: justify;
}


#content-main ul {
	margin: 10px 0 10px 30px;
	padding: 0;
	font-size: 91%;
	list-style-type: square;
}

a {
	color: #000000;
}

.smalltext {
	font-size: 91%;
}
.midtext {
	font-size: 109%;
}
.bigtext {
	font-size: 100%;
}





a img {
	border: none;
}

/* Box Element */ 

div.box {
	width: 200px;
	margin: 8px;
	font-size: 82%;
	height: 150px;
	display: inline;
	float:right;
}
div.box-head {
	font-size: 82%;
	padding: 0px 8px 0 8px;
	line-height: 19px;
	height: 18px;
	font-weight: bold;
}
div.box p {
	margin: 2px 8px 2px 2px;
	padding: 0;
}

.box ul {
	list-style: none;
	margin: 5px 0 0 10px;
	padding: 0;
	line-height: 18px;
}

.box li {
	padding-left: 10px;
 	background: url(../images/subarrow.gif) 0px 5px no-repeat;
}

/* overloading predefined Typo3 Layout */

.csc-textpic-caption {
	font-size: 91%;
	color: #000;
	padding-bottom: 15px;
}

.tx-timtabsociable-pi1 {
	font-size: 91%;
	text-align: right;
	margin: 30px 0 5px 0;
}
.tx-timtabsociable-pi1 img {
	margin: 0 2px 0 2px;
	width: 15px;
	height: 15px;
	display: inline;
	border: 1px solid #ccc;
}

.tx-timtabsociable-pi1 img:hover {
	border: 1px solid black;
}

fieldset.csc-mailform {
	border: 0;
	margin: 0;
	padding: 0;
}

div.csc-mailform-field {
	clear: both;
	margin-bottom: 10px;
	}
div.csc-mailform-field img {
	padding: 0 20px 0 40px;
}
div.csc-mailform-field label {
	 width: 150px;
	 height: 20px;
	 display: inline;
	 float: left;
}
div.csc-mailform-field input {
	width: 250px;
	float: left;
}


.csc-uploads-1{margin: 0 0 0 auto;}

/*Survey Plugin*/
.tx-pbsurvey-pi1 {
	margin: 0;
	padding: 0;
}
.tx-pbsurvey-pi1 legend {
	white-space: normal;
}
.tx-pbsurvey-pi1 .survey_item{margin-top: 40px;}

/*------------------------[Plugin Formattings & Templates]-------------------------*/

/* FeLoginBox */

#plugin-felogin-login #box-user{padding-top: 10px;}
#plugin-felogin-login #box-user input{width: 180px;}

#plugin-felogin-login #box-pass{padding-top: 10px;}
#plugin-felogin-login #box-pass input{width: 180px;}

#plugin-felogin-login #box-submit{padding-top: 10px;}
#plugin-felogin-login #box-submit input{width: 120px;}

#plugin-felogin-logout input{width: 180px;}
/*---------------------------------------------------------------------------------*/


/*---Special Print Definitions---*/
.onscreen-invisible{display: none;}

/*---RSS Plugin ---- */
.twrss_item_link {
	padding: 0px 15px 15px 30px;
	background: url(../images/icons/list-arrow.jpg) 10px 0px no-repeat;
	font-size: 10px;
}

/*--- Facebook --- */

#fb_iframe_widget  {
	border: none;
	outline: none;
}