/* @override http://www.brainsharing.org/kunden/shellfire/css/screen/customstyles.css */

/* @override http://www.brainsharing.org/kunden/shellfire/css/screen/customstyles.css */

html {
	height: 100%;
	background-color: #404549;
}

body {
	background-color: #e0e0e2;
	padding-top: 0px;
	padding-bottom: 0px;
	color: black;
}

#header {
	background-color: #12ace5;
	padding-top: 0px;
	padding-bottom: 0px;
	height: 53px;
	position: relative;
	z-index:2;
}

.nopadding {
	padding: 0 !important;
}

.nomargin {
	margin: 0 !important;
}

#header .page {
	background-color: #12ace5;
	padding: 0;
	position: relative;
	padding-left: 172px;
}

#header .page #logo {
	font: 16px/20px 'TitilliumText22LMedium', Arial, sans-serif;
	width: 138px;
	height: 84px;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 0;
	text-align: right;
	background: #e0e0e2 url(../../images/shellfire-logo.jpg) no-repeat 16px 14px;
	border-bottom:6px solid #12ACE5;
}

#fblike {
	position: absolute;
	right: 0;
	top:60px;
	z-index:-1;
}



#logolink p {
	text-decoration:none;
}


#logolink:active p,
#logolink:hover p ,
#logolink:focus p
{
	text-decoration:underline;
	
}

#header .page #env {
	width: 70px;
	position: absolute;
	left: 70px;
	font-size:10px;
	z-index:5;	
}

#header .page #logo p {
	font-weight: normal;
	font-size: 18px;
	letter-spacing: -1px;
	color: #404549;
	padding-top: 54px;
	padding-right: 15px;
}

#header .page ul.menu {
	padding: 0;
	margin: 0;
	width: 336px;
	float: left;
}

#header .page ul.login {
	padding: 0;
	margin: 0;
	width: 76px;
	float: left;
}
#header .page ul.admin {
	padding: 0;
	margin: 0;
	width: 56px !important;
	float: left;
	padding:0 !important;
}



#header .page ul.admin li{
	width: 56px !important;
	
}


#header .page ul.admin li ul.submenue li {
	height:auto !important;
	list-style:circle !important;	
	list-style-type:square !important;
		width:172px !important;

}


#header .page ul.admin li a {
	display:inline !important;	
	
}

#header .page ul.menu li {
	padding: 0;
	margin: 0;
}

.width_position_navi {
	width: 76px;
	position: relative;
}

#header .page ul.menu li {
 font: 15px/20px 'TitilliumText22LMedium', Arial, sans-serif;
 float: left;
 list-style: none;
 margin-right: 32px;
 padding-top: 15px;
 text-align: center;
 
 height: 32px;
 
 border-bottom: 6px solid #d8df00;
}

#header .page ul.menu li.last {
	margin-right: 0px;
}

#header .page ul.menu li:hover {
	background: none;
	background-color: #e0e0e2 !important;
	color: #404549;
	position: relative;
	z-index: 50;
	
	border-bottom:medium none;
	border-left:medium none;
	border-right:medium none;
	border-top:6px solid #404549 !important;	
}

#header .page ul.menu li a {
	color: white;
	height: 32px;
	display: block;
	margin-top: -15px;
	padding-top: 15px;
}


#header .page ul.menu li:hover a {
	color: #404549;
}
#header .page ul.menu li a:hover {
	text-decoration: none;
}
#header .page ul.menu li:hover>.submenue {
	display: block;
}

#header .page ul.menu li .submenue {
	float: none;
	padding-top: 11px;
	padding-bottom: 11px;
	background-color: #12ACE5;
	position: relative;
	display: none;
	height: auto;
	width: 190px;
	z-index: 99;
	margin-left:0;
}

#header .page ul.menu.login li .submenue  {
	background-color: #E0E0E2;
	  border-right: 1px solid #404549;
 border-bottom: 1px solid #404549;
 border-left: 1px solid #404549;
 margin-left:-1px;
}


#header .page ul.menu li ul.submenue {
 float: none;
 padding-top: 11px;
 padding-bottom: 11px;
 background-color: #e0e0e2;
 position: relative;
 display: none;
 height: auto;
 width: 184px;
 z-index: 99;
 border-right: 1px solid #404549;
 border-bottom:1px solid #404549;

 border-left: 1px solid #404549;
 margin-left: -1px;
}

#header .page ul.menu li ul.submenue li {
	list-style: none;
	text-align: left;
	color: #404549;
	
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	line-height: 15px;
	
	padding:0;
	padding-left:11px;
	margin: 0;
	
	float: none;
		
	height: 20px;

	
	background: none;
	background-color: #e0e0e2;
	border-top: none;
	border-bottom:none;
	color: #404549;
	behavior: none;
}

#header .page ul.menu li ul.submenue li a
 {
	margin: 0;
	padding: 0;
	line-height: 20px;
	color: #404549;
	height:20px;
	text-decoration: none ;
}

.menulink
 {
 	height:auto !important;
	font-size:12px;
	margin: 0;
	padding: 0;
	line-height: 20px;
	color: #404549;
	height:20px;
	text-decoration: none ;
}


#header .page ul.menu li ul.submenue li a:hover
{
	text-decoration: underline;
}

.menulink:hover
{
		text-decoration: underline !important;
}

#header .page ul.menu  li ul.submenue li:hover {
	border: none !important;
}

#search_wrapper {
	position: relative;
	width: 125px;
	height: 15px;
	display: inline;
}



#searchFormContainer {
	float:left;
	height:25px;
	width:125px;
	margin-right:36px;
	padding-top:13px;
}

.searchform {
	width: 125px;
	height: 25px;
	float: left;
	padding-top: auto;
	padding-bottom:auto;
	padding-right:  30px;  

}


