@charset "UTF-8";

@import url("/styles/core.css");

/**
 * TOP 21 GmbH
 * 
 * General Font Settings 
 */

.portal-vorsorge .miniportal-vorsorge
{
	background-image: none;
	color:            #666666;
	font:             80%/125% Verdana, Arial, Helvetica, sans-serif;
	margin:           0;
	padding:          0;
}

header
{
	overflow: visible;
}

footer
{
	float: left;
}

h1 {
font:bold 180%/140% Verdana,Arial,Helvetica,sans-serif;
}

h1, h2, h3, h4, h2 a, h3 a, h4 a, .formGroup h4 a {
color:#E10B17;
}

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#outerWrapper {
	margin:0 auto;
	padding:0;
	position:relative;
}

/* Message Box */
.errorBox, .infoBox, .successBox
{
	clear: both;
}

#benutzerbox
{
	margin: 5px 5px 5px 0;
	width: 100%;
	float: left;
}

#benutzerbox #backhome{ float: left; margin-right: 5px;}

#benutzerbox .login_fields
{
	float: left;
	width: 141px;
	margin: 4px 5px 0 0;	
}

#benutzerbox label{ width: auto; }

#benutzerbox .buttonDefault{ margin: 0 0 0 5px; }
#benutzerbox #islogged{ float:left; }
#benutzerbox #logout{ float: right; }

.contentTwoFourth
{
	margin:0 10px;
	width: 565px;
}

#sidebarOneFourthLeft{
	float:left;
	margin:0;
	overflow:hidden;
	padding-top:35px;
	position:relative;
	width:175px;
	padding:60px 0 0;
}

#sidebarOneFourthRight {
	float:right;
	margin:22px 10px 0;
	padding:0;
	position:relative;
	width:223px;
}

a img {
	border: 0px;
	}
	
.center {
	text-align: center;
	}
	
.borderBottom {
	border-bottom: 1px solid #D0D0BF;
	padding-bottom: 15px;
	padding-top: 5px;
	}
	
.problem {
	background-color: #E7EAF3;
	padding: 2px 2px 2px 4px;
	font-weight: bold;
	width: 534px;
	display: block;
	margin-bottom: 5px;
	clear: both;
}


form {
	margin: 0px;
	padding: 0px;
}
	
input {
	font-size: 90%;
}

#rahmen {
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	width: 1003px;
	position: relative;
}

#container_inhalt_start {
	width: 1003px;
	margin: 0px;
	float: left;
	clear: both;
	position: relative;
	padding-bottom: 10px;
	z-index: 1;
}

#rahmen_inhalt {
	width: 1003px;
	float: right;
	margin: 0px;
	padding: 0px;
	position: relative;
}

#rahmen_inhalt_spalten {
	width: 750px;
	float: left;
	margin: 0px;
	padding: 0px;
	position: relative;
}

#sidebar.supportsidebar {
width:155px;
margin-top:38px;
}

#marginal_lp {
	width:170px;
	background-color: #CCD3E5;
	padding-top:0px;
	background-image:url();
	background-repeat:no-repeat;
	}
	
#marginal_lp p{
	padding:10px;
	}

#marginal_l {
	width: 175px;
	float: left;
	position: relative;
	overflow: hidden;
	margin: 0px;
}

#marginal_l h1 {
	color: #333333;
	padding: 15px 0 5px;
	margin: 0px;
	font: bold 130%/100% Arial, Helvetica, sans-serif;
}

#marginal_l h2 {
	font: bold 100%/100% Arial,Helvetica,sans-serif;
	margin: 0;
	padding: 15px 0 5px;	
}

#marginal_l h3 {
	color: #333333;
	padding: 3px 0 5px;
	margin: 0px;
	font: bold 100%/100% Arial, Helvetica, sans-serif;
}

#marginal_l a:link {
	color: #000000;
	text-decoration: underline;
}

