/**
 * http://dedebesc0178.springer-sbm.com/bsmo/
 * Based upon design - there are these sections:
 */
#navigation-top{margin-top: 20px;}
#navigation-top ul, #footer-bottom ul{list-style: none;height: 10px}
#navigation-top ul li, #footer-bottom ul li {
	background-image: url(/img/corner_cycle.png);
	float: left;
	display: block;
	height: 10px;
	width: 10px;
	font-size: 0;
}
*html #navigation-top ul li, *html #footer-bottom ul li {
	background-image: url(/img/corner_cycle_8bit.png);
}
#navigation-top ul li.round-left 	{background-position: left top}
#navigation-top ul li.round-right 	{background-position: right top}
#footer-bottom ul li.round-left 		{background-position: left bottom}
#footer-bottom ul li.round-right 	{background-position: right bottom}
#navigation-top ul li.fill-white, #footer-bottom ul li.fill-white {background:#fff;width:930px}

/* we need a different width - depending on body class */

body.seven-fifths li.fill-white 	{width:1300px !important}
body.six-fifths li.fill-white 	{width:1120px !important}
body.five-fifths li.fill-white 	{width:930px !important}
body.four-fifths li.fill-white 	{width:750px !important}


#navigation {
	position: relative;
	height: 150px;
	background: #fff url(/img/dotted_h.png) left bottom repeat-x;
	z-index: 300
}
#navigation .nav {
	width: 720px;
	height: 32px;
	background: transparent url(/img/navigation/nav_bg_sprite.png) left top repeat-y;
	font-size: 11px;
	position: absolute;
	left:20px;
	bottom:1px;
}
#imageHeader {}
#textHeader {}
#content {
	background-color: #fff;
	font-size: 12px;
}
#footer {
	background: #fff;
}

#legal {}

#lang-switch {
	width: 50%;
	margin-right:-25px;
	margin-left:25px;
	margin-top: 37px;
}
#footer-logo, #header-logo{
	width: 50%;
	text-align: right;
	margin-right:30px;
	margin-left:-25px;
	margin-top: 35px;
	font-size:11px;
	line-height:15px;
}
#navigation #header-logo {
	margin:40px 30px;
	width:276px;
}
#navigation #header-logo img {
	width:276px;
	height:45px;
}
#legal {
	margin: 30px;
	margin-left: 17px;
	font-size: 10px;
	color: #fff;
}
*+html #legal {
	margin-top: 16px;
}
#legal a {
	margin: 0 13px 0 13px;
}
/*******************************************************************************
 * design extra
 ******************************************************************************/