.searchboxWrapper {
	background-color:#12ACE5;
	background-image:url("../../images/searchfield.png");
	background-repeat:no-repeat;
	margin:3px 0;
}

.searchbox {
	background:none;
	line-height:20px;
	border:medium none;
	height:23px;
	padding-left:10px;

	width:90px;
}

#searchbox_submit {
	border:medium none;
	height:23px;
	left:608px;
	position:absolute;
	top:16px;
	width:24px;
}

#specialsearchbox_submit {
	border:medium none;
	height:23px;
	left:608px;
	position:absolute;
	top:29px;
	width:24px;
}

#header .page form#warenkorb {
	width: 55px;
	margin: 0;
	padding: 0;
	float: right;
	padding-top: 7px;
	position: relative;
}


#header .page #warenkorb {
	margin: 0;
	padding: 0;
	float: right;
	padding-top: 7px;
	position: relative;	
	cursor: pointer;
}

#header .page #languageSelector {
	margin: 0;
	padding: 0;
	float: left;
	padding-top: 7px;
	position: relative;	
	cursor: pointer;
	
}

#teaser {
	-webkit-box-shadow: #747874 0px 10px 20px;
	-moz-box-shadow: #747874 -20px 10px 20px;
	box-shadow: #747874 0px 10px 20px;	
	
	padding-top: 20px;
	padding-bottom: 20px;
	margin-top: 0px;
	margin-bottom: 0px;
	background-color: #404549;
	border-bottom: 2px solid #53575b;
	position: relative;
	z-index: 0;
	
	behavior: url(/PIE.php);
}

#teaser .page {
	position: relative;
}

#teaser .products h1 {
	text-align:left !important;
	padding-top:00px;
}

#teaser h1 {
	text-align: center;
	font: 54px/60px 'TitilliumText22LBold', Arial, sans-serif;
	color: #12ace5;
	letter-spacing: -2px;
	margin-top:30px;
}

#teaser h2.contentheader {
	font: 45px/55px 'TitilliumText22LBold', Arial, sans-serif;

	color: #12ace5;
	letter-spacing: -2px;
	margin-left:30px;
}


#teaser h3 {
	font-size:16px;
	text-align:justify;
	color:#E0E0E2;
}
#teaser p.start {
	font-size:16px;
	text-align:justify;
	color:#E0E0E2;
	line-height:19px;
	display:block;
	height:100px;
}

#teaser h1.left,
#teaser h2.left {
	text-align: left;
	margin-top:50px;
}

#teaser h2.oben {
	font: 23px/30px 'TitilliumText22LBold', Arial, sans-serif;
	text-align: center;
	color: #12ace5;
	letter-spacing: -1x;
}
#teaser h2.left {
	text-align: left;
}

#teaser .distance {
	padding-left: 91px;
}


#teaser .c66l h2.contentpage {
	font-family: Arial;
	color: #12ace5;
	font-weight: bold;
	letter-spacing: -1px;
	font-size: 24px;
}

#teaser .paperback {
	background-color: #e0e0e2;
	padding: 20px;
	padding-bottom: 75px;
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	
	position: relative;
	behavior: url(/PIE.php);	
}

#teaser .paperback h2 {
	font-family: Arial;
	color: #12ace5;
	font-weight: bold;
	font-size: 22px;
	padding-top: 10px;
}
#teaser .paperback h3 {
	font-family: Arial;
	color: #12ace5;
	font-weight: bold;
	font-size: 18px;
	padding-bottom: 10px;
}

#teaser .paperback h4 {
	font-family: Arial;
	color: #12ace5;
	font-weight: bold;
	font-size: 12px;
}

#teaser .page {
	background-color: #404549;
	padding: 0;
	margin: 0;
}

#teaser .subcolumns {
	padding-top: 20px;
}

.floatleft {
	float: left;
}

.floatright {
	float: right;
}

.angebot {
	 padding: 0 0 20px 0;
	width:185px;
	background-color: #e0e0e2;
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	
	-webkit-box-shadow: #2f3135 0px 2px 3px;
	-moz-box-shadow: #2f3135 0px 2px 3px;
	box-shadow: #2f3135 0px 2px 3px;
	
	position: relative;
	
	behavior: url(/PIE.php);	
}

.angebot.individual {
	width: 195px;
}

div.angebot  h2 {
	color: #969b9e;
	font-family: Arial;
	font-size: 14px;
	font-weight: bolder;
	letter-spacing: -1px;
	padding-top: 10px;
	padding-left: 20px;
	padding-bottom: 6px;
}

