/* Common Styles ============================================================ */

html,
body {
	color: #000000;
	background: #FFFFFF;
}

body {
	font-family: "times new roman", times, roman, serif;
	font-size: 10pt;
	margin: 0;
	padding: 0;
}

a {
}

a:visited {
}

a:hover {
	text-decoration: none;
}

a:visited:hover {
	text-decoration: none;
}

a.extern:before {
	content: "\21d2";
/*	content: "\2197\21d2\00A0";*/	/* \00A0 = &nbsp; */
}

abbr, acronym, .titleTip {
	border-bottom: none;
}

.center {
	text-align: center;
}

code {
	font-family: "courier new", courier, monospace;
	font-size: 110%;
}

.doNotPrint {
	display: none !important;
}

form {
	margin: 0px;
	padding: 0px;
}

img {
	border: none;
}

/*img.toLeft,
img.toRight {
	display: none;
	clear: right;
	margin: 0 1em 0.5em 1em;
	border: 1px solid #000000;
}*/

img.smiley {
	vertical-align: middle;
	margin-top: -3px;
}

input, option, select, table, textarea {
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 100%;
}

q {
	font-style: italic;
/*	Ist von der Usability her sicher besser, führt im IE6 an einigen
	Stellen jedoch zu einem horizontalen Scrollbalken. */
}

blockquote {
/*	font-style: italic;
	Ist von der Usability her sicher besser, führt im IE6 an einigen
	Stellen jedoch zu einem horizontalen Scrollbalken. */
}

[lang="de"] > * {
	quotes: "»" "«" "›" "‹";
}
[lang="de-de"] > * {
	quotes: "„" "“" "‚" "‘";
}
[lang="en"] > * {
	quotes: "“" "”" "‘" "’";
}
[lang="fr"] > * {
	quotes: "«" "»" "‹" "›";
}

q:before {
	content: open-quote;
}
q:after {
	content: close-quote;
}

.small {
	font-size: 92.5%;
	line-height: 1.5em;
}

.smaller {
	font-size: 80%;
	line-height: 1.5em;
}

.smallCaps {
	font-size: 110%;
	font-variant: small-caps;
}

sub, sup {
	font-size: 70%;
}

table, tr, th, td {
	border: none;
}
th {
	font-weight: bold;
	text-align: center;
}

/* Header =================================================================== */


#header {
	display: none;
}


/* SideBar / Menu =========================================================== */


#sideBar {
	display: none;
}



/* Title ==================================================================== */

#title {
	padding-top: 1em;
	padding-right: 1.8ex;
	padding-bottom: 0;
	padding-left: 1.8ex;
}


#title h1 {
	font-family: "trebuchet ms", verdana, helvetica, arial, sans-serif;
	font-size: 120%;
	margin: 2ex 0 1ex 0;
	padding: 0;
}



/* Content ================================================================== */

#content {
	line-height: 1.5em;
	text-align: left;
}

#content p,
#content address {
	margin: 0 0 2ex 0;
	padding: 0;
}
#content p {
	text-align: justify;
}
#content p.left {
	text-align: left;
}
#content p.center {
	text-align: center;
}
#content p.right {
	text-align: right;
}

#content p.highlight, #content span.highlight {
	font-weight: bold;
	padding: 0 0.5ex 0 0.5ex;
	border: 1px solid;
	color: #003388;
	background: #DDEEFF;
}
#content p.achtung, #content .achtung {
	font-weight: bold;
	color: #003388;
}


h1.box, h2.box, h3.box, h4.box, h5.box, h6.box {
	clear: both;
	text-align: left;
	border-bottom: 1px solid;
	padding-bottom: 0.5ex;
}

a.topOfPage, a.topOfPage:visited {
	display: none;
}


dl {
}
dt {
	font-weight: bold;
	margin: 0;
	padding: 0 0 0.5ex 0;
}
dt.subLevel1 {
	margin-left: 2em;
}
dt.subLevel2 {
	margin-left: 4em;
}
dt.subLevel3 {
	margin-left: 6em;
}
dt.withSeparator {
	padding-top: 1.5ex;
}
dd {
	margin: 0 0 1em 2em;
	padding: 0;
}
dd.subLevel1 {
	margin-left: 4em;
}
dd.subLevel2 {
	margin-left: 6em;
}
dd.subLevel3 {
	margin-left: 8em;
}

