/**
*
* Captano Microsite CSS
* -----------------------------------------
* blueend web:applications AG, 2008
*
*/


body {
	background: #EAEAEF url(../images/background_color.gif);
	text-align: center; /*centers the main in IE5/win */
}

body, td {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	margin: 0px 0px 0px 0px;
	padding: 0;
	color: #333;
}

p, input, div, td, textarea {
	font-size:12px;
	color: #666;
	line-height:1.6em;
}

input, textarea{
	border: 1px solid #ccc;
}

a, a:active, a:visited{
	color: #888;
	font-weight: bold;
	text-decoration: none;
}

#container{
	background-image: url(../images/background_bg.gif);
	background-repeat: repeat-y;
	width: 851px;
	text-align: left;
	margin: auto;
	margin-top: 0px;
}

#googleheader{
	display: none;
}

#page_logo{
	background: white url(../images/logo_captano.gif) 0px 18px no-repeat;
	width: 200px;
	height: 75px;
	padding-top: 18px;
	margin-left: 25px;
	cursor: pointer;
}

#page_logo h1{
	display: none;
}

/* Main Navigation */
#header{
	padding: 0px 20px;
	margin: 0px;
	height: 70px;
}

#main{
	padding: 5px 20px;
}

/* META Navigation */

#meta_navigation{
	float: right;
	margin-right: 12px;
	width: 300px;
	height: 50px;
}

#meta_navigation a span{
	display: none;
}

#meta_navigation a{
	display: block;
	height: 25px;
	float: right;
	border-left: 1px solid #ddd;
}

#meta_navigation a:hover{
	border-left: 1px solid #b5192c;
}

#meta_contact{
	background: url(../images/meta_nav_contact_de.gif) bottom left no-repeat;
	width: 70px;
}

body.lang_1 #meta_contact{
	background: url(../images/meta_nav_contact_en.gif) bottom left no-repeat;
}

#meta_login{
	background: url(../images/meta_nav_login.gif) bottom left no-repeat;
	width: 70px;
}

a#meta_lang_de{
	background: url(../images/meta_nav_lang_de.gif) bottom left no-repeat;
	width: 50px;
	border-left: 1px solid white;
}

a#meta_lang_en{
	background: url(../images/meta_nav_lang_en.gif) bottom left no-repeat;
	width: 50px;
	border-left: 1px solid white;
}




/* Main Navigation */

#header ul#primary{
	background: #3A3E47;
	display: block;
	list-style: none;
	height: 22px;
	margin: 0px;
	padding: 1px;
	margin-top: 20px;
	margin-bottom: 1px;
}

#primary li a span{
	display: none;
}

#primary li{
	float: left;
}
#primary li a{
	display: block;
	height: 24px;
	width: 100px;
	float: left;
	margin: 0px;
	border-right: 1px solid #fff;
}

/* Nav: Deutsch */
#primary li a#nav_home{
	background: url(../images/nav_home_de.gif) top center no-repeat;
	width: 100px;
}

#primary li.selected a#nav_home,
#primary li a:hover#nav_home{
	background: #838C95 url(../images/nav_home_de_on.gif) top center no-repeat;
}

#primary li a#nav_product{
	background: url(../images/nav_product_de.gif) top center no-repeat;
	width: 120px;
}

#primary li.selected a#nav_product,
#primary li a:hover#nav_product{
	background: #838C95 url(../images/nav_product_de_on.gif) top center no-repeat;
}

#primary li a#nav_aboutus{
	background: url(../images/nav_aboutus_de.gif) top center no-repeat;
	width: 130px;
}

#primary li.selected a#nav_aboutus,
#primary li a:hover#nav_aboutus{
	background: #838C95 url(../images/nav_aboutus_de_on.gif) top center no-repeat;
}

#primary li a#nav_contact{
	background: url(../images/nav_contact_de.gif) top center no-repeat;
	width: 120px;
}

#primary li.selected a#nav_contact,
#primary li a:hover#nav_contact{
	background: #838C95 url(../images/nav_contact_de_on.gif) top center no-repeat;
}