.angebot-preis {
	height: 18px;
	background-color: #ff281f;
	text-align: right;
	padding-right: 25px;
	font-family: Arial;
	color: white;
	font-weight: bold;
	background: -webkit-gradient(linear, 100% 100%, 0% 100%, from(#DF140F), to(#DF140F), color-stop(.5,#FF281F));
	background: -moz-linear-gradient(100% 0% 180deg,#DF140F, #FF281F, #DF140F 100%);
	
	behavior: url(/PIE.php);	
}

.angebot-preis.green {
    background: -webkit-gradient(linear, 100% 100%, 0% 100%, from(#3BCC47), to(#30CF3D), color-stop(.5,#3BCC47)) !important;
    background: -moz-linear-gradient(100% 0% 180deg,#3BCC47, #30CF3D, #3BCC47  100%) !important;;
    margin-top:-20px;
}

.angebot-preis.gray {
    background: -webkit-gradient(linear, 100% 100%, 0% 100%, from(#AAAAAA), to(#AAAAAA), color-stop(.5,#AAAAAA)) !important;
    background: -moz-linear-gradient(100% 0% 180deg,#AAAAAA, #AAAAAA, #AAAAAA  100%) !important;;
    
}

.slots, .slots_small  {
	padding-top: 10px;
	padding-right: 25px;
	margin: 0;
	color: #969b9e;
	font-size: 22px;
	font-weight: bold;
	letter-spacing: -1px;
	text-align: right;	
}

.slots strong {
	font-size: 40px;
	letter-spacing: -4px;
	padding-right: 10px;
}
.slots_small strong {
	font-size: 34px;
	letter-spacing: -4px;
	padding-right: 10px;
}
.description, .description_small  {
	padding-top: 10px;
	padding-right: 25px;
	margin: 0;
	color: #969b9e;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: -1px;
	text-align: right;	
}

.description strong {
	font-size: 40px;
	letter-spacing: -4px;
	padding-right: 10px;
}
.description_small strong {
	font-size: 34px;
	letter-spacing: -4px;
	padding-right: 10px;
}



.angebot-text {
	margin: 0;
	color: #969b9e;
	font-weight: bold;
	text-align: right;
	font-size: 11px;
	padding-right: 25px;
	list-style-type: none;
}

.angebot-standard {
	position: absolute;
	width: 245px;
	 padding: 0 0 20px 0;
	background-color: #969b9e;
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	
	-webkit-box-shadow: #2f3135 0px 2px 3px;
	-moz-box-shadow: #2f3135 0px 2px 3px;
	box-shadow: #2f3135 0px 2px 3px;	
	
	left: 170px;
	top: 120px;
	
	behavior: url(/PIE.php);	
}

.wide {
	width:190px !important;	
}

.angebot-standard h2 {
	color: white;
	font-family: Arial;
	font:none;
	font-size: 18px;
	font-weight: bolder;
	letter-spacing: -1px;
	padding-top: 10px;
	padding-left: 20px;
	padding-bottom: 6px;
}

.angebot-standard .slots {
	color: white;
	font-size: 30px;
}
.angebot-standard .description {
	color: white;
	font-size: 25px;
}

.angebot-standard .slots strong {
	font-size: 70px;
}
.angebot-standard .description strong {
	font-size: 60px;
}

.angebot-standard .angebot-text {
	color: white;
	font-size: 12px;
}

.button-small {
	width: 94px;
	height: 28px;
	background-color: #eaeaec;
	margin-top: 10px;
	margin-left: 58px;
	
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	
	-webkit-box-shadow: #2f3135 0px 0px 2px;
	-moz-box-shadow: #2f3135 0px 0px 2px;
	box-shadow: #2f3135 0px 0px 2px;	
	
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F5F5F6), to(#EAEAEC), color-stop(.5,#F5F5F6),color-stop(.5,#EAEAEC));
	background: -moz-linear-gradient(100% 50% 90deg,#EAEAEC, #F5F5F6, #f5f5f6 0%);
	
	background: linear-gradient(#F5F5F6, #EAEAEC);
	-pie-background: linear-gradient(#F5F5F6, #EAEAEC);
	
	border: 1px solid white;
	position: relative;
	
	behavior: url(/PIE.php);
	
	z-index: 1;
}

.button-small-gutschein {
    width: 300px;
    background-color: #eaeaec;
    margin-top: 10px;
    margin-left: 58px;
    text-align:center;
    min-height:20px;
    font-size:14px;
    padding:10px 0;
    
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    
    
    -webkit-box-shadow: #2f3135 0px 0px 2px;
    -moz-box-shadow: #2f3135 0px 0px 2px;
    box-shadow: #2f3135 0px 0px 2px;    
    
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F5F5F6), to(#EAEAEC), color-stop(.5,#F5F5F6),color-stop(.5,#EAEAEC));
    background: -moz-linear-gradient(100% 50% 90deg,#EAEAEC, #F5F5F6, #f5f5f6 0%);
    
    background: linear-gradient(#F5F5F6, #EAEAEC);
    -pie-background: linear-gradient(#F5F5F6, #EAEAEC);
    
    border: 1px solid white;
    position: relative;
    
    behavior: url(/PIE.php);
    
    z-index: 1;
}

.angebot-standard .button-small {
	margin-top: 20px;
	margin-left: 100px;
	height: 35px;
	width: 116px;
}

.angebot.individual .button-small {
	margin-left: 79px;
}

.button-small a {
	width: 94px;
	height: 20px;
	padding-top: 8px;
	text-align: center;
	font-weight: bold;
	color: #404549;
	font: 13px/14px 'TitilliumText22LBold', Arial, sans-serif;
	display: block;
}

.angebot-standard .button-small a {
	height: 24px;
	width: 116px;
	font: 16px/14px 'TitilliumText22LBold', Arial, sans-serif;
	padding-top: 11px;
	color: #12ace5;
}

.button-small a:hover {
	text-decoration: none;
	color: #12ace5;
	
	-webkit-box-shadow: #2f3135 0px 0px 2px;
	-moz-box-shadow: #2f3135 0px 0px 3px;
	box-shadow: #2f3135 0px 0px 3px;
	
	behavior: url(/PIE.php);	
}

.button-small a:active {
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e8e8ea), to(#dddde0), color-stop(.5,#e8e8ea),color-stop(.5,#dddde0));
	background: -moz-linear-gradient(100% 50% 90deg,#dddde0, #e8e8ea, #e8e8ea 0%);
	
	behavior: url(/PIE.php);
}

#teaser div.additionInfoBox {
	margin-top:55px;
}

#teaser div.additionInfoBox div {
	float:right;
}

#teaser div.additionInfoBox div p {

	color: white;
	float: left;
	margin: 0;
	padding-right: 10px;
	font-weight: bold;
}



#teaser div.additionInfoBox div p img {
	vertical-align: middle;
	margin-top: -4px;
	padding-left: 10px;
}

#teaser p.additional-info a,
#main a
 {
	color: #d8df00;
	font-weight: bold;
}

#main {
	padding-top: 0px;
	padding-bottom: 45px;
	margin-top: 0px;
	margin-bottom: 55px;
	background-color: #979b9e;
}

#main .page {
	background-color: #979b9e;
	padding: 0;
	margin: 0;
}

#main #col3_content.clearfix {
	padding-left: 0px;
}

#main #col1_content.clearfix {
	padding-right: 0px;
}

#main h4 {
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	padding-top: 25px;
	padding-bottom: 15px;
	color: #404549;
	letter-spacing: -1px;
}
#main h3 {
	font-family: Arial;
	font-size: 18px;
	font-weight: bold;
	padding-top: 25px;
	padding-bottom: 15px;
	color: #404549;
	text-shadow: 0px 0px 1px #fff;
	letter-spacing: -1px;
}

#main h2 {
	font-family: Arial;
	font-size: 24px;
	font-weight: bold;
	padding-top: 25px;
	padding-bottom: 15px;
	color: #404549;
	text-shadow: 0px 0px 1px #fff;
	letter-spacing: -1px;
}


#main ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	color: white;
	font-size: 13px;
}

#main ul li {
	padding: 0;
	margin: 0;
	padding-bottom: 8px;
}

#footer {
	margin-top: -55px;
	padding-top: 55px;
	padding-bottom: 75px;
	border: none;
	background-color: #404549;
	
	border-top: 2px solid #585f64;
	
	-webkit-box-shadow: #404244 0px -3px 40px;
	-moz-box-shadow: #404244 -40px -3px 40px;
	box-shadow: #404244 0px -3px 40px;
	
	overflow: visible;
	
	position: relative;
	z-index: 99;
	
	behavior: url(/PIE.php);
}

#footer h1 {
	font-family: Arial;
	font-size: 24px;
	letter-spacing: -1px;
	color: #979b9e;
	font-weight: bold;
	text-align: center;
}

#footer h2 {
	font-family: Arial;
	font-size: 18px;
	letter-spacing: -1px;
	color: #979b9e;
	font-weight: bold;
	text-align: center;
	clear: both;
}