div.segment { background: #fff url(/img/dotted_h.png) 0 bottom repeat-x }
/*******************************************************************************
 * DropDown Navigation with 2 level depth
 ******************************************************************************/
.nav {
	margin:0;
	padding:0
}
.nav ul {
	height: 32px;
	list-style: none
} 
.nav ul li { 
	background-image: url(/img/navigation/nav_bg_top_regular.png);
	background-position: left top;
	background-repeat: no-repeat;
	float: left;
	height: 20px;
	padding-top: 12px;
	width: 170px;
	margin-right: 10px;
}
.nav ul li a {
	display: block;
	/*height: 20px;*/
	margin-left: 8px;
	margin-top:-12px;
	padding-top: 16px;
	text-decoration: none !important;
	width: 162px
}
.nav ul li a span {
	color: #fff;
	display: none
}
.nav ul li a:hover {
	color: #fff
}
.nav ul li a:hover span{
	background: transparent url(/img/icn_down_ani.gif) 4px 4px no-repeat;
	display: inline-block;
	padding-left: 20px
}
/* active */ 
.nav ul li.active {
	background-image: url(/img/navigation/nav_bg_top.png) !important;
	background-repeat: none;
	height: 20px;
	margin-top: 0	
}
.nav ul li.active a  {
	
	height: 28px;
	padding-top: 4px
	
}
.nav ul li.active ul li a {
	background-image: none;
	font-weight: 100;
	margin-top: 0;
} 
/* /active */
/* 2nd depth nav */
.nav ul li ul { 
	height: auto; 
	position: absolute;
	top: 32px;
	width: 170px
}
.nav ul li ul li { 
	float: none; 
	height: 20px;
	margin: 0;
	padding-top: 1px;
	padding-bottom: 1px;
	width: 170px;
	white-space:nowrap;
	overflow:hidden;
}
.nav ul li ul li a  				{ background-image: none; height: 20px }
.nav li ul 							{ display: none }
.nav li:hover ul, li.over 		{ display: block }
.nav li.over ul, li.over ul 	{ display: block }
.nav ul li ul li {
	background-image: url(/img/navigation/nav_bg_sprite.png);
	background-repeat: repeat-y;
}

/* subnav regular */ 
ul.subnav-1 li { background-position: 0 0 }
ul.subnav-2 li { background-position: -180px 0 }
ul.subnav-3 li { background-position: -360px 0 }
ul.subnav-4 li { background-position: -540px 0 }

/* subnav hover */ 
ul.subnav-1 li:hover { background-position: -720px 0 }
ul.subnav-2 li:hover { background-position: -900px 0 }
ul.subnav-3 li:hover { background-position: -1080px 0 }
ul.subnav-4 li:hover { background-position: -1260px 0 }

/* rounds at bottom */
ul.subnav-1 li.last, ul.subnav-1 li.last { background-position: 0 0 }
ul.subnav-2 li.last, ul.subnav-2 li.last { background-position: -180px 0 }
ul.subnav-3 li.last, ul.subnav-3 li.last { background-position: -360px 0 }
ul.subnav-4 li.last, ul.subnav-4 li.last { background-position: -540px 0 }

.nav li.last, .nav li.last:hover {
	background-image: url(/img/navigation/nav_img_bottom_sprite.png) !important;
	height: 24px;
	padding:0;
}
/*******************************************************************************
 * IE 7/8 Geh�cktes: pushed through da reiswolf
 ******************************************************************************/
*+html .nav ul li a:hover { padding-top: 16px }
*+html .nav ul li.active a:hover { padding-top: 4px }
*+html .nav ul li ul { margin-top:0px }
*+html .nav ul li ul li { height: 20px }
*+html .nav ul li ul li { padding: 0px !important; margin-bottom:-1px }
*+html .nav ul li ul li a:hover { padding-top: 16px }
*+html .nav ul li.active ul li a:hover { padding-top: 4px }
/*******************************************************************************
 * IE 6 breakdown: Doc! psychatry!
 ******************************************************************************/
*html img { behavior: url("/misc/js/pngbehavior.htc") !important }
*html #navigation .nav  { overflow-x:hidden }
*html .nav ul li { margin-bottom:-16px; margin-top:-1px !important; }
*html .nav ul li a { overflow: hidden; color: #fff !important}
*html .nav ul li a:hover { padding-top: 14px }
*html .nav ul li.active a:hover { padding-top: 2px }
*html .nav ul li ul { margin-top:0px }
*html .nav ul li ul li { height: 20px }
*html .nav ul li ul li { padding: 0px !important; margin-bottom:-1px }
*html .nav ul li ul li a:hover { padding-top: 16px; text-decoration: underline !important }
*html .nav ul li.active ul li a:hover { padding-top: 4px }
*html .nav ul li.active ul li { height: 20px }
*html .nav ul li.active ul li a { height: 18px }
*html .nav ul li.active ul li { padding: 0px !important; margin-bottom:-1px }
*html #navigation .nav { background-image: url(/img/navigation/nav_bg_sprite_8bit.png) !important }
*html .nav ul li ul li { background-image: url(/img/navigation/nav_bg_sprite_8bit.png) !important }
*html .nav ul li.active { background-image: url(/img/navigation/nav_bg_top_8bit.png) !important }
*html .nav ul li { background-image: url(/img/navigation/nav_bg_top_regular_8bit.png) !important  }
*html .nav li.last { height: 25px !important }

/*******************************************************************************
 * Content
 ******************************************************************************/
 
/*******************************************************************************
 * Content:ul.teaser (header image may be set in jaca)
 ******************************************************************************/

#content ul.teaserList {
 	list-style: none;
	margin-left: 20px;
	margin-right: 10px;
	padding-top: 20px;
	padding-bottom: 10px;
	font-size: 11px;	
}
#content ul.teaserList * {
		
}
#content ul.teaserList li.teaser, #content ul.teaserList li.teaser-hover, #content ul.teaserList li.teaser-text {
	float:left;
} 