#marginal_l a:active {
	color: #000000;
	text-decoration: underline;
}

#marginal_l a:visited {
	color: #000000;
	text-decoration: underline;
}

#marginal_l a:hover {
	color: #000000;
	text-decoration: underline;
}

#sidebar h1 {
color:#E10B17;
font-size:14px;
font-weight:bold;
}

.leftmenu ul li.selected a {
	color: #2d2c98;
	background: #ffffff no-repeat url() 0px 5px;
}

#inhalt {
	float: right;
	width: 560px;
	padding: 0px;
	margin-top: 20px;
	margin-left:0px;
	position: relative;

}

#container_footer {
	width: 553px;
	margin: 0px;
	float: left;
	clear: both;
	position: relative;
	padding: 10px 250px 10px 190px;
}

#container_footer a:link {
	color: #333333;
	text-decoration: underline;
}

#container_footer a:active {
	color: #333333;
	text-decoration: underline;
}

#container_footer a:visited {
	color: #333333;
	text-decoration: underline;
}

#container_footer a:hover {
	color: #333333;
	text-decoration: underline;
}

#seiteninhalt {
	float: left;
	position: relative;
	margin-left:0px;
	padding:0px;
}

#seiteninhalt p {
	margin: 5px 0 10px;
	padding: 0 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#seiteninhalt p a {

}

#seiteninhalt h1 {
margin: 10px 0px 15px; 
padding:0 20px;
}

#seiteninhalt h2 {
	color: #E10B17;
	font:110%/125% Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin: 10px 0px 15px; 
	padding-top: 0pt; 
	padding-right: 0px; 
	padding-bottom: 0pt; 
	padding-left: 20px;
	border-bottom: none;
	text-transform: none;
}

#seiteninhalt h3 {
	color: #E10B17;
	margin: 10px 0px 15px 0px; 
	font-size: 110%;
	padding:0 20px;
}

#seiteninhalt h4 {
	color: #2B329C; 
	margin: 15px 0px 3px 0px; 
	font-size: 100%; 
	font-weight: bold; 
	padding: 0 20px;
}

#seiteninhalt a {
font:bold 100%/125% Verdana, Arial, Helvetica, sans-serif;
color:#666666;
text-decoration:none;
}

#seiteninhalt a:active, #seiteninhalt a:hover {
text-decoration: underline;
}

#seiteninhalt .box_bg_grau	{
	background: #eeeeee;
	padding: 10px 0px;
	margin-left:10px;
	width: 100%;
	
							}

#seiteninhalt .box_bg_grau h1 {
	font-size: 120%;
	margin: 10px 0px;
}

#seiteninhalt .box_bg_grau a {
	color: #001E52;
	text-decoration: none;
}


#seiteninhalt .box_bg_grau h2 {
	color: #001E52;
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	font-weight:bold;
}

#seiteninhalt .box_bg_grau h3 {
	color: #001E52;
	margin: 10px 0px 15px 0px;
	font: 120%/100%  Arial, Helvetica, sans-serif;
	font-weight:bold;
}

#seiteninhalt .box_bg_grau h4 {
	color: #001E52;
	font: bold 100%/100% Arial, Helvetica, sans-serif;
	margin: -10px 0px 3px;
	font-weight:bold;
}

#marginal_r {
	float: right;
	padding: 0px;
	position: relative;
	margin-left: 10px;
	margin-right: 0px;
}

#marginal_r table{
	width:187px; 
	border-width:1px; 
	border-color:black; 
	border-style:solid;
}

#marginal_r td,#marginal_r tr {
	border:0px;
	color: #666666;
}

#marginal_r a:link, 
#marginal_r ul li a:link {
color: #666666;
text-decoration:none;
}
#marginal_r a:active, 
#marginal_r a:hover, 
#marginal_r ul li a:active, 
#marginal_r ul li a:hover {
text-decoration: underline;
}