#footer .page {
	margin-top: 0px;
	padding-top: 0px;
	background-color: #404549;
	padding: 0;
	margin: 0;
}

#footer .page .footer-teaser {
	height: 200px;
	width: 160px;
	background-color: #e0e0e2;
	margin-right: 18px;
	margin-top:50px;
	margin-bottom:50px;
	
	float: left;
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	
	-webkit-box-shadow: #2f3135 0px 2px 3px;
	-moz-box-shadow: #2f3135 0px 2px 3px;
	box-shadow: #2f3135 0px 2px 3px;
	
	position: relative;
	
	behavior: url(/PIE.php);
}

#footer .page .footer-teaser.last {
	margin-right: 0px;
}

#footer .page .footer-teaser h3 {
	font: 16px/14px 'TitilliumText22LBold', Arial, sans-serif;
	text-align: center;
	color: #12ace5;
	padding-top: 28px;
}

#footer .page .footer-teaser h4 {
	font: 13px/14px 'TitilliumText22LBold', Arial, sans-serif;
	text-align: center;
	color: #12ace5;
}

#footer .page .footer-teaser ul {
	list-style: none;
	font-size: 10px;
	color: #404549;
	height: 78px;
	padding: 0;
	margin: 0;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
}

.pricetag {
	width: 53px;
	height: 53px;
	background: url(../../images/scherpe.png) no-repeat;
	position: absolute;
}

#footer .page .footer-teaser .button-small {
	margin: 0;
	padding: 0;
	margin: auto;
	top: 10px;
}

.footer-kontakt-wrapper {
	width: 398px;
	width: 418px;
	margin: auto;
	overflow: visible;
	padding-left: 10px;
}

.footer-kontakt {
	float: left;
	margin-right: 50px;
	text-align: center;
	height: 150px;
}

.footer-kontakt.first {
	padding-top: 28px;
	margin-right: 40px;
}

.footer-kontakt.second {
	padding-top: 6px;
}

.footer-kontakt.last {
	margin: 0;
	xfloat: right;
}

.footer-kontakt img {
	display: block;
	padding-bottom: 10px;
}

.footer-kontakt a {
	font-size: 14px;
	font-weight: bold;
	color: #d8df00;
	letter-spacing: -1px;
}

#footer-bottom-logo {
	margin: auto;
	height: 59px;
	width: 130px;
	background: url(../../images/shellfire-logo-footer.jpg) no-repeat;
	font: 24px/20px 'TitilliumText22LBold', Arial, sans-serif;
	color: #e0e0e2;
	letter-spacing: -1px;
	margin-bottom:20px;
}

#footer-bottom-logo p {
	text-align: right;
	padding-top: 34px;
}

#footer-impress-copyright {
	width: auto;
	margin: auto;
	text-align:center;
}
#footer-impress-links {
	width: 286px;
	margin: auto;
}

#footer-impress-links ul {
	list-style-type: none;
	height: 20px;
	margin-left:0;
}

#footer-impress-links ul li {
	float: left;
	padding-top: 0px;
	padding-bottom:0px;
}

#footer-impress-links a,
#footer-impress-copyright a
 {
	font-size: 14px;
	font-weight: bold;
	color: #d8df00;
	letter-spacing: -1px;
}

.miniTable {
	/* width:auto; */ 
}

.miniTable td {
	height:auto;
	color:#404549;
}

.half {
	width:50%;
}

.submenue {
	text-align:left !important;
}

.submenue .paddingleft {
	padding-left:14px;
}
.submenue .paddingtop {
	padding-top:10px;
}

