/*

  main style-sheet for real browsers. not for Microsoft and Apple crap ;)
  
  www.das-schoene-system.de

*/

/* hide the site's content on print attempt and print a warning banner instead using lot's of black ink. :D */
#disableprint {display:none;}
@media print {
	a,abbr,acronym,address,applet,area,b,base,basefont,bdo,big,blockquote,br,button,caption,center,cite,code,col,colgroup,dd,del,dfn,dir,div,dl,dt,em,fieldset,font,form,frame,frameset,h1,h2,h3,h4,h5,h6,hr,i,iframe,img,input,ins,isindex,kbd,label,legend,li,link,map,menu,meta,noframes,noscript,object,ol,optgroup,option,p,param,pre,q,s,samp,select,small,span,strike,strong,sub,sup,table,tbody,td,textarea,tfoot,th,thead,title,tr,tt,u,ul,var {display:none;}
	#disableprint, #disableprint img {
		position:fixed;
		left:0; top:0;
		padding:0; margin:0;
		width:210mm; min-width:210mm; max-width:210mm;
		height:297mm; min-height:297mm; max-height:297mm;
		overflow:visible;
		z-index: 1000;
		border:0px none;
		background:#000;
		color:#000;
		display:block !important;
	}
}

html, body {
	color: #c0c0c0;
	font-size: 9pt;
	font-family: "Lucida Console", monospace;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	line-height: 11pt;
	background: url(/blog/wp-content/themes/dss/img/bricks.png) fixed center repeat #494949;
	margin: 0px;
	padding: 0px;
	margin-left: 20px;
}

#error {
	padding: 0;
	margin: 0 auto;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -120px;
	margin-left: -160px;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

#hrtop {
	border: 1px solid red;
	width: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 1000;
}

#hrbottom {
	border: 1px solid red;
	width: 100%;
	position: fixed;
	bottom: 0px;
	left: 0px;
	z-index: 1000;
}

#fb-root {display:none; width: 0px; height: 0px;} /* facebook anchor */
#whitenoise {visibility:hidden; width: 0px; height: 0px;} /* whitenoise */

#leftside {
	background: url(/blog/wp-content/themes/dss/img/leftside.png) repeat-y top left fixed transparent;
	width: 119px;
	height: 2048px;
	position: fixed;
	top: 0px;
	left: 0px;
}

#rightside {
	background: url(/blog/wp-content/themes/dss/img/rightside.png) repeat-y top right fixed transparent;
	width: 119px;
	height: 2048px;
	position: fixed;
	top: 0px;
	right: 0px;
}

/*============= global page layout =============*/
div#content {				/* content box */
	margin: 0 auto;			/* w3c compliant horizontal centering */
	text-align: left;
	width: 615px;
	height: 0px;
	overflow: visible;
	/* border: solid 1px white; */	/* for debug purposes only */
}

div#header {				/* header (logos and menu) */
	margin: 0 auto;
	padding: 0;
	background: transparent;
	overflow:hidden;
}

div#logos {				/* top row for logos */
	margin: 0 auto;
	padding: 4px 0 0 0;
	color: #c0c0c0;
	background-color: transparent; /* disable transparent background of top row (when scrolling) */
	width: 100%;
	height: 64px;
	position: fixed;
	top: 2px;
	left: 55px;
	text-align: left;
	overflow: hidden;
	z-index: 1;
}

div#center_fixed_logos {		/* the actual logos */
	position: relative;
	bottom: 5px;
	right: 40px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	width: 615px;
	background: #494949 url(/blog/wp-content/themes/dss/img/bricks.png) fixed repeat;
}

div#contact {				/* contact box */
	display: none;
	padding: 0;
	color: #c0c0c0;
	background-color: #7f7f7f;
	width: 360px;
	height: 180px;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -180px;
	margin-top: -90px;
	text-align: left;
	z-index: 3;
}
/*============= global page layout =============*/

/*============= centered image overlay class =============*/
/*
	obsolete! use slimbox addon instead.
*/
#image_dim_bg {				/* 50% alpha-blended black background */
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: black;
	overflow: hidden;
	z-index: 2;			/* on top of content */
	position: fixed;
	text-align: center;
	display: none;
	opacity: .75;
}

.image_center {				/* centered images inside dim_bg box */
	width: 100%;
	height: 0px;
	top: 10%;
	left: 0px;
	overflow: visible;
	z-index: 3;			/*  on top of everything else */
	position: fixed;
	text-align: center;
	margin: 0 auto;
	display: none;
}
/*============= centered image overlay class =============*/

/*============= box with contact information =============*/
.box_head {
	font-variant: small-caps;
	font-size: 9pt;
	font-family: sans-serif;
	font-weight: bolder;
	color: #c0c0c0;
	line-height: 11pt;
	border: 2px solid #252525;
	padding: 8px 0px 8px 8px;
	background-color: #7f7f7f;
	width: 360px;
}

