/* -- dolchonline.net ------------------------------------------------------------------------ */

/* redefine default classes - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

* {margin:0; padding:0;}  /* prevent unwanted spacings between layout divs... */

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

body {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	margin:0px;
	padding:0px;
	text-align: center;
	background: url("./img/bg-page-a02.png") repeat #a4a4a4;
	font-size: 0.8em;
}

p {
	color: rgb(164,164,164);
	padding-bottom: 5px;
}


/* <a> */
a {
	color: rgb(164,164,164);
	text-decoration: none;
}

a:link, a:visited {color: rgb(164,164,164);}
a:hover, a:active, a:focus {
	color: rgb(164,164,164);
	text-decoration:underline;
}

a img {text-decoration:none;}


/* <h> */
h1, h2, h3, h4 {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-weight: normal;
	margin: 3px 0px 5px 0px;
	padding: 0px;
	color: rgb(184,184,184);;
}

h1 {font-size: 1.9em;}
h2 {font-size: 1.6em;}
h3 {font-size: 1.3em;}
h4 {font-size: 1.0em;}


/* <ul> <li> */
ul {
	list-style-type: none;
}

li {
	margin-left: 10px;
}

/* SPECIAL CLASSES  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.clear {clear: both;}


/* COLORS - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.gray-light {
	color: rgb(228,228,228)!important;
}


#wrapper {
	margin-left:auto;
	margin-right:auto;
	margin-top: 10px;
	margin-bottom: 0px;
	width: 1064px;
	padding: 0px;
	text-align: center;
	background: none;
/*	border: 1px dotted #5e5e5e;*/
}


/* PAGE HEADER - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#page-header {
	width: 1064px;
	height: 339px;
	margin-left:auto;
	margin-right:auto;
	background: url("./img/page-header-bg-theme-dark1.png") no-repeat;
	color: #ccc;
/*	border: 1px solid #a4a4a4;*/
	text-align: left;
	position: relative;
	overflow: hidden;
}

#page-banner {
	margin: 30px 30px 0px 30px;
	width: 1004px;
	height: 280px;
/*	border: 1px dotted #5e5e5e;*/
	position: absolute;
}
#page-banner img {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

#page-banner-logo {
	top: 40px;
	left: 40px;
	width: 300px;
	height: 58px;
	background: url("./img/logo-dolchonline_mono.png") no-repeat;
	position: absolute;
}

/* old version - corners only - no shadow... */
#page-banner-round-corners {
	top: 26px;
	left: 23px;
	width: 1018px;
	height: 40px;
	background: url("./img/page-header-round-corners-theme-dark1.png") no-repeat;
	position: absolute;
}

#page-banner-shadow {
	top: 25px;
	left: 23px;
	width: 1018px;
	height: 293px;
	background: url("./img/banner-shadow.png") no-repeat;
	position: absolute;
}

#main-menu {
	top: 310px;
	left: 30px;
	width: 1004px;
	height: 32px;
	padding: 3px 0px 0px 5px;
	color: rgb(32,32,32);
	font-size: 1.3em;
	background: url("./img/main-menu-bg_a05.png") no-repeat;
	position: absolute;
}

#main-menu a {
	color: rgb(32,32,32);
	text-decoration: none;
}

#main-menu a:hover, a:active, a:focus {
	color: rgb(224,224,224);
	text-decoration:none;
}


/* PAGE MAIN - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#page-main {
	width: 1064px;
	height: auto;
	margin-left:auto;
	margin-right:auto;
	background: url("./img/page-main-bg-theme-dark1.png") repeat-y;
	color: #ccc;
/*	border: 1px solid #a4a4a4;*/
	text-align: left;
	position: relative;
	overflow: hidden;  /* layout breakes in FF - wrong margin-top calculation */
}

#content {
	margin: 30px;
	padding: 10px;
	border-top: 1px solid rgb(48,48,48);
	border-bottom: 1px solid rgb(48,48,48);
	background-color: rgb(32,32,32);
}

/* LINKMATRIX */
.linkmatrix-container {
	margin-top: 20px;
	margin-left: 30px;
	padding: 15px;
	width: 974px;  /* original 1004px but compensate padding...*/
/*	border: 1px dotted #888;*/
	border-top: 1px solid rgb(48,48,48);
	border-bottom: 1px solid rgb(48,48,48);
	background-color: rgb(28,28,28);
	overflow: hidden;
}

.linkmatrix-container-row {
	float: left;
	width: 20%;
/*	border-right: 1px dotted rgb(42,42,42);
	background-color: rgb(28,28,28);*/
}

.linkmatrix-container ul {
	list-style-type: none;
}

.linkmatrix-container li {
	margin-left: 10px;
	margin-bottom: 2px; 
}



/* PAGE FOOTER - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#page-footer {
	width: 1064px;
	height: 52px;
	margin-left:auto;
	margin-right:auto;
	background: url("./img/page-footer-bg-theme-dark1.png") no-repeat;
	color: #ccc;
/*	border: 1px solid #a4a4a4;*/
	text-align: left;
	position: relative;
}


/* HOME - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#topics-container {
	margin: 20px 0px 0px 30px;
	padding: 0px 15px 0px 15px;
	width: 420px;  /* 974px - 1004px original - substract the padding... */
	height: 200px;
	border-top: 1px solid rgb(48,48,48);
	border-bottom: 1px solid rgb(48,48,48);
	background-color: rgb(28,28,28);
	overflow: hidden;
}

#topics-container .row {
	margin: 10px;
	float: left;
	width: 200px;
	background-color: rgb(28,28,28);
}

#topics-container .row li {
	font-size: 1.1em;
	margin-bottom: 3px;
}



#download-container {
	margin: 10px 0px 0px 30px;
	padding: 0px 15px 0px 15px;
	width: 420px;  /* 974px - 1004px original - substract the padding... */
	height: 70px;
	border-top: 1px solid rgb(48,48,48);
	border-bottom: 1px solid rgb(48,48,48);
	background-color: rgb(28,28,28);
	overflow: hidden;
}


#teaser-icons {
	margin: 10px 0px 0px 30px;
	padding: 0px 15px 0px 15px;
	width: 974px;  /* 1004px original - substract the padding... */
	height: 70px;
	border-top: 1px solid rgb(48,48,48);
	border-bottom: 1px solid rgb(48,48,48);
	background-color: rgb(28,28,28);
}

/* IMPRESSUM - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#impressum-container {
	margin: 30px;
	margin-left: 320px;
	width: 400px;
	padding: 10px 20px 10px 20px;
	border-top: 1px solid rgb(48,48,48);
	border-bottom: 1px solid rgb(48,48,48);
	background-color: rgb(32,32,32);
}