#content ul li.teaser {
	background-image: url(/img/box_body02.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	width: 172px;
	height: 187px;
	margin-left: 10px;
	margin-bottom: 10px;
	position: relative;
	line-height: 14px;
}
#content ul li.teaser a {
	line-height: 15px;
}
#content ul li.teaser a.more {
	position: absolute;
	bottom: 10px;
	left: 6px;
	font-size: 10px;
	color: #585858;
}
#content ul li.teaser strong.head {
	display: block;
	margin-left: 6px;
	margin-top: 7px;
	padding-bottom:0px;
	margin-bottom:0px;
	font-size: 10px;
	font-weight: normal;
}
#content ul li.teaser ul {
	list-style: disc;
	margin-left: 20px;
	margin-top: 6px;
}
#content ul li.teaser ul li {
	float: none;
	display: list-item;
	height: auto;
	background: none;
	margin:0;
	padding:0;
	line-height:14px;
}
#content ul li.teaser p {
	margin: 4px 6px 0px 6px;
	padding:0;
	line-height: 16px;
	font-size: 10px;
	color: #40a7f2;
}
#content .more {
	font-weight: 800;
	text-decoration: none;
}
#content .more:hover {
	text-decoration: underline;
}
/*******************************************************************************
 * IE6 Content:ul.teaser (header image may be set in jaca)
 ******************************%***********************************************/
*html #content ul li.teaser { width: 150px; overflow-y:hidden;  background-position: left 67px; }
/*******************************************************************************
 * Content:ul.teaser-hover (uses sprites - background image must be delivered by jaca)
 ******************************************************************************/
#content ul li.teaser-hover {
	background-color: #a4a5a9;
	background-position: left top;
	background-repeat: no-repeat;
	width: 171px;
	height: 187px;
	margin-left: 10px;
	margin-bottom: 10px;
	position: relative;
}
#content ul li.teaser-hover:hover {
	background-position: right top;
}
#content ul li.teaser-hover a.more, #content ul li.teaser-hover div.description  {
	position: absolute;
	bottom: 10px;
	left: 6px;
	color: #fff
}
#content ul li.teaser-hover div.description  {
	font-weight:bold;
}

#content ul li.floatLeft h3 {
	color: #004775;
	font-size: 11px;
	line-height: 14px;
}
h3.paddingBottom {
	margin-bottom: 11px;
}
#content ul li.teaser-text ul, #content ul li.contactAddress ul {
	list-style-image: url(/img/icn_french_quotation_sign.png);
	list-style-position: inside;
	margin: 0 0 0 -4px;
	white-space: normal;
}
#content ul li.teaser-text ul li, #content ul li.contactAddress ul li {
	font-size: 11px;
}
#content ul li.teaser-text ul li a {
	line-height: 17px;
	*line-height:19px;
	vertical-align: top;
	color: #41a6ee;
}
#content ul li.teaser-text:first-child {
	width: 171px !important;
}
#content ul li.teaser-text {
	margin-left: 10px;
	margin-bottom: 10px;
	position: relative;
}
body.seven-fifths #content ul li.teaser-text, #content ul li.contactAddress	{width: 20.3%;}
body.six-fifths #content ul li.teaser-text, #content ul li.contactAddress	{width: 19%;}
body.five-fifths #content ul li.teaser-text, #content ul li.contactAddress 	{width: 18.6%;}
body.four-fifths #content ul li.teaser-text, #content ul li.contactAddress 	{width: 17%;}


#content ul li.teaser-text p {
	font-size: 11px;
	line-height: 14px;
	color: #004775;
}

#content ul li.contactAddress, #content ul li.contactData {
	float:left;
	overflow:hidden;
	margin: 0 20px 10px 10px;
}

#content ul li.contactData {
	width:190px;
}