/* Nav: English */
body.lang_1 #primary li a#nav_product{
	background: url(../images/nav_product_en.gif) top center no-repeat;
	width: 120px;
}

body.lang_1 #primary li.selected a#nav_product,
body.lang_1 #primary li a:hover#nav_product{
	background: #838C95 url(../images/nav_product_en_on.gif) top center no-repeat;
}

body.lang_1  #primary li a#nav_aboutus{
	background: url(../images/nav_aboutus_en.gif) top center no-repeat;
	width: 130px;
}

body.lang_1  #primary li.selected a#nav_aboutus,
body.lang_1  #primary li a:hover#nav_aboutus{
	background: #838C95 url(../images/nav_aboutus_en_on.gif) top center no-repeat;
}

body.lang_1  #primary li a#nav_contact{
	background: url(../images/nav_contact_en.gif) top center no-repeat;
	width: 120px;
}

body.lang_1  #primary li.selected a#nav_contact,
body.lang_1  #primary li a:hover#nav_contact{
	background: #838C95 url(../images/nav_contact_en_on.gif) top center no-repeat;
}



#header ul#secondary{
	background: #838C95;
  display: block;
	list-style: none;
	height: 12px;
	padding: 1px;
	margin: 0px;
}

/* EyeCatcher */

#eyecatcher{
	margin: 5px 20px 0px 20px;
	background: #eee;
}

#eyecatcher .eyecatcher_heading{
	padding-top: 30px;
	padding-left: 25px;
}

#eyecatcher .eyecatcher_heading h2{
	font-size: 26px;
	margin: 0px;
	margin-bottom: 10px;
	color: #00305F;
}

#eyecatcher .eyecatcher_heading h3{
	font-size: 20px;
	margin: 0px;
	color: #00305F;
	font-weight: normal;
	padding-bottom: 10px;
}

#_eyecatcher div.home{

	background-repeat: no-repeat;
	background-position: 25px center;
}

#_eyecatcher div.home .eyecatcher_heading{
	display: none;
}

#eyecatcher div.home h3,
#eyecatcher div.en_home h3
{
  color: #AA0A15;
}

#eyecatcher_blanco{
	background: url(../images/teaser_blanco.jpg) top left no-repeat;
	height: 160px;
	width: 811px;
	margin: 5px 20px 0px 20px;
}

#eyecatcher_blanco .heading{
	padding: 60px 20px;
}

#eyecatcher_blanco .heading h1{
	color: #2B3056;
	font-size: 22px;
	font-weight: normal;
}

/* Content Area */

#content{
	margin-right: 300px;
	padding-bottom: 20px;
}

#content.narrow{
	padding: 25px;
}

#sidebar{
	float: right;
	width: 280px;
	margin-top: 8px;
}

#sidebar .box{
	margin-bottom: 12px;
}

#sidebar .box .title{
	background: #e5e8eb;
	padding: 3px;
	font-weight: bold;
}

#sidebar .box .content,
.box .content{
	padding: 8px;
	background: #f7f8f9;
}

#content h3{
	font-size: 16px;
	border-bottom: 2px solid #ddd;
	display: block;
}

#content .form_box{
	background: #eee;
	padding: 15px;
}

#content .form_box form{
	margin: 0px;
}

#sidebar a.slider_button_right{
	display: block;
	width: 20px;
	height: 130px;
	margin-left: 5px;
	background: url(../images/icon_arrow_right.gif) center center no-repeat;
	border-left: 1px dotted #ddd;
}

#sidebar a.slider_button_left{
	display: block;
	width: 20px;
	height: 130px;
	margin-right: 5px;
	background: url(../images/icon_arrow_left.gif) center center no-repeat;
	border-right: 1px dotted #ddd;
}

#sidebar a.slider_button_right:hover,
#sidebar a.slider_button_left:hover{
	background-color: #FFF;
}

#sidebar a.slider_button_right:focus,
#sidebar a.slider_button_left:focus{
	outline: 0;
}