#header .order_login {
	margin-top:5px;
}

#quickaccess {
	display:block;
	position:absolute;
	top:30px;
	right:0px;
	padding:25px 5px 0px 5px;
	background-color:#e0e0e2;
	z-index:-1;
	width:745px;
	-moz-box-shadow:0 21px 6px #747874 inset;
	-webkit-box-shadow:0 21px 6px #747874 inset;
	box-shadow:0 21px 6px #747874 inset;
	border:2px solid #747874;
	font-size:11px;
	color:#404549;
}

#quickaccess a {
	color:#404549;
}

#quickaccessHeader {
	background-color:#e0e0e2;
	float:none;

	cursor:pointer;
}
.warn {
	background-color:#E85163;
	padding:3px;
}
#quickaccess div {
	margin:0 5px;
}

#quickaccess div div {
	float:left;
	margin:1px;

	line-height:17px;
}

#quickaccessProducts div {
	width:312px;
}


#quickaccess div span {
	display:block;
	font-weight:bold;
}	

#quickaccess h1,
#quickaccess h2,
#quickaccess h3 
{
	font-family:Arial,Helvetica,sans-serif;
	color:#12ace5;
	margin:0;
}

#quickaccess h1 {
	font-size:11px;
	color:#404549;
}

#quickaccess h2 {
	font-size:11px;
}

#quickaccess h3 {
	color:#404549;
	font-size:11px;
} 


#quickaccess h1 strong,
#quickaccess h2 strong,
#quickaccess h3 strong {
	font-weight:bold;
}

#quickaccess ul {
	list-style-type:none;
	padding-left:2px;
	width:100%;
}
#quickaccess li {
	display:block;
	float:left;
}


#quickaccessMeta {
	width:403px;
	padding-left:10px;
}					
#quickaccessMeta div {
	width:195px;
}

#quickaccessProducts {
	width:320px;

}

.floatright {
	float:right !important;
}

.floatleft {
	float:left !important;
}

#quickaccessContainer {
	background-image:url(../../images/quickaccess_fauxcolumns);
	padding:0;
	margin:0 !important;
	display:none;
}
		
.filemanager tr,
.filemanager td {
	height:16px;
	}

.filemanagerTop th {
	width:70px;
	}
					
					
.paperback a,
a.bold {
	color:#404549;
	font-weight:bolder;
	text-decoration:underline;
}

.paperback a:hover, paperback a:active.
a.bold:hover,  a.bold:active {
	color:#404549;
	font-weight:bolder;
	text-decoration:underline;
}

.sidebar {
	margin-bottom:40px;	
}

#teaser .sidebar h1 {
	margin-left:0;	
} 


	
	
	
/* **** Side bar ****/

#teaser .sidebar h1.contentpage
,#teaser .sidebar h1.contentpage a
{
	font-size: 18px;
	letter-spacing: -1px;
	font-family: Arial;
	font-weight: bold;
	line-height: 19px;
	padding-bottom: 15px;
}

#teaser .sidebar h2,
#teaser .sidebar h2 a 
{
	font-size: 12px;
	font-family: Arial;
	color: #12ace5;
	font-weight: bold;
}

h3 
{
    font-family: Arial;
    color: #12ace5;
    font-weight: bold;
}

#teaser ul.navlist {
	list-style: none;
	padding: 0;
	margin: 0;
	padding-bottom: 15px;
}

#teaser ul.navlist li {
	margin: 0;
	padding: 0;
	line-height: 23px;
}


#teaser ul.navlist li a {
	font-weight: bold;
	color: #d8df00;
}

.topbar {
	margin-bottom:20px;
}

.topbar ul  li {
	width:50%;
	float:left;
	
}

#xmas2010action {
	position:absolute;
	left:-50px;
	top:17px
}


#header .page #languageSelector {
	margin: 0;
	padding: 0;
	float: right;

	padding-top: 7px;
	padding-left:5px;
	position: relative;	
	cursor: pointer;
	font-size: 9pt;
	height:36px;
	color:white;
 	
 	text-align:center;
 	width:20px;
}


.lang {
	float:left;
	margin:1px 3px 0px;
}

.buttondetails {
	width:540px;
	margin-left: 20px;
}
.buttonBox {
	width:560px;
	display:block;
	margin-top: 10px;
}
.buttonBox input {
	width:auto !important;
	margin: 0 10px 0 0;
    display: block;
    float: left;
}




.buttonBox label {
	width:auto;
	font-size:15px;
	font-weight:bold;
    display: block;
    float: left;
    margin-top: 1px;
    margin-right: 5px;
}

.formLine {
	display:block;
	margin-left: 15px;
	margin-top: 8px;
	width:auto !important;
}
.formLine a {
	width:auto !important;
}

.formLine label {
	width:420px;
	display:block;
	float:left;
	font-weight:normal;

}

.formLine label.small {
	width:70px;
	margin-top:5px;
}

.formLine input {
	width:220px !important;
	display:block;
	float:left;
	
}

.formLine input[type="text"].small {
	margin-top:5px;
	width:150px !important;
	
}


.formLine input[type="submit"] {
	width:420px !important;
}

.formLine input[type="submit"].small,
.formLine button {
	width:220px !important;
	margin-top:0;
}


.accountSummary tr {
	height:30px;
	font-size: 16px;
}

.accountSummary th,
.accountSummary td
{
	padding: 0 20px;
}

.accountSummary td {
	text-align:right;	
}

.accountSummary a {
	font-size: 12px;
}


.formLine ol {
	margin-bottom:0;
}


.order {
	width:100%;
	margin:2px 0;
    width: 100%;	
	padding:0 5px 10px 5px;
	background-color:#E0E0E2;
}

