/*** derstricher.css; Alf Leue (www.alfleue.com); 2008-09-05 ***/

/* general styles */

body {
	background: url(../pix/bg.gif);
	background-position: left top;
	background-repeat: repeat-x;
	margin-left: 145px;
	font-family: verdana, arial, sans-serif;

}

a, a:visited {
	color: #484848;
	text-decoration: none;
	border-bottom: 1px dotted #484848;
}

a:hover, a:active {
	color: #ff0000;
	text-decoration: none;
	border-bottom: 1px dotted #ff0000;
}


/* grafical styles */

#gfx_content {
	position: relative;
	left: 40px;
	top: 46px;
	width: 428px;
	padding-top: 12px;
	margin-bottom: 60px;
	background-color: #ffffff;
}

#gfx_content a {
	border: 0px;
}

#lt_fader {
	position: absolute;
	left: 145px;
	top: 0px;
	width: 41px;
	height: 450px;
	background: url(../pix/lt_fader.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

#rt_fader {
	position: absolute;
	left: 613px;
	top: 0px;
	width: 25px;
	height: 450px;
	background: url(../pix/rt_fader.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

#logo {
	position: absolute;
	left: 638px;
	top: 0px;
	width: 245px;
	height: 450px;
	background: url(../pix/logobg.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

#logo img {
	float: right;
	padding-top: 67px;
	padding-right: 25px;
	border: 0px;
}

#bottom_border {
	position: relative;
	left: 14px;
	top: 60px;
	width: 478px;
	height: 25px;
	display: block;
	background: url(../pix/bottom_border.gif);
	background-position: left top;
	background-repeat: no-repeat;
	color: #a9a9ab;
	font-size: 9px;
	padding-top: 12px;
	text-align: center;
}

#bottom_border a, #bottom_border a:visited {
	color: #818181;
	text-decoration: none;
	border: 0px;
}

#bottom_border a:hover, #bottom_border a:active {
	color: #ff0000;
	text-decoration: none;
}

#rb_corner {
	position: relative;
	left: 8px;
	float: right;
	width: 291px;
	height: 169px;
	background: url(../pix/rb_corner.gif);
	background-position: right top;
	background-repeat: no-repeat;
}

#thumbnails {
	margin-top: 46px;
}

#thumbnails img {
	width: 100px;
	height: 80px;
	padding: 2px;
	margin: 4px;
	border: 1px dotted #c7c7c8;
	display: inline;
}

#thumbnails img:hover {
	border: 1px solid #ff0000;
}

#thumbnails a, #thumbnails a:visited {
	text-decoration: none;
	border: 0px;;
}

#thumbnails a:hover, #thumbnails a:active {
	text-decoration: none;
	border: 0px;
}

/*** text related styles ***/


#text_content {
	position: relative;
	left: 40px;
	top: 83px;
	width: 428px;
	color: #090909;
	background-color: #ffffff;
	font-size: 11px;
	font-family: verdana, arial, sans-serif;
	padding-top: 12px;
	margin-bottom: 40px;
}

h1 {
	color: #000000;
	font-size: 16px;
}

h2 {
	padding-top: 25px;
	padding-bottom: 0px;
	font-size: 11px;
	color: #877812;
}

h2.kleingedruckt {
	padding-top: 15px;
	padding-bottom: 0px;
	font-size: 9px;
	color: #877812;
}

p {
	font-size: 11px;
	color: #484848;
	background-color: #ffffff;
	line-height: 16px;
}

p.kleingedruckt {
	background-color: #ffffff;
	font-size: 9px;
}


/*** reference related styles ***/

.ref_pack {
	margin-top: 46px;
	margin-left: 10px;
	background: url(../pix/icon_pack.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
}

.ref_mail {
	margin-top: 46px;
	margin-left: 10px;
	background: url(../pix/icon_mail.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
}

.ref_char {
	margin-top: 46px;
	margin-left: 10px;
	background: url(../pix/icon_char.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
}

.ref_pack img, .ref_mail img, .ref_char img {
	padding: 3px;
	border: 1px dotted #c7c7c8;
}

.ref_pack table, .ref_mail table, .ref_char table {
	margin-top: 60px;
	width: 408px;
	font-size: 11px;
	color: #484848;
}

.ref_pack td, .ref_mail td, .ref_char td {
	padding-left: 5px;
}

.ref_pack td.leftcol, .ref_mail td.leftcol, .ref_char td.leftcol {
	width: 40px;
	color: #877812;
	padding: 0px;
	font-weight: bold;
}

.ref_pack td.middlecol, .ref_mail td.middlecol, .ref_char td.middlecol {
	width: 10px;
	padding: 0px;
}

.ref_pack p, .ref_mail p, .ref_char p {
	width: 408px;
	text-align: center;
}