#sidebar .feature_box .content{
	padding: 0px;
}



/* Forms */
#main div.form_row input,
#main div.form_row textarea,
#main div.form_row select
{
	border: 1px solid #BBB;
	width: 370px;
	display: block;
	font-family: Arial, Sans-Serif;
	font-size: 11px;
	padding: 2px;
	color: #222;
}

#main div.form_row select{
	padding: 1px;
}

#main div.form_row textarea:focus,
#main div.form_row input:focus{
	background-color: #F7F8F9;
	border: 1px solid #00305F;
}

#main div.form_row label {
	width: 150px;
	float: left;
	display: block;
}

#main div.form_column{
	margin-left: 100px;
}

#main div.form_row{
	clear: left;
	margin-bottom: 10px;
}


/* Footer */
#footer{
	background-image: url(../images/background_bg.gif);
	background-repeat: repeat-y;
  width: 851px;
	text-align: left;
}

#footer .line{
	margin-left: 20px;
	margin-right: 20px;
	height: 8px;
	border-top: 1px solid #ccc;
}

#footer .nav{
	padding-left: 20px;
	font-size: 10px;
	width: 250px;
	height: 20px;
	margin: auto;
}

#footer .footer_imprint{
	background: url(../images/bottom_nav_impressum_de.gif) top left no-repeat;
	height: 16px;
	width: 75px;
	display: block;
	border-right: 1px solid #ccc;
}

#footer .footer_disclaimer{
	background: url(../images/bottom_nav_disclaimer_de.gif) top left no-repeat;
	height: 16px;
	width: 130px;
	display: block;
	margin-left: 8px;
}

/* EN Version */
body.lang_1 #footer .nav{
	width: 180px;
}

body.lang_1 #footer .footer_imprint{
	background: url(../images/bottom_nav_impressum_en.gif) top left no-repeat;
	width: 60px;
}

body.lang_1 #footer .footer_disclaimer{
	background: url(../images/bottom_nav_disclaimer_en.gif) top left no-repeat;
	width: 80px;
}

#footer a span{
	display: none;
}

#footer a{
	float: left;
}

#footer .bottom{
	background: url(../images/background_bottom.gif) top left no-repeat;
	height: 15px;
}

#captano_tour{
  cursor: pointer;
  border: 1px solid white;
}

#captano_tour img{
	margin-right: 10px;
}

#captano_tour:hover{
	border: 1px solid #ccc;
	cursor: pointer;
}

/* Login Form */
#login_form {
	background: #F7F8F9;
	padding: 10px;
}

#login_form form{
	padding: 0;
	margin: 0;
}

#login_form td,
#login_form input{

}

#login_form input.field{
	width: 100%;
}

#login_form tr.submit td{
	border-top: 1px dotted #fff;
	padding-top: 10px;
	text-align: right;
}

#login_form .btn{
  padding: 0; margin: 0;
	border: none;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	cursor: pointer;
	background: url(../images/icon_arrow_right.gif) right center no-repeat;
	padding-right: 15px;
	_padding-right: 8px;
}

#overlay{
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	_height: 100%;
	_width: 100%;
	background-color: #aaa;
	z-index: 9;
}

#info_box{
	position: absolute;
	top: 100px;
	left: 50%;
	z-index: 10;
	overflow: visible;
	zoom: 1;
}

#info_box div.container{
	text-align: left;
	position: absolute;
	background: #fff;
	width: 650px;
	margin-left: -325px;
	padding: 10px;
	border: 1px solid #bbb;
	z-index: 11;
	zoom: 1;
}

#info_box div.container .title{
	font-size: 20px;
	color: #042974;
	margin-bottom: 10px;
}

#info_box .content{
	padding: 5px;
	background-color: #F7F8F9;
}

#info_box .footer{
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px dotted #ccc;
	text-align: center;
}


a.pdf {
	background: url(../images/pdf_icon.gif) no-repeat left center;
	padding-left: 18px;
}