.order.marginBot {
	margin-bottom:50px;
}


.order.marginTop {
	margin-top:50px;
}


.order h1 {
	font-size:20px !important;
	text-align:left !important;
	margin-top:0 !important;
	line-height:40px !important;
	
}

.order.marginTop h1 {
	font-size:25px !important;
}

.order table {
	width:100%;
	text-align:center;
	border-spacing:0;
}

.order td {
	font-size:16px;
	font-weight:bold;	
	height:40px;
}

.order span {
    font-size:14px;
    font-weight:bold;   

}


.order th {
	font-size:9pt;	
	vertical-align: bottom;
	font-weight:normal;
}

.order td.equationPart {
	font-size:16px;
	padding:0 3px;	
	padding-top:1px;
}

.order td.right {
	text-align:right;
}

.order select {
	font-size:14px;	
}

.order table .amount {
	width:150px;
	padding-left:10px;
}

.order .slider {
	height:15px;;	
}

.order .slider td {
	padding-left:10px;;	
	height:15px;
}

#AmountSlider,
#BillDurationSlider {
	width:90px;
	float:left;
	height:5px;
	margin-top:5px;

}
#AmountSlider.ui-slider .ui-slider-handle,
#BillDurationSlider.ui-slider .ui-slider-handle {
	height:20px;
	width:10px;
	background-color:#12ACE5;
	top:-8px;
	position: relative;
    display: block;	
}


#autoExtendInput input {
	float:right;
	margin-top:3px;
}

#autoExtendLabel span {
    float:right;
    margin-top:3px;	
}

#autoExtendLabel span label {
    display:block;
    width:60px; 
}

#productOptions .tooltip {
	display:inline;
}

#productOptions .tooltip img {
    margin-bottom:-3px;
}

#productOptions .tooltip.deal {
	color:#12ace5;
	font: 18px/20px 'TitilliumText22LBold',Arial,sans-serif;
    letter-spacing: -1px;

}

#productOptions .left 
,#productOptions .middle
,#productOptions .rightsmall
,#productOptions .right
{
    float:left;
    height:24px;
    margin-bottom:10px;
    
}
	 

#productOptions .left {
    padding-right: 15px;
    text-align: right;
    width: 255px;

}

#productOptions .left span {
    font-size:12px;
    font-weight:normal;
}

#productOptions .middle {
    width:90px;
}

#productOptions .rightsmall {
    width:70px;
    text-align:right;
}
#productOptions .right {
    width:160px;
    text-align:right;
    
}

#productInfoOptions {
	position: relative;
}
	
#productOptions .last {
     position: absolute;
    bottom:0;
}



#productOptions .last span {
    font-size:20px;
    
}


#productOptions .right.last {
     width:430px;
     
}


#pricingDealContainer {
    margin-bottom:50px !important;	
}
	
#pricingDealDesc,
#rebateDesc, 
#shippingDesc {
	font-weight:normal;
	font-size:12px;
}

#pricingDealContainerDesc,
#rebateContainerDesc,
#shippingContainerDesc {
	margin-top:3px;
	text-align:right;
}

#shippingSumContainer, #shippingContainerDesc, #shippingContainerValue {
	
	margin-bottom:30px !important;
}
	
#subSumContainer span {
    padding-right:17px;
    	
}
	
.AmountSliderText {
	width:90px;
}

.AmountSliderText > div {
	width:75px;
}

#pricePerMonth {
	width:70px;
}

#pricePerPayment {
	width:80px;
}

.billDuration {
	width:130px;	
}



#rebate {
	width:85px;
	color:red;
}

#priceSum {
	width:90px;
	text-align:right;
	padding-right:20px;
}

#unitName {
	font-size:10px;
}

.tooltip {
	margin-bottom:3px;
	cursor:pointer;	
	display:block;
}


.tooltip + div {
	display:none;
	position:absolute;
	z-index:5;
	background-color:#E0E0E2;
	border:2px solid #404549;
	padding:5px;
	text-align:left;
}

.tooltip + div>h3 {
	
	color:black !important;
	font-weight:bold !important;
}
.tooltip + div>p {
	
	margin-bottom:0 !important;
}

.tooltip:hover + div {
	display:block;
}

#productInfoOptions {
    width:100%;
    padding:0px 5px 0px;
}



#productInfoOptions > div {
    float:left;
    padding-left: 10px;
    padding-bottom: 20px;
    width: 430px;   
}


.productOptions div {
    margin-bottom: 6px; 
}

.productOptions :first-child + div {
    margin-top: -5px;   
}


#productInfo {
    border-right:2px solid #404549; 
    margin-right:-2px;
}

#productOptions {
    border-left:2px solid #404549; 
    margin-left:0px;
	
}

#productInfo ul {
/*	 list-style-type: none; */
}

#productInfo span {
	font-weight:bold;
	font-size:15px;
}




#personalDataPaymentType {
	width:100%;
}

#personalDataPaymentType > div {
	float:left;
    padding-left: 10px;
    width: 430px;	
}

#personalData label
{
	width:160px;
	display:block;
	float:left;
	text-align:right;
	font-size:12px;
	padding:6px 10px 0 0;
}

#personalData label.error
, .infoBox label.error
, .checks label.error
 {
	
	color:red;	
    border-bottom-width: 10px;
    margin-bottom: 10px;
    margin-top: -10px;
    
    width: 420px;
	
}
.checks label.error {
	margin-top:-5px;
	margin-left:23px;	
}

input.error {
	background-color: #FFDCD7;
	border: 2px solid #FF0000 !important;	
}

.paymentType, #formChecks {
	border-left:2px solid #404549;	
}

.paymentType input[type="radio"],
.order .checks input[type="checkbox"]                   
{
	display:block;
	float:left;
	margin:6px 10px 0 0;
}