#marginal_r h1 {
	font-family: Arial,Verdana,Helvetica,sans-serif;
	color: #FFFFFF;
	font-size: 160%;
	font-weight: bold;
	margin: 0;
	padding: 15px 0 5px;
}

#marginal_r h2 {
	font:bold 115%/100% Arial,Helvetica,sans-serif;
	color: #333333;
	margin: 0px;
	padding: 15px 0 5px;
	font-size: 140%;
	text-decoration: none;
	text-transform: none;
	border-bottom: none;
}

#marginal_r h3 {
	color: #333333;
	padding: 3px 0 5px;
	margin: 0px;
	font: bold 100%/100% Arial, Helvetica, sans-serif;
}

#marginal_l p {
	color: #333333;
	padding: 5px 0 10px;
	margin: 0px;
}


#benutzerbox h1 {
	color: #001E52;
}

#globalmenu li a.globalmenuStartInactive {
	background-image: url();
}

#globalmenu li a.globalmenuStartActive {
	background-image: url();
}

/* Classes */

.pfad {
padding-top:10px;
margin-left:10px;
color: #e50011;
clear:both;
}

.box_bg_grau {
	background: #eeeeee;
	padding: 10px 0;
}

.inner_box_bg_grau {
	margin-left: 20px;
	margin-right: 10px;
	margin-bottom: 10px;
}

.trefferliste {
	list-style-image: url();
}

#seiteninhalt ul {
display: list-item;
padding:0 20px;
margin-left:14px;
}

#seiteninhalt ul.linkList {
list-style:none;
margin-left:21px;
}

#seiteninhalt ul li {
list-style:disc;
}

#seiteninhalt ul.linkList li {
list-style-image:url();
}

#left_infobox
{
	border: solid 1px #000000; 
	width:173px;
	left:0px;
	top:0px;
	border-width:1px;
	border-style:solid;
	border-color:black;
}

.miniportal-vorsorge .buttonDefault
{
    background: url() repeat-x;
}

.miniportal-vorsorge .buttonDefault:hover
{
    background: url() repeat-x;
}

.miniportal-vorsorge .buttonDefault:active
{
    background: url() repeat-x;
}

/* @end */

#seiteninhalt .order {
	width:84px;
	height:26px;
	text-align: center;
	vertical-align: middle;
	border:1px solid #B0B0B0;
    border-radius: 3px;
	background:url() repeat-x;
}

#seiteninhalt .order:hover {
	border: 1px solid #FF0000;
    background:url() repeat-x;
}

#seiteninhalt .order:active {
	border: 1px solid #FF0000;
    background:url() repeat-x;
}

#seiteninhalt #editorialProductTipp .tipp{
	width:95px;
	height:26px;
	text-align: center;
	vertical-align: middle;
	background:url() no-repeat;
}

.containerWrap 
{
	width: 977px;
	margin: 0;
}

.cart .contentWrap .leftCol
{
	width: 790px;
}

.st_cartForm table
{
	border: none;
	clear: both;
	float: none;
	margin-left: 0;
}

.st_cartForm th, .st_cartForm td
{
	border: none;
}

.summary .disclaimer .newsletter
{
	margin-left: 0px;
}

.button
{
	background:url() no-repeat;
}

.buttonRight
{
	background:url() no-repeat;
}

.button a,
.buttonRight a,
.button input,
.buttonRight input
{
	background:url() no-repeat;
}

.btn_softwareDownload input
{
	background-position:0 -139px;
}

.formError {margin-bottom: 10px;}

.deliveryDetails
{
	line-height: 21px;
}

.discountCode input
{
	font-size:1.09em;
}

#inhalt #news_headline
{
	padding-left: 0px;
	font-size: 140%;
}

#seiteninhalt p.inhalt
{
	padding-left: 0px;
}

.bookmarks .bookmarkHeader
{
	color: #99A8A5;
}

