/* ################################################################################ <DIVS> General */

body, html {
	background-image: url(images/bg.jpg);
	background-repeat: repeat-y;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
	background-color: #dddcda;
	height: 100%;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

/* ################################################################################ <DIVS> General */

div#div_content_obclip {
	background-image: none;
	background-repeat: no-repeat;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	padding-left: 0px;
	margin-top: -4px;
	position: absolute;
	color: #333;
	left: 283px;
	top: 147px;
	width: 697px;
}

div#div_content_mbclip {
	background-image: none;
	background-repeat: no-repeat;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	padding-left: 0px;
	padding-top: 270px;  /*  Abstand von oben, wenn Clip ein Bild ist */
	position: absolute;
	color: #333;
	left: 283px;
	top: 147px;
	width: 697px;
}

div#div_menu {
	position: absolute;
	left: 90px;
	top: 127px;
	width: 170px;
	
}

div#div_30jlogo {
	background-image: url(images/logo_30j.gif);
	background-repeat: no-repeat;
	position: absolute;
	display: block;
	top: 15px;
	left: 835px;
	width: 135px;
	height: 117px;
	font-size:1px;
	letter-spacing:0px;
	color:#FFF;
}

div#div_iglubaer {
	background-image: url(pics/schildbaer_iglu.gif);	
	background-repeat: no-repeat;
	position: absolute;
	width: 170px;
	height: 121px;
	display: block;
	left: 87px;
}

/* ################################################################################ <DIV> Borderbox */

div#div_borderbox {
	/* border: 1px red solid; */
	width: 228px;
	/*padding: 41px 8px 23px 8px;*/
	padding: 0 0 0 0;
}

div#div_borderbox_o { /* Zweizeilige Überschrift */
	width: 228px;
	height: 45px;
}

div#div_borderbox_o2 { /* Dreizeilige Überschrift */
	width: 228px;
	height: 60px;
}

div#div_borderbox_mtext {
	width: 212px;
	background-image: url(images/bbox_m.jpg);
	background-repeat: repeat-y;
	padding: 0px 8px 0px 8px;
	margin-top: -3px;
}

div#div_borderbox_m {
	width: 212px;
	background-image: url(images/bbox_m.jpg);
	background-repeat: repeat-y;
	padding: 0px 8px 0px 8px;
	margin-top: 0px;
}

div#div_borderbox_u {
	width: 228px;
	height: 9px;
}

/* ################################################################################ <IMG> Logo */

img#img_logo {
	position: absolute;
	left: 20px;
	top: 27px;
}

/* ################################################################################ <DIV> menu */

div#div_menu ul#ul_menu {
	clear: both;
	padding: 0;
	margin: 0;
}

div#div_menu ul#ul_menu li, h1 {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	list-style-type: none;
	font-size: 11px;
	line-height: 16px;
	padding: 0 0 5px 0 ;
	margin: 0;
}

h1 { display:inline; }
h2 { font-size:10px; color:#FFF; top:-1000px;left:-1000px; position:absolute; display:inline; }
h3 { font-size:10px; color:#FFF; top:-1000px;left:-1000px; position:absolute; display:inline; }

div#div_menu ul#ul_menu li a.link_menu:link, div#div_menu ul#ul_menu li a.link_menu:visited, div#div_menu ul#ul_menu li a.link_menu:active {
	text-decoration: none;
	color: #333;
}

div#div_menu ul#ul_menu li a.link_menu:hover {
	text-decoration: underline;
	color: #991d85;
}

div#div_menu ul#ul_menu li a.link_menu_act:link, div#div_menu ul#ul_menu li a.link_menu_act:visited, div#div_menu ul#ul_menu li a.link_menu_act:active {
	text-decoration: none;
	font-weight: bold;
	color: #991d85;
}

div#div_menu ul#ul_menu li a.link_menu_act:hover {
	text-decoration: underline;
	font-weight: bold;
	color: #991d85;
}

/* ################################################################################ <DIV> footer */

div#div_footer {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	list-style-type: none;
	color: #dddcda;
	font-size: 11px;
	border-top: 1px solid #dddcda;
	padding-left: 0px;
	margin-top: 30px;
	border-bottom: 30px #FFFFFF solid;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 30px;
	width: 450px;
}

div#div_footer ul#ul_footer {
	clear: both;
	padding: 7px 0 0 0;
	float: left;
	margin: 0;
}


div#div_footer ul#ul_footer li {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	list-style-type: none;
	font-size: 11px;
	line-height: 16px;
	padding: 0;
	margin: 0;
	display: inline;
}

