HTML {
	height:100%;
}
BODY{background:#fff;margin:0;}

html,body{font-size:100.01%;}
// from blog:
p.indented{margin-left:16px !important;}
html,body,div,p,table,tr,td,h1,h2,h3,h4,h5,ul,pre,input,select,textarea {
	font-family:Arial, sans-serif;
	margin:0;
	padding:0;
}
h1,h2,h3{
	margin: 0 0 10px 0;
}
ul{
	list-style-type: none;
}

a{
	color: black;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

LABEL A{
	color:#C01B0F; 
}

#debug {
	position:absolute;
	padding: 2px;
	border : 1px solid red;
	top:0px;
	left:0px;
	width:300px;
	font-size:9px;
	height:140px;
	
	background-color:white;
}

#mainContent{
	font-size: 0.84em;
}

#mainContent p a, #mainContent a.crosslink{
	text-decoration:underline;
}
#mainContent p a:hover, #mainContent a:hover.crosslink, .alert{
	color:#C01B0F; /* tussy red */
}

hr {
	border: 0pt none ; 
	background-color: black; 
	height: 1px; 
	margin: 7px 0; 
	
}
hr.padded{
	padding: 0;
	margin: 7px 14px; 
	
}

img {border:0;}

form{margin:0;padding:0;}

/* @group globals */

.clear {clear:both;line-height:0px;font-size:0px;height:0px;}
.notice {width:400px;height:38px;background:#000;color:#fff;border:5px solid #000;z-index:50000;text-align: center;padding: 14px;}
.noJsMessage{position:relative;background:#000;color:#fff;border:5px solid #000;z-index:50000;text-align:center;padding:14px;margin-bottom:14px;background:white;color:black;}

#envelope #notice{
	position: relative;
	border: 5px solid #C01B0F;
	background: white;
	left: 0;
	top: 0;
	margin-bottom: 14px;
	width: auto;
	color: black;
	font-size: 2em;
	font-weight: bold;
}

.notice A{
	display: none;
}

.significant{font-weight:bold;color:#C01B0F;}
.clickable {cursor:pointer;}
.underlined{text-decoration: underline;}
a.underlined:hover{
	color:#C01B0F;
}

P.bigMargin{
	margin: 21px 0;
}

/* h1 will only be used for page headline */
h1,h2,h3,h4{color:black;font-family:Arial,Sans-serif;text-transform: uppercase;font-weight: bold;}
h1{font-size: 18px;}
/* h2 is the standard headline within texts */
h2{font-size: 14px;}
h3{font-size: 14px;}

#mainContent P {/* margin-bottom:14px;*/}
#mainContent P.p {margin-bottom:0.5em;}
#mainContent .tighter {padding-right: 20%;}

#mainContent H2.absatz {margin:1em 0 0.5em;}


.smaller{font-size: 0.85em;}



/* @end */

/* @group layout */

/* @group clearfix */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

/* @end */



#envelope{
	width: 978px; /* formerly: 981px. Had 2 widen ist up 4 the new homepage design - three even columns ... */
	margin: 28px auto 0 auto;
	background:transparent;
	position:relative;
}
#mainContent{
	clear: both;
	min-height: 520px;
	border-bottom: 7px dashed white;
	/* min-height 4 IE is set in the browser_specific ie.css file! */
}
#mainContent.bordered{
	border-bottom: 5px solid black;
}

#mainHeadBox {position:relative;}
#mainHeadBox .mainHeadBoxInner{height:108px;}

#header-txt-ad-area{height:16px;padding:16px;font-size:16px;line-height:16px;font-weight:bold;}
#header-txt-ad-area a{color:#C01B0F;}
.home-no-ad-between-header-content{height:30px;}

#homelink:hover{text-decoration: none;}
#mainHead #homelink{
	position: absolute;
	display:block;
	width: 200px;
	height: 43px;
	bottom: 0px;
	left: 21px;
	overflow:hidden;
}