.order #personalData #Place.error.required[type=input] {
	width:179px !important;	
}

.paymentType div {
	margin-bottom: 6px;	
}

.paymentType :first-child + div {
	margin-top: -5px;	
}

.paymentType label,
.order .checks > div label
 {
	font-size:12px;
	padding:6px 10px 0 0;
	display:block;
	float:left;		
	font-weight:bold;
	max-width: 390px;
	
}

.paymentType  img {
	margin-top:6px;	
}

#DirectDebitBox {
	margin:0 0 10px 0;	
}

.paymentType .infoBox label{
	width:240px;
	margin-left:23px;
	font-weight:normal;
}

.order .checks > div label {
	font-weight:normal;
}

.paymentType .infoBox span {
	margin:0 70px 0 23px;
	display:block;	
	padding-top: 6px;
	float:left;
}

.paymentType .infoBox input {
		margin-left:23px;
}

.paymentType input[type="text"] {
	display:block;
	float:left;
	height:19px;
	margin-bottom: 4px;
	font-size:13px;
	border: 1px solid #CCCCCC;
	padding:2px ;
	width:240px;

		
}

.paymentType .margintop {
	margin-top:20px !important;	
}

#personalData {
	border-right:2px solid #404549;	
	margin-right:-2px;
}

#personalData input,
#personalData select
{
	width:240px;
	display:block;
	float:left;

	margin-bottom: 4px;
	font-size:13px;
	border: 1px solid #CCCCCC;
	padding:2px ;
	height:19px;
}


#personalData select {
	height:25px;
	width:246px;
}	

.order #personalData #Zip {
	width:50px !important;
}


.order #personalData #Place {
	width:182px  !important;
	margin-left:3px;
}

#bdSelector {
	border: 1px solid #CCCCCC;
	padding:2px;
	width:160px;

}
	
.positiveSSL {
	margin:20px 33%;
	width:120px;
	text-align:center;
}
.positiveSSL a,
.positiveSSL a:hover,
.positiveSSL a:active


 {
	font-size:10px;
	color:black;
	text-decoration:none;
}

#formChecks {
	border-top:2px solid #53575B;	
}

.order .checks > div {
	width:430px;
	display:block;
	float:left;
	padding-left:10px;
}


.sendOrder {
	background: url(../../images/start/send_order_de.png) no-repeat 0 top;
  	float:left;
  	width:189px;
  	height:43px;
  	border: 0;
  	margin: 20px 0 30px 30px;
  }
  
.sendOrder.small {
  margin: 0 auto;
  float:none;
}
  
  .sendOrder:hover {
	background: url(../../images/start/send_order_de.png) no-repeat 0 center;
	text-decoration: none;
  }

  .sendOrder:active {
	background: url(../../images/start/send_order_de.png) no-repeat 0 bottom;
	text-decoration: none;
  }
  
 

.requestNew {
	background: url(../../images/start/request_new_de.png) no-repeat 0 top;
	text-decoration: none;	
	float:left;
  	width:189px !important;
  	height:43px !important;
  	border: none !important;
  	margin-left:20px;
  	padding:0 !important;
  	margin-top:-9px;
  }
  
  
  .requestNew:hover {
	background: url(../../images/start/request_new_de.png) no-repeat 0 center;
	text-decoration: none;
  }

  .requestNew:active {
	background: url(../../images/start/request_new_de.png) no-repeat 0 bottom;
	text-decoration: none;
  }
  

.payNow {
	background: url(../../images/start/paynow_de.png) no-repeat 0 top;
  	float:left;
  	width:138px;
  	height:43px;
  	border: 0;
  	margin: 20px 0 30px 30px;
  }
  
  
  .payNow:hover {
	background: url(../../images/start/paynow_de.png) no-repeat 0 center;
	text-decoration: none;
  }

  .payNow:active {
	background: url(../../images/start/paynow_de.png) no-repeat 0 bottom;
	text-decoration: none;
  }
  
  
  .payNow.orderFinished {
  	margin-top:0;
  	margin-right:400px;
  	margin-bottom:20px;
  }
  
  .careful {
  	font-size:11px;
  	float:left;
  	margin-right:30px;
  }
 
#backendErrors,
#errorCount {
  	padding:5px;
    font-size: 16px;
    font-weight: bold;
    color:red;
    display:none;  	
}


	

#errorCount {
  	display:none;
}

#personalData span,
.paymentType span.large  {
  	font-weight: normal;
    margin-left: 23px;
    width: 240px;
    display:block;
    font-size:15px;
}

#alreadyCustomer {
	width:890px !important;
	padding-left:10px;
}

#alreadyCustomer label {
	
	display:block;
	float:left;
	text-align:right;
	font-size:12px;
	padding:6px 10px 0 0;
	margin-left:10px;
}



#alreadyCustomer input
 {
	width:170px;
	display:block;
	float:left;
	height:19px;
	margin-bottom: 4px;
	font-size:13px;
	border: 1px solid #CCCCCC;
	padding:2px ;	
}

#alreadyCustomer label.error {
		display:none !important;
	
}

#alreadyCustomer a {
	display: block;
    float: left;
    font-size: 11px;
    margin-left: 20px;
    margin-top: 5px;	
}

#loginButton {
	background: url(../../images/start/login_de.png) no-repeat 0 top;
	text-decoration: none;	
	float:left;
  	width:115px !important;
  	height:43px !important;
  	border: none !important;
  	margin-left:20px;
  	padding:0 !important;
  	margin-top:-9px;
}


  
#loginButton:hover {
	background: url(../../images/start/login_de.png) no-repeat 0 center;
	text-decoration: none;
  }