#content ul li.contactMessage {
	overflow:hidden;
	margin: 0 20px 10px 10px;
}

#content ul li.contactAddress h3, #content ul li.contactData h3, #content ul li.contactMessage h3 {
	border-bottom:1px dotted #000000;
	padding: 0 0 15px;
	margin: 0 0 10px;
	color:#023062;
}

#content ul li.contactAddress p {
	line-height:175%;
	color:#023062;
	letter-spacing: 0.02em;
}

#content ul li.contactAddress p a {
	line-height:175% !important;	
}

#content ul li.contactAddress ul.externalLink {
	border-top:1px dotted #000;
	margin:20px 0 0;
	padding:15px 0 0;
}

#content ul li.contactAddress ul.externalLink a {
	background: url(/img/link_ext.png) no-repeat top right;
	padding-right: 20px;
	line-height:15px;	
}

#content ul li.contactData label {

}

#content ul li.contactData input {
	background-color:#fff;
	background-image: url(/img/form_input_bg.gif);
	background-repeat: repeat-x;
	background-position: bottom left;
	height:16px;
	margin:3px 0 0 2px;
	line-height:16px;
	/*margin:3px 0 0 2px;
	line-height:15px;
	padding-bottom:3px;*/
}

#content ul li.contactData div.formInfo {
	margin-top:35px;
	font-size:10px;
}

#content ul li.contactData input#inpName {width:142px;}
#content ul li.contactData input#inpVorname {width:122px;}
#content ul li.contactData input#inpFirma {width:150px;}
#content ul li.contactData input#inpStrasse {width:144px;}
#content ul li.contactData input#inpOrt {width:130px;}
#content ul li.contactData input#inpEmail {width:140px;}
#content ul li.contactData input#inpTel {width:138px;}



#content ul li.contactMessage textarea {
	width:100%;
	*width:99%;
	height:133px;
	background-color:#fff;
	background-image: url(/img/form_input_bg.gif);
	background-repeat: repeat;
	background-position: top left;
	background-attachment: scroll;
	line-height:19px;
	min-height:133px;
	overflow:hidden;
}

*html body.four-fifths #content ul li.contactMessage textarea { width:180px;}
*html body.five-fifths #content ul li.contactMessage textarea { width:300px;}
*html body.six-fifths #content ul li.contactMessage textarea { width:410px;}
*html body.seven-fifths #content ul li.contactMessage textarea { width:510px;}

#content ul li.contactMessage #btnSubmit {
	float:right;
	margin-top:24px;	
}

#content .form {
	margin-left: 30px;
	margin-right: 30px;
	padding-top: 20px;
	padding-bottom: 20px;
}
#content .form  h2 {
	font-size: 20px;
	font-weight: 100;
	padding-bottom: 10px
}
#content .form p {
	padding-bottom: 10px;
	line-height: 16px
}
#content .form fieldset {

}
#content .form legend {
	background: orange;
	display: none;
}
#content .form label {
	width: 95%;
	display: block;
	position: relative;
	margin-bottom: 10px;
}
#content .form label input {
	position: absolute;
	right:0;
	top: 2px;
	background: #f4f4f6;
	width: 50%;
	padding: 2px;
	border: 1px solid#f4f4f6;
}
#content .form textarea {
	background: #f4f4f6;
	border: 2px solid #f4f4f6;
	margin-top: 1px;
	width: 99%;
	height: 85px
} 
#content .form label input[type=radio] {
	width:auto;
	position: relative;
}
#content .form form div.floatLeft {
	width: 50%;
}
#content .form form div.floatRight {
	width: 50%;
}
#content .form .autoSize label {
	display: inline;
}
#content .form button {
	background: #3fa7f0 url(/img/btn_submit.png) no-repeat left top;
	width: 90px;
	height: 22px;
	margin-top: 10px;
	border:0;
	float: right;
}
#content .form button:hover {
	background-position: left bottom;
}
/*******************************************************************************
 * Footer
 ******************************************************************************/
#footer { height: 79px; background-position: top }
#footer-bottom { margin-bottom: 20px; font-size: 0 }
/*******************************************************************************
 * Visuals
 ******************************************************************************/