.bottomBorder {border-bottom:5px solid black;}
/*the box itself has no padding anymore. Use class "padded", if you need it.*/ 
.layoutBox{
	padding:0;  
	background: transparent;
	margin-bottom: 14px;
	position:relative;
}

/* styles 2 add to layoutBox (additional) */
.bordered{border: 5px solid black;}
div.separated{border-bottom: 5px solid black;}
div.separated-left{border-left: 1px solid #666;padding-left:7px;}
div.separated-left-first{border-left: 1px solid #000;padding-left:7px;}
h1.separated,
h2.separated,
h3.separated,
p.separated
{border-bottom: 1px solid black;}
.layout-right .separated {margin-bottom:14px;padding-bottom:14px;}
.filled{background:black;color:white;}
/* filled boxes need WHITE headlines, paragraphs and divs:*/
.filled h1,
.filled h2,
.filled h3,
.filled p {/* color:white; */}
.filledWhite{background:white;color:black;}
.padded{padding:14px;}

.teaserBox {
	background: white;
	margin-bottom: 10px;
}
.teaserBox h2 {
	font-size:35px;
}

.layoutBox, .teaserBox{
	margin: 0 0 14px 0;
}

#mainContent P.marginBottom{
	margin-bottom: 8px;
}

.box-white{background:white;padding:20px;margin-bottom:20px;border: 1px solid #d6d6d6;}

.insertBox{
	margin-bottom: 10px;
}
.insertBox .toggleSwitch{
	background: #ddd url(images/master/drop_arrow_down.gif) no-repeat left center;
	padding-right: 5px;
	padding-left: 25px;
}

.insertBox .toggleWrap{
	background: #eee;
}
#mainContent .insertBox .toggleWrap P{
	padding: 5px;
	margin: 0;
}

#universal-footer{
	background:black;
	color:white;
	clear: both;
	display: block;
	margin:14px 0 0 0;
	padding:14px 0px 14px 7px;
}
#copyrightnotice{text-align:right;font-weight:bold;font-size:14px;display:block;height:14px;padding-bottom:21px;}

/* errorHandling: */
.errorExplanation{border:none;margin-left:70px;}
.errorExplanation h2 {color:#C01B0F;font-size:12px;font-weight:bold;}

.indent{
	margin-left: 70px;
}
.indentedBox{
	margin-bottom: 35px;
}
.indentedBox H2{
	border-bottom:1px solid black;
	margin-bottom: 0;
}

.indentedBox .indent{
	border-bottom:1px solid black;
	padding: 7px 0;
}
.indentedBox .indent P{
	/*width: 60%;*/
	font-weight: bold;
	margin: 3px 0;
}
.indentedBox .indent P.noWidth{
	width: auto;
}

.indentedBox .key{
	width: 69%;
}
.indentedBox .value{
	width: 30%;
}

#shopOverview .column-1 P, .accountPage .column-1 P{
	width: 40%;
}
#userImageDisplay IMG{
	float: right;
	width: 60px;
	margin-top: 3px;
}
.textvalue .key{
	width: 150px;
}
.textvalue .value{
	text-align: left;
	float: left;
	width: 150px;
}

/* @end */

/* @group buttons */

.mainButtonBar{
	clear: both;
	height: 2.1em;
}
.mainButtonBar A,
A.mainButton,
A.mainSubmitButton{
	display: block;
	padding: 3px 6px;
	color: white;
	font-weight: bold;
	font-size:15px;
	line-height:18px;
	word-spacing: 0.2em;
	text-decoration:none;
	text-transform: uppercase;
	background: #C01B0F; /* tussy red */
	float: left;
	margin-right: 7px;
}
A.smallButton{
	display: block;
	padding: 2px 6px;
	color: white;
	font-weight: bold;
	font-size:12px;
	line-height:11px;
	word-spacing: 0.2em;
	letter-spacing: 1px;
	text-decoration:none;
	text-transform: uppercase;
	background: #C01B0F; /* tussy red */
	float: left;
	margin-right: 5px;
}
A.bigButton{
	display: block;
	padding: 4px 10px 5px 10px;
	color: white;
	font-weight: bold;
	font-size:22px;
	line-height:22px;
	word-spacing: 0.2em;
	text-decoration:none;
	text-transform: uppercase;
	background: #C01B0F; /* tussy red */
	float: left;
	margin-right: 5px;
}