#loginButton:active {
	background: url(../../images/start/login_de.png) no-repeat 0 bottom;
	text-decoration: none;
  }
  
.wholeSum th {
	font-size:22px;
	font-weight:bold;
	text-align:right;
	padding-right:20px;
}

.wholeSum th.nopad {
	padding:0;	
}

#quickAccessHowTo
{
	border: 2px solid #404549;
	margin-left:50px;
	margin-top:20px;
	margin-bottom:20px;
}

#activateHowto {
	border: 2px solid #404549;
	margin-left:-200px;

	margin-top:20px;
	margin-bottom:20px;
	width:540px;
}


.orderSummary th {
	width:350px;
}

.error.requestEmailError {
	color:red;
	display:block;
	float:right;
}

#faq table {
	margin:0px 10px 0 10px;
	padding-top:10px;	
}




#faq h1 {
	line-height:12px !important;	
}

#requestActivationEmailForm #error {
	margin-bottom:10px;
}

#teaser div.additionInfoBox div#whatIsASlot  {
	text-align: left;
	float: left;
	padding-left: 68px;
}

#whatIsASlot span {
	font-weight: bold;
	color:white;
}

#recommenderBox {
    display:none;
}


.popupHeadline {
	color: #12ACE5;
    font: 24px/28px 'TitilliumText22LBold', Arial, sans-serif;	
    background-color:#E0E0E2;
    text-align:center;
}


.popupContent h3 {
    margin-top:20px;	
}


.popupPart input {
    width:240px;
    display:block;
    float:left;

    margin-bottom: 4px;
    font-size:13px;
    border: 1px solid #CCCCCC;
    padding:2px ;
    height:19px;	
	
}


.sendVoucher {
    width:189px !important;
    height:43px !important;
	background: url(../../images/referal/send_voucher_de.png) no-repeat 0 top;
    float:left;
    border: 0;
    margin-left:20px;
    border:none !important;
  }
  
  
  .sendVoucher:hover {
    background: url(../../images/referal/send_voucher_de.png) no-repeat 0 center;
    text-decoration: none;
  }

  .sendVoucher:active {
    background: url(../../images/referal/send_voucher_de.png) no-repeat 0 bottom;
    text-decoration: none;
  }
  
  #emailAddresses {
    margin-top:10px;
    width:414px;
  }
  
.defaultText {
    width: 300px; 
}
.defaultTextActive {
	color: #a1a1a1; 
	font-style: italic; 
}

.shareList ul li {
	
	display:block;
	margin-top:18px;
	margin-left:20px;
	font: 20px/20px 'TitilliumText22LMedium', Arial, sans-serif;
	float: left;
	list-style: none;
	height: 20px;
}

.popupFaq {
    margin-top:22px;	
    margin-left:5px;
}


#sideBarBox {
    border:2px solid #53575B;
    background-color:#E0E0E2;
    width:240px;

    float:right;
    color:#404549;
    margin-top:60px;
}


#sideBarBox div {
    float:left !important;
}

#sideBarBox .header {
    border-bottom: 3px solid #d7d7d9;
}

#sideBarBox .header {
    
    float:left;
    font-family: arial;
    font-size: 16px;
    font-weight: bold;
    padding-left:10px;
    padding-right:10px;
    padding-top:6px;    
    color: #12ACE5
}

#sideBarBox .content {
    padding-left:10px;
    padding-right:10px;
    padding-top:6px;    
}


#sideBarBox .content .task {
    border-bottom: 3px solid #d7d7d9;
}


#sideBarBox .content h4 {
    float:left;
    font-family: arial;
    font-size: 10px;
    font-weight: bold;

    display:block;
    width:100%;
}

#sideBarBox .content a {
    font-size:14px;
    font-weight:bold;
    color:#404549;	
}

#sideBarBox .content .reward {
    width:110px;
    border-bottom: 3px solid #d7d7d9;
}

#sideBarBox .content .reward img {
    margin-right: 4px;
    float:left;
    height:30px;
    width:30px;
}


#loadContacts label {
    display: block;
    float: left;
    margin-left: 5px;
    width: 244px;
}

#loadContacts #EmailUser {
    width:100px;	
}

#loadContacts select
 {
    width:125px;
    display:block;
    float:left;
    height:25px;
    
    font-size:13px;
    border: 1px solid #CCCCCC;
}

#loadContacts input
 {
    width:170px;
    display:block;
    float:left;
    height:19px;
    margin-bottom: 4px;
    font-size:13px;
    border: 1px solid #CCCCCC;
    padding:2px ;   
}

.error {
    color:red;	
}


.oslogos {
    text-align:center;
    padding-top:10px;
}



#stripecardAmount, 
#stripeallAmount {
	
	background-color: #FFFFFF;
    border-radius: var(--borderRadius);
    transition: background 0.15s ease, border 0.15s ease, box-shadow 0.15s ease, color 0.15s ease;
    border: 1px solid var(--p-colorBackgroundDeemphasize10);
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.03), 0px 3px 6px rgba(0, 0, 0, 0.02);
	
	height:30px;
	margin-top:3px;
	margin-left:10px;
	color: rgb(48, 49, 61);
	font-size:16px;
	padding-left: 10px;
}

#sendOrderButtonStripecard,
#sendOrderButtonStripeall {
	background-color: #FFFFFF;
    border-radius: var(--borderRadius);
    transition: background 0.15s ease, border 0.15s ease, box-shadow 0.15s ease, color 0.15s ease;
    border: 1px solid var(--p-colorBackgroundDeemphasize10);
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.03), 0px 3px 6px rgba(0, 0, 0, 0.02);
	
	height:30px;
	margin-top:3px;
	margin-left:10px;
	font-size:16px;
	padding-left: 10px;
	padding-right: 10px;
	

	
}