.box_body {
	color: #c0c0c0;
	font-size: 8pt;
	font-family: "Lucida Console", monospace;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	line-height: 9pt;
	border: 2px solid #252525;
	padding: 8px 0px 8px 8px;
	background-color: #7f7f7f;
	width: 360px;
	height: 125px;
}
/*============= box with contact information =============*/

/*============= top row on download page =============*/
#note {
	position: relative;
	bottom: 43px;
	left: 177px;			/* use 280px with large dss-logo */
	text-align: left;
	color: red;
	background-color: transparent;
	font-family: "Lucida Console", monospace;
	font-size: 9pt;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	line-height: 10pt;
	text-decoration: none;
	white-space: nowrap;
	visibility: inherit;
}

.welle {				/* ascii wave */
	color: white; /* #5F5F5F; */
	background-color: transparent;
}

#cube {					/* rotating cube */
	position: absolute;
	top: 5px;
	right: 10px;
	z-index: 2;
	border: 0px none;
}
/*============= top row on download page =============*/


/*============= topic formatting on download page =============*/
.topic {
	background-color: #494949;
	height: 20px;
	line-height: 20px;
	width: 600px;
	font-size: 10pt;
	font-variant: small-caps;
	font-family: sans-serif;
	font-weight: bold;
	color: white;
	text-decoration: none;
	padding-left: 5px;
}

.subtopic {
	background-color: #252525;
	color: white;
	height: 20px;
	line-height: 20px;
	width: 590px;
	font-size: 10pt;
	font-variant: small-caps;
	font-family: sans-serif;
	font-weight: bold;
	text-decoration: none;
	padding-left: 15px;
}

.textandstuff {
	margin-left: 15px;
}
.smallbreak {
	line-height: 8px;
}
/*============= topic formatting on download page =============*/


/*============= links formatting =============*/
a:link {
	color: white;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	background-color: transparent;
	border: 0px none;
}

a:visited {
	color: white;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	background-color: transparent;
	border: 0px none;
}

a:hover {
	color: black;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	background-color: white;
	border: 0px none;
}

a:active {
	color: red;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	background-color: transparent;
	border: 0px none;
}

a img:hover {
	color: white;
	background-color: transparent;
	text-decoration: none;
	border: 0px none;
}

.textlink {
	border-bottom: 1px dotted red;
	cursor: pointer;
	color: white;
	background-color: transparent;
}

.textlink:hover {
	background-color: white;
	color: black;
	border: 0px none;
}

a.textlink {
	border-bottom: 1px dotted red;
	cursor: pointer;
	color: white;
	background-color: transparent;
}

a.textlink:hover {
	background-color: white;
	color: black;
	border: 0px none;
}

.islink {
	cursor: pointer;
}

.noborder {
	border: 0px none;
}
/*============= links formatting =============*/

/*================ index.html ================*/
#menu {
	font-variant: small-caps;
	font-size: 9pt;
	font-family: sans-serif;
	font-weight: bolder;
	background-color: #9f9f9f;
	color: #000;
	opacity: .95;
	width: 306px;		/* minimum width required for buzzword */
	height: 90px;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -153px;
	margin-top: -45px;
	padding-top: 8px;
	border: 2px solid #0f0f0f;
	text-align: center;
}

#photo {
	margin-right: 5px;
}

#mail {
	font-variant: small-caps;
	font-size: 9pt;
	font-family: sans-serif;
	font-weight: bolder;
	color: #c0c0c0;
	line-height: 11pt;
	margin-top: -35px;
	max-width: 95px;
}

#maillink {
	margin-left: 40px;
}

/*================ index.html ================*/

/*============= download calculator =============*/
#downloadcalculator {
	position: fixed;
	top: 80px;
	left: 300px;
	display: none;
	background: #252525;
	height: 218px;
	width: 393px;
	z-index: 3;
}

.tabelle {
	padding: 0;
	margin: 0;
	border: 1px solid #808080;
}

.button {
	border: 1px solid #c0c0c0;
	padding: 3px;
	position: relative;
	left: 290px;
}
.button:hover {
	color: black;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	background-color: white;
	border: 0px none;
	cursor: pointer;
}

.button:active {
	color: red;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	background-color: transparent;
	border: 1px solid #252525;
}

tr {
	text-align: center;
}

td {
	width: 60px;
}

input {
	cursor: default;
}

input.softinput {
	background-color: transparent;
	color: #c0c0c0;
	text-align: right;
	border: 1px solid #808080;
	cursor: text;
}

input.softinput[readonly] {
	cursor: default;
}

input.softbutton {
	cursor: pointer;
}

#errorMsgTable {
	display: none;
	margin: 0px;
	padding: 10px;
	border: 0px;
	position: absolute;
	left: 10px;
	top: 20px;
}

#errorMsg {
	margin: 0px;
	padding: 10px;
	font-family: "Lucida Console", monospace;;
	font-size: 85%;
	background-color: #353634;
	color: #c0c0c0;
	border: 2px solid #252525;
	text-align: left;
}

#errorMsg h1 {
	margin: 0px;
	padding: 0px;
	border: 0px;
	font-size: 100%;
	color: white;
	background-color: #353634;
}
/*============= download calculator =============*/