.bigButtonBar{
	text-align: center;
	margin: 50px 0;
	line-height: 50px;
}
.bigButtonBar A{
	float: none;
	clear: both;
	display: inline;
}



a.buttonRight{float:right;margin-left:5px;margin-right:0px;}
.mainButtonBar A:hover,
A.smallButton:hover,
A.bigButton:hover,
A.mainButton:hover,
A.mainSubmitButton:hover{
	color: #000;
	text-decoration: none;
}
.crosslink{color:black;font-size:10px;}
.crosslink:hover{text-decoration: none;color:#C01B0F; /* tussy red */}
.cancelButton{
	display: block;
	padding: 3px 6px;
	float: left;
	font-size:15px;
	text-decoration: underline;
}
.deleteBtn,
.deleteBtnLayer{
	position:absolute;
	z-index: 1000;
	top:0px;
	right:0;
	margin: 0; 
}
A.cancelButton:hover{
	color: #C01B0F;
}
A.arrowButton{
	display: block;
	padding: 0.3em 0 0.3em 30px;
	color: #0075b0;
	font: bold 1em "Arial Narrow";
	word-spacing: 0.2em;
	text-transform: uppercase;
	background: url(images/master/arrow-big.gif) no-repeat left 0.11em;
	float: left;
	margin: 0 1em 0 0;
}

A.arrowButton:hover{
	color: #00579b;
	text-decoration: none;
}

.mainButtonBar A.right, A.bigButton.right, A.smallButton.right, A.mainButton.right, A.arrowButton.right{
	float: right;
	margin: 0 0 0 1em;
}

.toggleBoxClosed .toggleWrap{
	display: none;
}
.toggleSwitch{
	cursor: pointer;
}




A.iconZoom IMG{
	background: url(images/master/icon_zoom.gif) no-repeat left top;
	border: none;
	width: 20px;
	height: 20px;
}
A.iconZoom:hover IMG{
	background: url(images/master/icon_zoom_hi.gif) no-repeat left top;
}
A.iconZoom SPAN{
	display: none;
}


/* @group socialBookmarks */


#socialBookmarks A{
	display: block;
	float: left;
	height: 16px;
	width: 16px ;
	background-position: center;
	background-repeat: no-repeat;
	padding: 0;
	margin:2px 5px 2px 0;
	border: none;
}
#socialBookmarks A SPAN{
	display: none;
}
.link-delicious{background-image: url(images/assets/socialicons/delicious.gif);}
.link-mrwong{background-image: url(images/assets/socialicons/mrwong.gif);}
.link-technorati{background-image: url(images/assets/socialicons/technorati.gif);}
.link-digg{background-image: url(images/assets/socialicons/digg.gif);}
.link-yigg{background-image: url(images/assets/socialicons/yigg.gif);}
.link-stumble-upon{background-image: url(images/assets/socialicons/stumble-upon.gif);}
/* @end */



/* @end */

/* @group tabbedList */
.bulletList{
	list-style-type: disc;
	font-size: 13px;
	padding-left: 1.4em;
}
.bulletList LI{ 
	margin-bottom: 0.3em;
}

.tabbedList B{
	display: block;
	width: 30%;
	float: left;
}
.ovList{
	font-size: 11px;
	border-bottom: 1px solid black;
	margin-bottom: 21px;
}
.ovList LI{
	clear: both;
	border-top: 1px solid black;
	padding: 4px 0 3px;
	text-align:right;
}
.ovList .smallButton{
	position: relative;
	top: -2px;
	float: right;
	margin-right: 0;
}
.ovList .key{
	width:50%;
}