.bookmarks p, .bookmarks a
{
	float: left; 
	font-size: 10px;
	line-height: inherit;
	margin: 0px;
	padding: 0px;
}

#seiteninhalt p.bookmarkHeader
{
	margin: 0px;
	padding: 0px;
}

span.simpletip {
	background: url() no-repeat scroll 2px 1px transparent;
	padding-left: 16px;
}

.supportContent a {
	font: normal 12px/1.5em  Arial, Verdana, sans-serif;
}

.supportContent a:hover {
	font: normal 12px/1.5em  Arial, Verdana, sans-serif;
}

.supportContent h4 {
	font: bold 12px/1.5em Arial, Verdana, sans-serif; 
	color: #777777; 
	margin-bottom: 5px;
}

.supportContent fieldset {
	margin-top:	20px;
	margin-bottom:	20px;
	padding: 0 0 10px;
	width: 700px;
}

.supportContent label
{
	font: 12px/1.5em Arial, Verdana, sans-serif; 
	color: #5B5B5B; 
	width: 210px; 
	float: left; 
	text-align: left; 
	padding: 5px 5px 5px 0px;
}

.supportContent input, .supportContent select
{
	font-size: 85%;
}

.marginBottom25
{
	margin-bottom: 25px;
}

.marginBottom10
{
	margin-bottom: 10px;
}

.marginTop10
{
	margin-top: 10px;
}

/* Tooltip */
.tooltip{
	font: 10px/1.5em Verdana,Arial,sans-serif;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	display: none;
	background: #FAFAFA;
	min-width: 200px;
	padding: 5px;
	border: 1px solid #AAAAAA;
}

.textField_46
{
	width: 46px;
}

.textField_208
{
	width: 207px;
}

.textField_266
{
	width: 266px;
}

br.clear {
	clear:both;
	line-height:30px;
}

br.clear5 {
	clear: both;
	line-height: 1px;
}


label, .label{
	/* display:block; */
	/* float:left; */
}

.label{
	width: 130px;
	padding-top: 4px;
}

label, .label {
	font: bold 12px/1.5em Verdana,Arial,sans-serif;
	width: 130px;
	padding:5px 5px 5px 0;
	cursor: auto;
	float:left;
}

label.optional, .label .optional, label.choice{
	font-weight: normal;
}

.newsletterLabel{
	display: inline;
	float: none;
}

.privacyLabel {
	font: 11px/1.5em Verdana,Arial,sans-serif;
	line-height: 12px;
}

input.inputCheckbox{
	margin:3px 5px 0 0;
}

.ssl{
	background: url() no-repeat top left transparent;
	display:block;
	font:12px/1.5em Verdana,Arial,sans-serif;
	padding-left:20px;
	position:relative;
}

span.description label{
	display:inline;
	float:none;
	width:auto;
}

/* Erweitert
------------------------------------------------------ */
#sidebarOneFourth {
	margin-top: 66px;
	padding: 10px 10px 13px;
	width: 218px;
}

.module {
	font: 12px/1.5em Verdana,Arial,sans-serif;
	min-height: 75px;
	padding: 10px 0 0 0;
}

.cell {
	margin:0 0 20px;
}

.marginLeft20 {
	margin-left: 20px;
}

.marginBottom5 {
	margin-bottom: 5px;
}

.warenkorb-box input {
	background-color: transparent;
	border: medium none;
	color: #FFFFFF;
	cursor: pointer;
	display: inline-block;
	font: bold 0.9em Arial,Verdana,sans-serif;
	top: 0.75em;
	width: auto;
}

cite {
	font-style: italic;
}

/**************/
/* Start Page */
/**************/
.product-title-alternation
{
	color: #000000;
}

#marginal_l .product-advertisement,
#marginal_r .product-advertisement
{
	border-color:  #000000;
	border-style:  solid;
	border-width:  1px;
	margin-bottom: 20px;
	padding-top:   0;
}