dl.compact dt,
dl.compacter dt,
dl.compactest dt {
	clear: left;
	float: left;
	padding: 0;
	margin-right: 0.5em;
}
dl.compact dd {
	margin: 0 0 0.5em 0;
}
dl.compacter dd {
	margin: 0 0 0.25em 0;
}
dl.compactest dd {
	margin: 0;
}
dl.compact5 dd { margin-left: 5em; }
dl.compact6 dd { margin-left: 6em; }
dl.compact7 dd { margin-left: 7em; }
dl.compact8 dd { margin-left: 8em; }
dl.compact9 dd { margin-left: 9em; }
dl.compact10 dd { margin-left: 10em; }
dl.compact11 dd { margin-left: 11em; }
dl.compact12 dd { margin-left: 12em; }
dl.compact13 dd { margin-left: 13em; }
dl.compact14 dd { margin-left: 14em; }
dl.compact15 dd { margin-left: 15em; }
dl.compact16 dd { margin-left: 16em; }
dl.compact17 dd { margin-left: 17em; }
dl.compact18 dd { margin-left: 18em; }
dl.compact19 dd { margin-left: 19em; }
dl.compact20 dd { margin-left: 20em; }
dl.compact25 dd { margin-left: 25em; }
dl.compact30 dd { margin-left: 30em; }

dl.menu dt {
	font-size: 110%;
}
dl.menu dt.subLevel1 {
	margin-left: 1.818em;	/* 2em / 110% */
}
dl.menu dt.subLevel2 {
	margin-left: 3.636em;	/* 4em / 110% */
}
dl.menu dt.subLevel3 {
	margin-left: 5.454em;	/* 6em / 110% */
}

ul {
	padding-left: 0;
	margin-left: 2em;
}

ul.extern {
	margin-left: 1em;
	list-style: none;
}
ul.extern ul.extern {
	margin-left: 1.5em;
}
ul.extern li:before {
	content: "\21d2\00A0";
}
ul.extern li.intern:before {
	content: "\2022\00A0\00A0";
}
ul.extern li a.extern:before {
	content: "";
}

hr.separator {
	margin: 1em 0 1em 0;
	border: 1px solid;
}

.toLeft {
	float: left;
}
.toRight {
	float: right;
}
.colLeft, .colLeftWithSep {
	float: left;
	width: 49%;
	margin-bottom: 0.5em;
}
.colRight, .colRightWithSep {
	float: right;
	width: 49%;
	padding-left: 0.75%;
	margin-bottom: 0.5em;
}
.colLeftWithSep {
	padding-right: 0.75%;
	border-right: 1px solid;
}
.colRightWithSep {
	border-left: 1px solid;
}
.colLeft h4, .colLeftWithSep h4,
.colRight h4, .colRightWithSep h4,
.toLeft h4, .toRight h4 {
	margin-top: 1ex;
}
.toRight h3 {
	margin-top: 0;
}
.clearLeft, .toLeftEnd {
	clear: left;
}
.clearRight, .toRightEnd {
	clear: right;
}
.clear, .colEnd {
	clear: both;
}
div.colEnd {
	height: 1px;
}
/* Workaround for IE <= 6: */
* html div.colEnd {
	height: 0;		/* IE < 6 */
	he\ight: auto;	/* IE = 6 */
}

/* Message Boxes ---------------------------------------- */

#content span.error {
	font-size: 100%;
	padding: 0 0.25ex 0 0.25ex;
	border: 1px solid;
}

#content p.error,
#content p.warning,
#content p.status,
#content p.info {
	font-size: 100%;
	text-align: left;
	margin: 1em 0 1em 0;
	padding: 0 0.5ex 0 0.5ex;
	border: 1px solid;
}

#content span.error,
#content p.error {
	font-weight: bold;
}

#content p.warning {
	font-weight: bold;
}

#content p.status {
	font-weight: bold;
}

#content p.info {
	font-weight: normal;
}

/* Content Boxes ---------------------------------------- */

h1.content-box, h2.content-box, h3.content-box,
h4.content-box, h5.content-box, h6.content-box {
	margin: 2em 0 0 0;
	padding: 0.25ex 1ex 0.25ex 1ex;
	border-width: 1px 1px 0 1px;
	border-style: solid;
}