/* these two classes are used in the overview pages to have left/right of key/value.
Example: New messages -----> 123 */
.key{float:left;width:60%;text-align:left;}
.value{float:right;width:39%;text-align:right;}



#userData {
	margin-left: 70px;
}

/* @end */



/* @group image sizes */

img.productThumbSmall{width:25px;height:25px;}
img.productThumbMedium{width:45px;height:45px;}
img.productThumbLarge{width:135px;height:135px;}
/* the three product image sizes have max. width, NO FIXED widths -> no width+height via css */
img.shopLogoForMargin{width:130px;}
img.userSmall{width:25px;height:25px;}
img.userMedium{width:60px;height:60px;}
img.assetThumb,
img.wizardThumb{width:134px;height:100px;}
img.windowBackground{width:778px;height:584px;}
img.windowBackgroundHome{width:436px;height:327px;}
img.windowWebshot{width:436px;height:327px;}
img.windowWebshotMargin{width:145px;height:109px;}
img.quadratic{width:290px;height:290px;}



/* @end */

/* @group indented elements 4 */

h2.indented,
.indented h2 {border-bottom:1px solid black;}
.indented p,
.indented li {border-bottom:1px solid black;padding-bottom:7px;margin:0 0 14px 70px;}
.indented a.smallButton{margin-top:7px;}
.indented-bold h2,
.indented-full h2 {border-bottom:1px solid black;margin:0 0 10px 0;}
.indented-full p,
.indented-bold p {font-weight:bold;font-size:11px;border-bottom:1px solid black;padding:0 0 10px 0;margin:0 0 10px 70px;} /* formerly value: 232px */
.indented-bold a.smallButton,
.indented-full a.smallButton{margin:14px 2px 21px 0;}



/* @end */

/* @group testing */

.hide, FORM .hide {position:absolute;margin-left:-5000px;}
.hide {/* display:none; */}

/* 4 tagCloud */
a.highlighted,
a.highlighted:hover{background:#999;color:white;padding-left:2px;padding-right:2px;text-decoration:none;}

/* @end */

/* file upload styling: */
.styledFileUploadWrapper {position:relative;width:100px;height:15px;background:url('images/localized/de/upload.gif') 0 0 no-repeat;display:block;overflow:hidden;cursor:pointer;}
.styledFileUploadWrapper .styledFileUpload{position:absolute;height:100%;width:auto;opacity:0;-moz-opacity:0;filter: alpha(opacity=0);}
/* 4 debug: */
/* .styledFileUploadWrapper .styledFileUpload{opacity:0.7;-moz-opacity:0.7;filter: alpha(opacity=70);} */

.rssInfo img {width:240px;}

/* faq development */      /*belogns into pages.css (pilot css)*/
.faq-question-overview{margin-bottom:21px;}
.faq-question-overview li,
.faq-question-overview h2 {border:none;padding:0;margin:0;}

#mainContent ul.faq-questions{
	margin:14px 0 0 0;
	line-height: 1.2em;
}
.faq-question-answer-section{}
.faq-item{margin:0 0 14px 0;padding:0 0 7px 0;}
.faq-item p{border:none;margin-left:0;}
.faq-item h2{
	border-bottom:1px solid black;
	text-transform: none;
}
.faq-item .nudgeUp{
	top: -21px;
}
.faq-item .answer{
	margin-left:70px;
	line-height: 1.4em;
	
}

/* homapage css stuff migrated 2 home.css */

#agb OL, #agb UL {margin:5px 0px 10px 0px;padding-left:32px}
#agb OL.toplevel {padding-left:inherit;list-style:none}
#agb LI {margin-top: 1px;margin-bottom:1px;}
#agb UL LI {list-style: disc;}

.functionBoxWidth{width:176px;}