#visuals { height: 112px;  }
/*******************************************************************************
 * Quotes
 ******************************************************************************/
#quotes { height: 185px }
#quotes h1 {
	font-weight: 100;
	font-size: 32px;
	padding: 20px 30px;
	line-height: 130%
}
#quotes h1 em { font-style: normal }
/*******************************************************************************
 * FX: Collapse
 ******************************************************************************/
.collapse-container { position: relative }
.collapse {
	/* background: #fff url(/img/icn-sprite-collapse.png) right bottom no-repeat; */
	position: absolute;
	right: 30px;
	bottom: 10px;
	height: 11px;
	font-size: 11px;
}
.collapse span {
	background: #fff url(/img/icn-sprite-collapse.png) left bottom no-repeat;
	display: block; 
	width: 11px;
	height: 11px;
	position: absolute;
	top:0;
	right: 0;
	font-size: 0.1%;
}
.collapse:hover  span, .collapse:active  span, .collapse a:hover  span, .collapse a:active  span { background-position: left top; }

.cover span {
	background-position: right bottom;
}
.cover:hover span, 
.cover:active span, 
.cover a:hover span, 
.cover a:active span { 
	background-position: right top; 
}
.collapse a {
	padding-right: 20px;
	text-decoration: none;
}
.collapse a:link, .collapse a:visited { color: #c4c5c8 }
.collapse a:hover, .collapse a:active { color: #3fa7f0 }
/*******************************************************************************
 * Home + Login
 ******************************************************************************/
#home-login {
	position: absolute;
	left: 30px;
	bottom: 10px
}
#home-login a {
	font-size: 11px;
	padding-right: 20px
}
#home-login  img {
	vertical-align: bottom;
	padding-right: 5px
}
/*******************************************************************************
 * Shawobox Content
 ******************************************************************************/
#shadowbox_body {
	border: 0 !important;
	background: transparent !important;
}
#shadowbox_content {
 	border: none;
}
#shadowbox_content .shadowed {
	background: transparent url(/img/shadowbox_bg.png) left top no-repeat;
}
#shadowbox_content .shadowed label {
	width: 120px;
	display: block;
	float: left;
	color: #fff;
}
#shadowbox_content .shadowed input {
	border: 1px solid #000;
	background: #1f1f1f;
	color: #a4a5a9;
	margin-bottom: 5px;
	padding: 2px;
}
#shadowbox_content .shadowed form {
	padding: 10px;
	font-size: 11px
}
#shadowbox_content .shadowed h3 {
	font-size: 16px;
	color: #fff;
	padding: 10px;
	border-bottom: 1px solid #000;
	width: 370px;
}
#shadowbox_content .shadowed div.hint {
	border-top: 1px solid #000;
	padding: 10px;
	font-size: 11px;
	margin-right: 10px;
}
/*******************************************************************************
 * Shawobox body extra
 ******************************************************************************/
.h_200 {
	height: 200px;
}
/*******************************************************************************
 * Shawobox Squeeze Content
 ******************************************************************************/
#shadowbox_body {
/*	background-color:#000 !important;
	opacity:0.7;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);*/
}

#shadowBoxBody {
	background:transparent;

}

.shadowBoxContent {
	padding: 20px;
	color:#fff;
	font-size:11px;
	overflow:hidden;
}
 
.shadowBoxContentLeft {
	float:left;
	width:170px;
	padding:0 10px 0 0;
	color:#fff;
}

.shadowBoxContentLeft p {
	font-size:11px !important;
	line-height:150% !important;
	color:#fff !important;
}

.shadowBoxContentMain {
	width:500px;
	margin:0;
	float:right;
	margin-left:-240px;
	color:#fff;
}

.shadowBoxContentMain h1 {
	color:#fff !important;
	font-size:11px;
}

.shadowBoxContentMain div {
	background:transparent !important;
	color:#fff !important;
}
.shadowBoxContentMain p {
	font-size:10px !important;
	line-height:200% !important;
	color:#fff !important;
}

.shadowBoxSpacer {
	margin:10px 0;
	width:auto;
	*width:100%;
	border-top:1px dotted #ccc;	
}