div#div_footer ul#ul_footer li a.link_footer:link, div#div_footer ul#ul_footer li a.link_footer:visited, div#div_footer ul#ul_footer li a.link_footer:active {
	text-decoration: none;
	color: #afa1a3;
}

div#div_footer ul#ul_footer li a.link_footer:hover {
	text-decoration: underline;
	color: #991d85;
}

/* ################################################################################ <A> Links */

div a.link_content:link, div a.link_content:visited, div a.link_content:active {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	list-style-type: none;
	font-size: 11px;
	color: #991d85;
	text-decoration: none;
}

div a.link_content:hover {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	list-style-type: none;
	font-size: 11px;
	color: #991d85;
	text-decoration: underline;
}

a img {
	border: none;
}

div#div_iglubaer a:link, div#div_iglubaer a:visited, div#div_iglubaer a:active {
	width: 170px;
	height: 121px;
	display: block;
	clear: both;
	font-size: 1px;
}

div#div_iglubaer a:hover {
	width: 170px;
	height: 121px;
	display: block;
	clear: both;
	font-size: 1px;
}

/* ################################################################################ Home-Button */

a.link_home:link, a.link_home:visited, a.link_home:active {
	background-image: url(images/home.jpg); 
	width: 35px;
	height: 10px;
	background-repeat: no-repeat;
	display: block;
	line-height: 0%;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	clear: both;
	font-size: 1px;
}

a.link_home:hover {
	background-image: url(images/home2.jpg); 
	width: 35px;
	height: 10px;
	min-height: 10px;
	max-height: 10px;
	background-repeat: no-repeat;
	display: block;
	line-height: 0%;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	clear: both;
	font-size: 1px;
}

a.link_home2:link, a.link_home2:visited, a.link_home2:active {
	background-image: url(images/home2.jpg); 
	width: 35px;
	height: 10px;
	background-repeat: no-repeat;
	display: block;
	line-height: 0%;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	clear: both;
	font-size: 1px;
}

a.link_home2:hover {
	background-image: url(images/home2.jpg); 
	width: 35px;
	height: 10px;
	min-height: 10px;
	max-height: 10px;
	background-repeat: no-repeat;
	display: block;
	line-height: 0%;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	clear: both;
	font-size: 1px;
}

/* ################################################################################ Textfarben */

.color_dp {
	color: #991d85;
}

/* ################################################################################ Tables */

td {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

table#table_content td.td_content_left {
	vertical-align: top;
	padding-right: 13px;
	padding-top: 0px;
}

table#table_content td.td_content_middle {
	vertical-align: top;
	padding-right: 13px;
}

table#table_content td.td_content_right {
	vertical-align: top;
	padding-right: 13px;
}

table#table_content_muster td.td_content_left {
	vertical-align: top;
	padding-right: 5px;
	padding-top: 0px;
}


/* Produkttabelle 1 */

table.table_producttable1 {
	margin-top: 13px;
	margin-bottom: 5px;
}

table.table_producttable1 td {
	vertical-align: top;
}

table.table_producttable1 td.td_toprow, table.table_producttable2 td.td_toprow {
	padding: 5px 0px 5px 5px;
	background-color: #a59c90;
	color: #FFFFFF;
}

table.table_producttable1 td.td_row_a, table.table_producttable2 td.td_row_a {
	padding: 5px 0px 5px 5px;
	background-color: #ddd9d4;
	color: #000000;
}

table.table_producttable1 td.td_row_a_nopadding, table.table_producttable2 td.td_row_a_nopadding {
	padding: 0px 0px 0px 0px;
	background-color: #ddd9d4;
	color: #000000;
	vertical-align: middle;
}

table.table_producttable1 td.td_row_b_nopadding, table.table_producttable2 td.td_row_b_nopadding {
	padding: 0px 0px 0px 0px;
	background-color: #eeecea;
	color: #000000;
	vertical-align: middle;
}

table.table_producttable1 td.td_row_b, table.table_producttable2 td.td_row_b {
	padding: 5px 0px 5px 5px;
	background-color: #eeecea;
	color: #000000;
}

/* ################################################################################ Font-AddOns */

div.font_reg {
	display: inline;
	top: -1px;
	position: relative;
	vertical-align: top;
	font-size: 9px;
}

div.font_topfix { /* DIV wird nur verwendet, wenn das beginnende Element des Inhalts Text ist */
	margin-top: -4px;
}