div.content-box,
div.border-box {
	margin: 0 0 1em 0;
	padding: 0 1em 0 1em;
	border: 1px solid;
}

div.content-box {
}

/* Labels ----------------------------------------------- */

input[type="checkbox"],
input[type="radio"],
input[type="checkbox"] + label,
input[type="radio"] + label {
	vertical-align: middle;
}
/* Workaround for IE (<=6): */
input.checkbox,
input.radio,
label.FormRowCheckBoxDesc,
label.FormRowRadioDesc {
	vertical-align: middle;
}

table#kontaktformular input[type="text"],
table#kontaktformular textarea,
table#kontaktformular select {
	width: 300px;
}

/* Default Table ---------------------------------------- */

table.default {
	clear: both;
	margin-top: 0.5em;
	margin-right: 0;
	margin-bottom: 1em;
	margin-left: 0;
	border-spacing: 0;
	border-style: solid;
	border-width: 1px 0 0 1px;
}

table.default th,
table.default td {
	line-height: 1.5em;
	padding-top: 0.3ex;
	padding-right: 1ex;
	padding-bottom: 0.3ex;
	padding-left: 1ex;
	border-style: solid;
	border-width: 0 1px 1px 0;
}

table.default th.subtitle {
	text-align: left;
	font-size: 92.5%;
	line-height: 1.5em;
}
table.default td {
	font-size: 85%;
	line-height: 1.5em;
}


table.default td label {
	display: block;
}

/* Footer =================================================================== */

#footer {
	clear: both;
	margin: 2em 0 0 0;
	padding: 1ex 0 0 0;
	border-top: 1px solid;
}

#footer div {
	font-size: 82%;
}

#footer .left {
	float: left;
}

#footer .right {
	float: right;
	text-align: right;
}

#footer .middle {
	text-align: center;
}

#footer a {
}
#footer a:hover {
	text-decoration: none;
}

/* Specials ================================================================= */

#content p.recomment {
	font-style: italic;
	font-weight: normal;
	margin-left: 2em;
	padding: 0 0.5ex 0 0.5ex;
	border: 1px solid;
	color: #003388;
	background: #DDEEFF;
}

div.galleryBox {
	float: left;
	text-align: center;
	margin: 0.5em;
}
div.galleryDia {
	width: 210px;
	height: 210px;
	border: 1px solid;
}
div.galleryDia img {
	margin: 5px;
}
div.galleryText {
	width: 210px;
	height: 3.5em;
}

div.wuerfel {
	text-align: left;
	margin: 0.5em 3em 0.5em 3em;
	border: 1px solid;
}
div.einwuerfel {
	text-align: center;
}
div.wuerfel img {
	margin: 1em;
}
#content p.legende {
	font-size: 92.5%;
	font-style: italic;
}
#content div.wuerfel p.legende {
	margin: 0 0.5em 0.5em 0.5em;
}

table.browser-anteile {
	text-align: center;
	white-space: nowrap;
	border: 1px solid;
}
table.browser-anteile tr.titel {
}
table.browser-anteile tr.wert {
	font-size: 92.5%;
	text-align: center;
}
table.browser-anteile th {
}
table.browser-anteile th.browser {
	padding: 1px 5px 1px 5px;
}
table.browser-anteile th.datum {
	padding: 1px 5px 1px 5px;
}
table.browser-anteile td.wert {
	width: 5em;
}

#linux_news li {
	margin-top: 0.2em;
}
#linux_news li a {
	text-decoration: none;
}
#linux_news a.extern:before {
	content: "";
}
#linux_news li a:hover {
	text-decoration: underline;
}
#linux_news li.subtitled {
	margin-bottom: 0.4em;
}
#linux_news li.subtitled .subtitle {
	font-size: 92.5%;
}
#linux_news .datum {
	font-size: 80%;
}

div.keksdomain {
	float: left;
	width: 15em;
}

table#videos td {
	text-align: center;
}
table#videos td.video_title,
table#videos td.video_sonst {
	text-align: left;
}

table#pc td.jahr {
	text-align: center;
}
table#pc td.cpu {
}
table#pc td.ram,
table#pc td.hdd {
	text-align: right;
}

/* ========================================================================== */

@media (max-width: 600px) {
	#header,
	#title,
	#content,
	#footer {
		margin-left: 0;
	}

	#sideBar {
		display: none;
	}
}
