@charset "UTF-8";

/***********/
/* General */
/***********/
#send
{
	float: right;
}

#download-close
{
	cursor:   pointer;
	padding:  20px;
	position: absolute;
	right:    0;
	top:      0;
}

#download-dialog
{
	background-color: #FFFFFF;
	box-shadow:       0 0 30px -5px #000000;
	display:          none;
	padding:          50px 40px 40px;
	width:            600px;
}

#download-dialog .download-action
{
	background:      #98CB00;
	background:      -moz-linear-gradient(top, #98CB00 0%, #80B300 100%);
	background:      -webkit-gradient(linear, left top, left bottom, color-stop(0, #98CB00), color-stop(100%, #80B300));
	background:      -webkit-linear-gradient(top, #98CB00 0, #80B300 100%);
	background:      -o-linear-gradient(top, #98CB00 0, #80B300 100%);
	background:      -ms-linear-gradient(top, #98CB00 0, #80B300 100%);
	background:      linear-gradient(to bottom, #98CB00 0, #80B300 100%);
	border-color:    #80B300;
	border-radius:   3px;
	border-style:    solid;
	border-width:    1px;
	color:           #FFFFFF;
	display:         inline-block;
	filter:          progid:DXImageTransform.Microsoft.gradient(startColorstr = "#98CB00", endColorstr = "#80B300", GradientType=0);
	float:           none;
	font-size:       16px;
	padding:         14px 20px;
	text-decoration: none;
	width:           auto;
}

#download-dialog .email
{
	background-color: #EEEEEE;
	border-color:     #999999;
	border-style:     solid;
	border-radius:    3px;
	border-width:     1px;
	color:            #999999;
	float:            none;
	font-size:        16px;
	height:           48px;
	line-height:      50px;
	margin-right:     10px;
	padding:          0 20px;
	vertical-align:   baseline;
	width:            400px;
}

#download-dialog h3
{
	color:       #104173;
	font-size:   24px;
	line-height: 27px;
}

#download-dialog p
{
	color:         #262626;
	font-size:     16px;
	line-height:   24px;
	margin-bottom: 1em;
}

#download-form .errorMsg,
#send-form .errorMsg
{
	background:   url("/pictures/global/errorHint.gif") no-repeat scroll left 2px transparent;
	color:        #FF0000;
	float:        left;
	font:         12px/1.5em Arial, Verdana, sans-serif;
	margin:       10px 0 0px 125px;
	padding-left: 20px;
}

#download-form .customerError,
#send-form .customerError
{
	display: none;
}

#download-form input,
#send-form input,
#send-form textarea
{
	font: inherit;
}

#download-terms p
{
	font-size:   9px;
	line-height: 12px;
	margin-top:  10px;
}

#download-overlay,
#send-overlay
{
	background-color: #000000;
}

#send-dialog
{
	background-color: #FFFFFF;
	border-radius:    7px;
	display:          none;
	padding:          10px;
	width:            450px;
}

#send-dialog p
{
	margin-top: 1em;
	overflow:   hidden;
}

#send-dialog #send-terms p
{
	font-size: 10px;
}

#send-form label
{
	float:       left;
	font-weight: bold;
}

#send-form textarea
{
	height: 150px;
	width:  99%;
}

#topicblockPic a span
{
	 display: none;
}

.bookmark,
.vote,
.close
{
	cursor: pointer;
}

.close
{
	float: right;
}

.email
{
	float: right;
	width: 275px;
}

.iframe-container
{
	text-align: left;
}

body,
p
{
    color: #000000;
}

iframe
{
	border: none;
}

q
{
	quotes: "»" "«";
}

q:before
{ 
	content:        open-quote;
	vertical-align: 1px;
}

q:after
{
	content:        close-quote;
	vertical-align: 1px;
}

/***********/
/* Preview */
/***********/
#articleOrderLoginForm .buttonOrange .noimg
{
    margin-right: 32px;
}

#articlePaymentBox
{
	padding: 0 13px 15px 20px;
	width:   201px;
}

#articlePreview ul
{
	list-style:  disc;
	margin-left: 0px;
}

#articlePreview li
{
	margin-left: 14px;
}

#articlePriceBox .wknTitle,
#articlePriceBox .priceBox
{
	width: 200px;
}

#articleStatus
{
	margin-top: 20px;
}

#login-form
{
	display: none;
	margin:  10px 0 0 20px;
}

#login-form p
{
	margin: 0 0 0 5px;
}

#mainContent h1
{
	color: #262626;
	font:  bold 31px/31px Arial, Verdana, sans-serif;
}

#payment-type
{
	margin-bottom: 15px;
	margin-left:   5px;
}

#sectionIndexPreview
{
	font-weight: bold;
}

#sectionIndexPreview ul
{
	font-weight: normal;
	list-style:  none;
	margin-left: 10px;
}

#sectionIndex h2
{
	border:         none;
	color:          #262626;
	font:           bold 14px/20px Arial, Verdana, sans-serif;
	text-transform: none;
}

#sectionIndexPreview ul li ul
{
	margin-left: 10px;
}

#sectionIndexPreview li
{
	margin-top: 10px;
}

#sectionIndexPreview ul li
{
	margin-top: 2px;
}

.articleInfos
{
	list-style:  none !important;
	margin-left: 0 !important;
}

.articleInfos img
{
	margin-right: 3px;
}

.authentication
{
    margin: 2px 0;
    width:  150px;
}

.description
{
    width: 20px;
}

.errorBox
{
	background-color:    #FFFFCC;
	background-position: 5px 5px;
	background-repeat:   no-repeat;
	border:              2px solid #FF0000;
	display:			 block;
	font-size:           8pt;
	font-weight:         bold;
	margin:              5px;
	padding:             5px 5px 5px 30px;
}

.number
{
	color: #000000;
}

.options
{
	list-style: none;
}

.options li
{
	float:  left;
	margin: 2px 0 0 10px;
}

.payment
{
	margin-top: 30px;
}

.payment input
{
	margin: -2px 0 0 0;
}

.social li
{
	margin-left: 0;
}

.ui-accordion .ui-accordion-header
{
	background-color: #FAFBFC;
	border-top:       1px solid #E5EAF0;
	cursor:           pointer;
	padding:          10px 0 10px 0;
}

.ui-accordion .ui-state-active
{
	background-color: transparent;
}

.ui-accordion-content
{
	margin: 0 0 10px 30px;
}

.ui-accordion-content ul
{
	color:      #5B5B5B;
	font:       normal 12px/20px Arial, Verdana, sans-serif;
	list-style: none;
	margin:     0;
}

.ui-accordion-content ul li
{
	margin: 0 0 6px 28px;
}

.ui-accordion-content ul li ul li
{
	margin: 0 0 0 14px;
}

.ui-icon
{
	background-image: url("/pictures/article/accordion_expand.png");
	height:           14px;
	left:             25px;
	margin:           2px 0 0 3px;
	position:         absolute;
	width:            14px;
}

.ui-state-active .ui-icon
{
	background-image: url("/pictures/article/accordion_collapse.png");
}

.withLogin
{
	cursor: pointer;
}

.withLogin a
{
	font-weight: normal;
}

#toShoppingcartButton
{
	clear:      both;
	margin-top: 10px;
}

#toShoppingcartButton img
{
	float:   left;
	padding: 4px 4px 0 0;
}

#toShoppingcartButton a
{
	line-height: 0.8;
}

#ownLogoImg
{
	width: 220px;
}

#ownLogoImg .imageBoxWithLogo
{
	float:   left;
    height:  230px;
    margin:  0;
    padding: 0;
    width:   230px;
}

#ownLogoImg #myLogo
{
	margin: 45px 0 0 130px;
}

#ownLogoForm
{
	width: 480px;
}

#ownLogoForm ul
{	
	padding: 0 0 10px 55px;
}

#ownLogoForm li
{
	list-style-type: disc;
}

#ownLogoForm .textInput
{
	width: 99%;
}

#ownLogoForm .formGroup
{
	width:  420px;
	border: 1px solid #D3D3D3;
	margin: 10px 0;
}

#ownLogoForm .formDesc
{
	font-size:      16px;
	font-weight:    bold;
	padding-bottom: 10px;
}
	
.onwLogoTable td
{
	border: none !important;
}

.onwLogoTable .line
{
	height:           1px;
	background-color: #D3D3D3;
	width:            100%;
}

.onwLogoTable label
{
	width: 90px;
}

.onwLogoTable textarea
{
	width: 300px;
}

.onwLogoTable .optional
{
	font-weight: normal;
}

.onwLogoTable .column1 label
{
	text-align: right;
}

.onwLogoTable .colCaptcha .captcha-content
{
	float: right;
}

.onwLogoTable .customerError
{
    background:   url("/pictures/global/errorHint.gif") no-repeat scroll left 3px transparent;
    margin-left:  0;
    padding-left: 20px;
    width: 		  99%;
    clear:        both;
    color:        #FF0000;
    font:         12px/1.5em Arial, Verdana, sans-serif;
}

.onwLogoTable input.customerError
{
	background: transparent;
}

.captcha-content
{
	margin-bottom: 10px;
}

.captcha-content label
{
	width: 130px;
}

/************/
/* Headline */
/************/
#articleContent h1
{
    font-size:   26px;
    font-weight: bold;
    margin:      0 0 10px;
}

#articleContent h2,
#articleContent h3,
#articleContent h4,
#articleContent h5,
#articleContent h6,
#articleContent .headline
{
    margin: 20px 0 10px;
}

#articleContent h2
{
    font:        22px/26px Arial, Verdana, sans-serif;
    font-weight: normal;
    padding:     0;
}

#articleContent > h2
{
    margin-top: 0;
}

#articleContent h3
{
    font-size:   18px;
    font-weight: normal;
}

#articleContent h4,
#articleContent h5,
#articleContent h6,
#sidebarAlternative h2,
#sidebarAlternative h3,
.headline
{
    font-size:   14px;
    font-weight: bold;
}

#articleContent img
{
	max-width: 100%;
}

#sidebarAlternative h2,
#sidebarAlternative h3,
#sidebarAlternative .headline
{
	padding: 0;
}

.cell
{
	margin: 0 0 10px;
}

.index
{
    float: left;
}

.section-headline
{
    color: #1355A4;
}

.title
{
    display:     block;
    margin-left: 50px;
}

h1
{
	color: #262626;
	font:  bold 24px/30px Arial, Verdana, sans-serif;
}

/* Sonderfall für Beiträge */
h1.article
{
	color: #1355A4;
}

h1,
h2,
h3,
h4,
h5,
h6
{
    border:         none;
    text-transform: none;
}

h2,
h3,
h4,
h5,
h6
{
    color: #666666;
}

/******************/
/* Auszeichnungen */
/******************/
.unterstrichen
{
    text-decoration: underline;
}

em
{
    color: #333333;
}

/******************/
/* Lexikoneintrag */
/******************/
.lexikoneintrag
{
    margin: 20px 0;
}

.lexikoneintrag .lexicon-headline
{
    border-bottom: 2px solid #1355A4;
    border-top:    2px solid #1355A4;
    padding:       3px 0;
}

.lexikoneintrag h1,
.lexikoneintrag h2,
.lexikoneintrag h3,
.lexikoneintrag h4,
.lexikoneintrag h5,
.lexikoneintrag h6
{
    color:       #1355A4;
    font-size:   14px;
    font-weight: bold;
}

/**************/
/* List Items */
/**************/
#articleContent #index .index
{
    float: none;
}

#articleContent #index .index,
#articleContent #index .title
{
    display: table-cell;
}

#articleContent #index .title
{
    margin: 0;
}

#articleContent #index a
{
	font-weight: normal;
}

#articleContent #index h2,
#articleContent #index h3,
#articleContent #index h4
{
	font:        12px/1.5em Arial, Verdana, sans-serif;
	font-weight: normal;
	margin:      5px 0 5px 0;
}

#articleContent #index h2 .index
{
    width: 20px;
}

#articleContent #index h3 .index
{
    width: 25px;
}

#articleContent #index h4 .index
{
    width: 35px;
}

#articleContent #index li
{
    margin-left:      0;
    list-style-type:  none;
    list-style-image: none;
}

#articleContent #index li li
{
    margin-left: 20px;
}

#articleContent #index li li li
{
    margin-left: 25px;
}

#articleContent #index ul
{
	margin: 0;
}

#articleContent li
{
    display:     list-item;
    margin-left: 14px;
}

#articleContent ol,
#articleContent ul
{
    margin-bottom: 20px;
}

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

#articleContent ol li
{
    display: list-item;
}

#articleContent ol > li:before
{
    content:           counter(level1) ". ";
    counter-increment: level1;
    display:           block;
    float:             left;
    width:             12px;
}

#articleContent ol > li > ol
{
    counter-reset:   level2;
    list-style-type: none;
}

#articleContent ol > li > ol > li:before
{
    content:           counter(level1) "." counter(level2) " ";
    counter-increment: level2;
    display:           block;
    float:             left;
    width:             23px;
}

#articleContent ol > li > ol > li > ol
{
    counter-reset:   level3;
    list-style-type: none;
}

#articleContent ol > li > ol > li > ol > li:before
{
    content:           counter(level1) "." counter(level2) "." counter(level3) " ";
    counter-increment: level3;
    display:           block;
    float:             left;
    width:             30px;
}

#articleContent ol li ol p
{
    padding-left: 24px;
}

#articleContent ol li ol li ol p
{
    padding-left: 32px;
}

#articleContent ol li ul li,
#articleContent ul li ul li 
{
    display:          list-item;
    list-style-image: url("/pictures/article/hyphen.png");
    margin-left:      21px;
}

#articleContent ol p
{
    display:      block;
    padding-left: 18px;
}

#articleContent ol
{
    list-style-type: none;
    counter-reset:   level1;
}

/******************/
/* Sub-Navigation */
/******************/
.next
{
    background-image:    url("/pictures/global/arrow-right.png");
    background-position: right;
    background-repeat:   no-repeat;
    padding-right:       20px;
    text-align:          right;
}

.page-navigation
{
    width: 100%;
}

.page-navigation td
{
	vertical-align: middle;
    width:          50%;
}

.previous
{
    background-image:    url("/pictures/global/arrow-left.png");
    background-position: left;
    background-repeat:   no-repeat;
    padding-left:        20px;
    text-align:          left;
}

.subnav
{
    border-bottom: 1px dotted #DDDDDD;
    border-top:    1px dotted #DDDDDD;
    margin:        20px 0;
    overflow:      hidden:
    padding:       5px 0;
}

.subnav a
{
    color: #666666;
    font:  11px/1.5em Arial, Verdana, sans-serif;
}

/*******/
/* TOC */
/*******/
#section-index
{
    background-color: #DEEAF5;
    border:           1px solid #CCCCCC;
    border-radius:    7px;
    padding:          15px 0 15px 0;
}

#section-index #complete
{
    display:   block;
    float:     right;
	font-size: 0.9em;
	margin:    0 15px 0 0;
}

#section-index #complete,
#section-index .header h3
{
    color: #1355A4;
}

#section-index .header
{
    border-bottom: 1px solid #CCCCCC;
    margin:        0 0 10px 0;
    overflow:      auto;
    padding:       0 0 10px 0;
}

#section-index .header a:hover
{
    text-decoration: underline;
}

#section-index .header h3
{
    float:   left;
    margin:  -5px 0px 0;
	padding: 0 18px 0;
	width:   125px;
}

#section-index .selectedArticle
{
    color:  #000000;
    font:   bold 15px Arial, Verdana, sans-serif;
    margin: 10px 0;
}

#section-index li
{
	margin-left: 10px;
}

#section-index li:before
{
	content:           counters(section, ".") " ";
	counter-increment: section;
}

#section-index ul
{
	counter-reset: section;
}

.jstree-container-ul
{
	margin:          0;
	padding:         0;
	list-style-type: none;
	font-size:       12px;
}

.jstree-node
{
	color:       #666666;
	font:        1em/1.1em Arial, Verdana, sans-serif;
	line-height: 18px;
	margin:      5px 10px;
	min-height:  18px;
}

.jstree-node a
{
	font-weight:     normal;
	padding:         1px 2px;
	text-decoration: none;
}

.jstree-node .index
{
	display: block;
}

.jstree-node .title
{
	margin-left: 35px;
}

/********/
/* Meta */
/********/
.meta .options li
{
    float:  left;
    margin: 2px 0 0 10px;
}

/*********/
/* Image */
/*********/
.copyrightNotice
{
    float:        right;
    padding-left: 5px;
}

.captionText
{
    float:         left;
    padding-right: 5px;
    width:         185px;
}

.imageCaption
{
    font:   11px/1.5em Arial, Verdana, sans-serif;
    margin: 10px 0;
}

/***********/
/* Service */
/***********/
#service
{
    overflow: hidden;
}

#service h2
{
    color:  #1355A4;
    margin: 0 0 8px 5px;
}

/**********/
/* Search */
/**********/
#articleSearchInput
{
	font-weight: bold;
}

#clear-input
{
    background: #FFFFFF url("/pictures/global/close-button.png") no-repeat center center;
    border:     none;
    width:      20px;
}

#clear-input:hover
{
    background-image: url("/pictures/global/close-button-hover.png");
}

#clear-input,
#result-counter,
#result-meta
{
	height:         20px;
	line-height:    20px;
	vertical-align: middle;
}

#connector
{
    display: none;
    height:  18px;
    margin:  0 0 -1px 222px;
    z-index: 1;
}

#next-result
{
    float:         right;
    padding-right: 5px;
    text-align:    right;
}

#next-result,
#previous-result 
{
	height:  27px;
	padding: 3px 0;
	width:   115px;
}

#next-result a,
#previous-result a,
#result-navigation  
{
	display: none;
}

#next-result img,
#previous-result span  
{
    float: right;
}

#next-result span,
#previous-result img 
{
	float: left;
}

#previous-result
{
	float:        left;
	padding-left: 5px;
	text-align:   left;
}

#result-counter
{
	color:          #999999;
	display:        none;
	font-size:      11px;
	font-style:     italic;
	text-align:     right;
	vertical-align: middle;
}

#result-meta
{
	float:         right;
    margin-top:    -25px;
    padding-right: 65px;
}

#result-navigation
{
	background-color: #FFFFFF;
	border-bottom:    1px solid #CCCCCC;
	border-top:       1px solid #CCCCCC;
	height:           33px;
	margin:           0 -10px;
	overflow:         auto;
}

#result-navigation a
{
	text-decoration: none;
}

#result-navigation img,
#result-navigation span
{
	display:        block;
	line-height:    27px;
	vertical-align: middle;
}

.current-term.term
{
	background-color: #1355A4;
	border:           1px solid #000000;
	border-radius:    3px;
	color:            #FFFFFF;
}

.term
{
    background-color: #FFFF00;
    font-style:       normal;
    font-weight:      normal;
}

/***********************/
/* Drucken & Speichern */
/***********************/
#printandsave
{
    overflow: hidden;
}

#printandsave h2
{
    color:  #1355A4;
    margin: 0 0 8px 5px;
}

#printandsave ul
{
    color: #666666;
    font:  normal 11px Arial, Verdana, sans-serif;
}

#printandsave ul li
{
    margin: 10px 0 10px 0;
}

/**********/
/* Rating */
/**********/
#metaRating
{
    overflow: hidden;
}

#metaRating #averageRating
{
    clear:  both;
    margin: 0 0 0 15px;
}

#metaRating #star
{
	float:  left;
	margin: 15px 10px 0 15px;
}

#metaRating #votingCounter
{
    margin: 12px 0 0 0px;
    color:  #CCCCCC;
    font:   normal 24px Arial, Verdana, sans-serif;    
}

#metaRating h2
{
    color:  #1355A4;
    margin: 0 0 8px 5px;
}

#metaRating p
{
    display: inline;
}

/**********/
/* Notice */
/**********/
.notice
{
    position: absolute;
}

.notice-reference
{
    text-decoration: none;
    cursor:          default;
}

.notice,
.remark
{
    background-color: #FFFFFF;
    border:           1px solid #CCCCCC;
    padding:          5px 5px 0;
    text-align:       left;
}

/********/
/* News */
/********/
#all-news
{
	border-bottom: 1px solid #CCCCCC;
	border-top:    1px solid #CCCCCC;
	font-size:     14px;
	line-height:   2em;
}

#all-news a
{
	background:    transparent url("/pictures/topicblock/list-symbol.png") no-repeat center left;
	font-weight:   bold;
	padding-left:  15px;
}

#articleContent #publication-date
{
    float:  left;
    margin: 0;
}

#articleContent #publication-date time
{
    font-weight: bold;
}

#more-news
{
	margin-top: 1em;
}

#more-news h1
{
	font-size:   14px;
	line-height: 1.5em;
}

#more-news > h1
{
	border-bottom: 1px solid #CCCCCC;
}

/*********/
/* Table */
/*********/
#articleContent .cellborderbottom,
#articleContent .cellborderrightbottom,
table[frame = "below"],
table[frame = "hsides"]  
{
    border-bottom-style: solid;
}

#articleContent .cellborderright,
#articleContent .cellborderrightbottom,
table[frame = "rhs"],
table[frame = "vsides"]
{
    border-right-style: solid;
}

#articleContent table
{
    border-collapse: collapse;
    float:           none;
    margin:          5px 0 25px 0;
}

#articleContent table,
#articleContent td,
#articleContent th
{
    border-color: #CCCCCC;
    border-width: 1px;
}

#articleContent table p
{
    margin: 0;
}

#articleContent td,
#articleContent th 
{
    height:  1em;
    padding-bottom: 0 2px;
    padding-left: 0 2px;
    padding-right: 0 2px;
    padding-top: 0 2px;
}

table[align = "center"],
table[align = "left"]
{
    margin-right: auto;
}

table[align = "center"],
table[align = "right"]
{
    margin-left: auto;
}

table[align = "left"]
{
    margin-left: 0;
}

table[align = "right"]
{
    margin-right: 0;
}

table[frame = "above"],
table[frame = "hsides"] 
{
    border-top-style: solid;
}

table[frame = "border"],
table[frame = "box"]
{
    border-style: solid;
}

table[frame = "lhs"],
table[frame = "vsides"] 
{
    border-left-style: solid;
}

table[frame = "void"]
{
    border-style: none;
}

table[rules = "all"] tbody tr:first-child td,
table[rules = "all"] thead tr:first-child th,
table[rules = "rows"] tbody tr:first-child td,
table[rules = "rows"] thead tr:first-child th
{
    border-top-style: none;
}

table[rules = "all"] td,
table[rules = "all"] th,
table[rules = "cols"] td,
table[rules = "cols"] th
{
    border-left-style: solid;
}

table[rules = "all"] td,
table[rules = "all"] th,
table[rules = "groups"] tbody tr:first-child td,
table[rules = "groups"] tfoot tr:first-child td,
table[rules = "rows"] td
{
    border-top-style: solid;
}

table[rules = "all"] thead th,
table[rules = "rows"] thead th
{
    border-bottom-style: solid;
}

table[rules = "all"] tr td:first-child,
table[rules = "all"] tr th:first-child,
table[rules = "cols"] tr td:first-child,
table[rules = "cols"] tr th:first-child
{
    border-left-style: none;
}

table[rules = "none"] td,
table[rules = "none"] th
{
    border-style: none;
}

/***************/
/* Symbolebene */
/***************/
.symbolebene1 h2,
.symbolebene1 h3,
.symbolebene1 h4,
.symbolebene1 h5,
.symbolebene1 h6,
.symbolebene2 h2,
.symbolebene2 h3,
.symbolebene2 h4,
.symbolebene2 h5,
.symbolebene2 h6
{
    background-repeat: no-repeat;
    color:             #1355A4;
    font-size:         14px;
    margin:            10px 0 6px;
    padding-left:      50px;
}

.symbolebene1 h2,
.symbolebene1 h3,
.symbolebene1 h4,
.symbolebene1 h5,
.symbolebene1 h6
{
    background-image:    url("/pictures/article/doppelstrich.png");
    background-position: 0 10px;
    font-weight:         bold;
}

#articleContent .symbolebene2 h2,
#articleContent .symbolebene2 h3,
#articleContent .symbolebene2 h4,
#articleContent .symbolebene2 h5,
#articleContent .symbolebene2 h6
{
    background-image:    url("/pictures/article/einzelstrich.png");
    background-position: 0 8px;
    font-weight:         normal;
}

/*******/
/* Tip */
/*******/
.tip
{
    background:    #F7F7F7 url("/pictures/article/icon_achtung.png") 12px 8px no-repeat;
    border:        1px solid #CCCCCC;
    border-radius: 7px;
    margin:        20px 0;
    min-height:    60px;
    padding:       8px 15px 1px 50px;
}

/***********/
/* Example */
/***********/
#articleContent .example h5
{
	background:  none;
	color:       #333333;
	font-size:   12px;
    font-style:  normal;
    font-weight: bold;
	margin: 	 0 0 8px 0;
    padding:     0;
}

.example
{
    background: transparent url("/pictures/article/doppelpfeil.png") 8px 2px no-repeat;
    margin:     20px 0;
    min-height: 60px;
    padding:    0 15px 1px 50px;
}

/*************/
/* Übersicht */
/*************/
#articleContent .uebersicht .headline
{
    margin-top: 0;
}

.uebersicht
{
    background-color: #F7F7F7;
    border:           1px solid #CCCCCC;
    border-radius:    7px;
    margin:           20px 0;
    padding:          9px 15px 1px 15px;
}

/****************/
/* Introduction */
/****************/
.btext,
.Einführung,
.Vorwort,
.Zusammenfassung
{
    margin-bottom: 20px;
}

/*****************/
/* Advertisement */
/*****************/
#content-advertisement
{
	float:  left;
	margin: 4px 1em 4px 0;
}

#cross-navigation
{
	margin-top: 1em;
	overflow:   hidden;
	width:      100%;
}

#cross-navigation div
{
	background-color: #E5EAEE;
	float:            right;
	padding:          10px;
	width:            280px;
}

#cross-navigation h1
{
	font-size:   14px;
	line-height: 1em;
	margin:      0 0 1em;
}

#cross-navigation ul
{
	list-style-image:    url("/pictures/topicblock/list-symbol.png");
	list-style-position: outside;
	list-style-type:     square;
	padding-left:        16px;
}

#cross-navigation ul + h1
{
	margin-top: 1em;
}

#footer-advertisement
{
	float: left;
}

.advertisement
{
	border:        1px solid #E5EAEE;
	border-radius: 4px;
	box-shadow:    0 2px #E5EAEE;
	height:        250px;
	margin:        0;
	padding:       3px;
	width:         300px;
}

/**
* Responsive
*/
@media screen and (max-width: 959px)
{
	#productDescription,
	#sectionIndex
	{
		width: 100%;
	}
}

@media screen and (max-width: 639px)
{
	#productDescription
	{
		width: 100%;
	}
	
	#cross-navigation div,
	#footer-advertisement
	{
		float: none;
	}
}

@media screen and (max-width: 479px)
{
	
	#mainContent h1
	{
		font: normal 16px/18px Arial,Verdana,sans-serif;
	}
	
	.descriptionContent h3
	{
		font-size: 16px!important;
		line-height: 18px!important;
	}
	
	.subnav
	{
		display: none;
	}
	
	#variantDownloadDetails{ display: none;}
	
	#articlePaymentBox
	{
		padding: 0 13px 15px 0;
		width: auto;
	}
	
	#login-form p
	{
		clear: both;
	}
	
	#articlePaymentBox #login-button
	{
		margin-left: 46%;
	}
	
	#ownLogoForm
	{
		width: auto;
	}
	
	#ownLogoImg
	{
		padding: 0 0 10px 0!important;
	}
	
	#ownLogoForm ul { padding-left: 15px; }
	
	#ownLogoForm .formGroup
	{
		border: none;
		padding: 15px 0;
		width: auto;
		border-top: 1px solid #D3D3D3;
	}
	
	.descriptionContent .left
	{
		padding: 25px 10px 10px 6px!important;
	}
	
	.rating-average
	{
		display: block;
	}
	
	.onwLogoTable label
	{
		width: 80px;
	}
	
	.onwLogoTable .optional
	{
		clear: left;
	}
	
	#ownLogoForm .textInput
	{
		width: 180px;
	}
	
	.onwLogoTable textarea
	{
		width: 200px;
	}
	
	.variantInfo ul { padding-left: 5px; }
	
	.payment
	{
		margin-top: 10px;
	}
}

@media screen and (max-width: 359px)
{
	
	#content-advertisement
	{
		float: none;
	}
	
	#ownLogoForm input#additionalFile
	{
	    font-size: 11px;
	}
	
	#features span{ max-width: 270px; }
}