#marginal_l .product-advertisement li
{
	list-style-image:    none;
	list-style-type:     decimal;
	list-style-position: inside;
}

#marginal_l .product-advertisement-content,
#marginal_r .product-advertisement-content
{
	padding-bottom: 3px;
	padding-left:   3px;
	padding-right:  3px;
	padding-top:    3px;
}

#marginal_l .product-advertisement-content p,
#marginal_r .product-advertisement-content p
{
	color: #666666;
}

#marginal_l .product-advertisement-image
{
	text-align: center;
}

#marginal_l .product-advertisement-link,
#marginal_r .product-advertisement-link
{
	font-weight: bold;
}

#marginal_l .product-advertisement-title,
#marginal_r .product-advertisement-title
{
	background-color: #E10B17;
	color:            #FFFFFF;
	padding-bottom:   8px;
	padding-left:     8px;
	padding-right:    8px;
	padding-top:      8px;
}

#marginal_r .product-advertisement
{
	width: 185px;
}

#productlist
{
	margin-top: 20px;
}

#productlist .productimg
{
	float:         left;
	margin-bottom: 0;
	margin-left:   0;
	margin-right:  0;
	margin-top:    0;
	width:         145px;
}

#productlist .productinfo
{
	float: left;
	width: 300px;
}

#productlist .productinfo h2,
#productlist .productinfo p
{
	padding-left:  0;
	padding-right: 0;
}

#productlist .productprice
{
	float: left;
	width: 96px;
}

#productlist .productprice a
{
	color:           #FFFFFF;
	display:         block;
	font-weight:     bold;
	padding-bottom:  5px;
	padding-left:    8px;
	padding-right:   8px;
	padding-top:     5px;
	text-decoration: none;
}

#productlist .productprice .price
{
	margin-bottom: 20px;
	margin-left:   0;
	margin-right:  0;
	margin-top:    10px;
}

#productlist .productrow
{
	float:         left;
	margin-bottom: 10px;
}

/* Support
------------------------------------------------------------ */
#supportContent .formGroup td { border: none; }

#supportContent .formGroup { width: 530px; margin-left: 10px; }

#supportContent .customerError { margin-left: 0px; padding-top:0px; }

#supportContent input { float:left; }

#supportContent #productTypeDiv input{ float: none; }

/* Mobilgeräte
------------------------------------------------------------ */
@media screen and (max-width: 959px)
{
	header img{ width: 100%; }
	aside#marginal_l{ display: none; }
	#logout{ margin-right: 5px; }
}

@media screen and (max-width: 759px)
{
	aside{ display: none; }
}

@media screen and (max-width: 599px)
{
	.contentTwoFourth{ width: 100%; }
	#backhome{ margin-left: 10px; }	
	#benutzerbox label{width: 90px;}
	#benutzerbox .login_fields{ width: 121px;}
	#benutzerbox #loginbox{ float: left; }
	#benutzerbox #loginbox div:last-child{ clear: both;}
	#seiteninhalt h1{ font-size: 18px;}	
	#productlist .productimg{ width: 105px;}
	#productlist .productimg img{ width: 100px;}
	#supportContent .formGroup{ width: auto; }	
	#footerMiddle ul li:nth-child(2n){ display: none;}
}

@media screen and (max-width: 499px)
{
	#islogged{ width: calc(100% - 130px); }
	#productlist .productinfo{ width: auto; float: none; margin-left: 105px; }
	#productlist .productprice{  float: right; width: auto; margin: 5px 10px 0 0;  }
	#productlist .productprice .price{ margin: 0 10px 0 0; float: left; font-weight: bold; }
	#seiteninhalt .order { float: left; }
	#supportContent .formGroup{ margin: 0; border: none; }
	.form-submit{ width: auto!important; }
}

@media screen and (max-width: 359px)
{
	#benutzerbox #loginbox{ float: none; margin-left: 10px; }
	#benutzerbox .loginsub{ clear: both;}
}