/* default.css
 * 
 * The default (screen) style of the shop.4-systems.de website
 *
 * Author:  Richard Leopold <nospam@RichardLeopold.com>
 * Date:    Thu, 25 Aug 2005 19:39:20 +0200
 * Changed: 
 *
 * No fear ! Feel free  ! Rescue _your_ world ! the void is with you ...
 */

/* formating the main page objects ========================================== */

/* formating the main page objects ========================================== */

body {
	position: absolute;
	top: 0px;
	left: 0px;
	
	width: 80em;
	
	font-size: 10px; 
	font-family: Arial, Geneva, Helvetica, sans-serif; 
	
	color : #000000; 
	background-color: #FFFFFF;
	
	padding: 0px;
	margin:  0px;
	
	/* this border MUST be _0px_ for ns4 and others */
}

a { 
	color: #000000;
	text-decoration: none;
}
a:link    { }
a:visited { }
a:hover   { color:#40B040; text-decoration: underline }
a:active  { }

.no_css { 
	clear: none;
	display: none;
}


/* content objects ========================================================= */

#content_box {
	position: static;
	
	margin:  8.5em 0px;
	padding: 0px;
	
	width: 80em;
}

#content_box h1 {
	font-size:  1.5em;
}

#content_box h2 {
	font-size:  1.3em;
}

#content_box h3 {
	font-size:  1.2em;
}

#content_box h4 {
	font-size:  1.2em;
}

#content_box p {
	text-align: left;
	font-size:  1.2em;
}

#content_box .center {
	text-align: center;
}

/* logo and motto ========================================================== */

#logo {
	position: absolute;
	top:  0.5em;
	left:  0.3em;
	
	font-size: 3.7em;
	color: white;
	
	border: none;
	
	z-index: 0;
}

#motto {
	position: absolute;
	top:    1.3em;
	right:  0.8em;
	color:  #FFE400;
	
	font-size: 1.5em;
	font-weight: bold;
	
	border: none;
}

/* head boxes ============================================================== */

#head_box_1 {
	position: absolute;
	top:  0px;
	
	padding: 0.3em;
	margin:  0px;
	
	width:  79.4em;
	height: 6.1em;
	
	background-color: #db0000;
	
	border-right: 1px solid #A0A0A0;
	
	z-index: 9;
}

#head_box_2 {
	position: absolute;
	top:  6.1em;
	
	width:  100%;
	height: 2.5em;
	
	background-color: white;
	border-top:    1px solid #A0A0A0;
	border-bottom: 1px solid #A0A0A0;
	
	z-index: 2;
}

/* footer objects =========================================================== */

#footer_box {
	position: relative;
	top:  1em;
	left: 0px;
	
	width:  78em;
	height: 2em;
	
	padding: 1em;
	margin:  0px;
	
	clear: both;
	
	border-right:  1px solid #A0A0A0;
	border-top:    1px solid #A0A0A0;
	border-bottom: 1px solid #A0A0A0;
	
	font-size: 1em;
	font-weight: normal;
	text-align: center;
	
	background-color: #db0000;
	color: white;
	
	z-index: 7;
}

/* sidebar objects ========================================================== */

#sidebar_box {
	position: relative;
	
	width: 22em;
	
	margin:  0px;
	padding: 0.5em 1em  0.5em 0.7em;
	
	float: right;
	
	border-right:  1px solid #A0A0A0 ;
	border-bottom: 1px solid #A0A0A0 ;
	
	z-index: 9;
}

/* formating the main page objects ========================================== */

#html_box {
	position: static;
	
	color : black; 
	background-color: #FFFFFF;
	
	padding: 1em;
	margin:  0px;
	
	text-align: left;
	float: left;
	
	width: 54em;
}

#html_box a {
	color: #000000;
	text-decoration: underline;
}
#html_box a:link    { }
#html_box a:visited { }
#html_box a:hover   { color:#40B040; }
#html_box a:active  { }