@charset "UTF-8";

@media all
{
	* { margin: 0; padding: 0; }
	html * { font-size: 100.01%; }
	body { text-align: center; font-size: 12px; color: #3f3f3f; font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif; }
	img { border: 0; }
	dl { margin: 0 0 1em 1em }
	dt { font-weight: bold; }
	dd { margin: 0 0 1em 2em; }
	blockquote, cite { margin: 0 0 1em 1.5em; font-size: 0.93em; width: auto; }
	h1 { font-size: 18px; font-weight: bold; }
	h2 { font-size: 16px; font-weight: bold; }
	h3 { font-size: 14px; font-weight: bold; margin-bottom: 10px; border-bottom: 1px #ddd solid; }
	h4 { font-size: 12px; font-weight: bold; color: #838383; }
	h5 { font-size: 12px; font-weight: bold; color: #838383; }
	h6 { font-size: 11px; font-weight: bold; color: #838383; }
	ul, ol { margin-left: 17px; }
	li { margin-left: 0px; line-height: 1.2em; }
	p { line-height: 1.2em; margin: 0 0 1em 0; }
	
	.col50 { width: 50%; }
	.fltl { float: left; }
	.fltr { float: right; }
	.clr { clear: both; }
	.floatbox { overflow: hidden; }
	
	a:link, a:visited, a:active { font-size: 12px; text-decoration: none; color: #027ac6; }
	a:hover { color: Red; text-decoration: underline; }
}

@media screen
{
	#page_dimension {width: 965px; margin: 20px auto; text-align: left; }
	#page_top_shadow { height: 9px; background: #FFFFFF url(Webfile6_GIF_page_content_top.aspx) no-repeat top;}
	#page_inner_dimension { width: 939px; margin-left: 13px; }
	#page { background: #FFFFFF url(Webfile6_GIF_page_content_bg.aspx) repeat-y top; }
	#page_content { }
	#header { overflow: hidden; }
	#logo { float: left; width: 305px; }
	#red_line { width: 15px; height: 60px; background-color: Red; }
	#logo_image { margin-top: 100px; text-align: center; }
	/*#main_image { float: right; width: 629px; height: 251px; background: #FFFFFF url(Webfile6_GIF_main_image.aspx) no-repeat top; }*/
	#main_image { float: right; width: 629px; height: 251px; background-color: #FFFFFF; }
	#navigation { width: 100%; height: 35px; background: #0f7fc1 url(Webfile6_JPG_menu_bg.aspx) no-repeat top; }
	#navigation ul { margin-left: 0px; list-style-type: none; }
	#navigation li { float: left; width: 103px; height: 100%; text-align: right; margin: 0; border-right: 1px solid #ffffff; display: inline; }
	#navi_shadow { height: 12px; background: #FFFFFF url(Webfile6_GIF_navi_shadow.aspx) repeat-x top; }
	#left { width: 252px; }
	#left_content { padding: 10px; z-index: 4; }
	#main { margin-left: 252px; margin-right: 0; border-left: 2px #ddd dotted; }
	#main_content { padding: 10px; z-index: 2; }
	#main_active { background-color: Red; }
	#sidemenu ul { list-style-image: url(Webfile6_GIF_blue_line_big.aspx); }
	#footer { height: 38px; padding: 0 28px 10px 28px; background: #FFFFFF url(Webfile6_GIF_page_footer_bg.aspx) no-repeat top; }
	#magazine_blue_items ul { margin-top: 10px; list-style-image: url(Webfile6_GIF_blue_line_big.aspx); }
	#magazine_blue_items ul li { margin-left: 0; }
	#magazine_blue_sublist { margin-top: 50px; margin-left: 0; }
	#magazine_blue_sublist ul { list-style-image: url(Webfile6_GIF_blue_line_big.aspx); }
	#magazine_blue_sublist ul li { margin-left: 0; }
	#magazine_green_items ul { margin-top: 10px; list-style-image: url(Webfile6_GIF_green_line_big.aspx); }
	#magazine_green_items ul li { margin-left: 0; }
	#magazine_green_sublist { margin-top: 50px; margin-left: 0; }
	#magazine_green_sublist ul { list-style-image: url(Webfile6_GIF_green_line_big.aspx); }
	#magazine_green_sublist li { margin-left: 0; }
	#btnGo { width: 40px; height: 20px; background-color: #cee6f0; }
	
	.clearfix:after { clear: both; height: 0; visibility: hidden; display: block; content: "."; }
	.clearfix { display: block; }
	.ie_clearing { display: none; }
	.left { float: left; z-index: 3; }
	.main { width: auto; z-index: 1; }
	.magazine_image { width: 135px; border: solid 1px #E1E1E1; }
	.book_image { width: 135px; }
	.listblue { list-style-image: url(Webfile6_GIF_blue_line_big.aspx); }
	.listbluesmall { list-style-image: url(Webfile6_GIF_blue_line_small.aspx); }
	.listgreen { list-style-image: url(Webfile6_GIF_green_line_big.aspx); }
	
	/* Farben */
	.blue { color: #027ac6; }
	.dialog { color: #C2C2C2; }
	.green { color: #00a659 }
	.haustechnik { color: #E70576; }
	.red { color: Red; }
	.mgt_red { color: Red; }
	
	/* Fonts */
	.black10n { font-size: 10px; font-family: Tahoma; color: #000000; }
	.black12b { font-size: 12px; font-family: Tahoma; font-weight: bold; color: #000000; }
	.blue11n { font-size: 11px; font-family: Tahoma; color: #027ac6; }
	.red13b { font-size: 13px; font-family: Tahoma; color: Red; }
	
	/* Hyperlinks */
	a.hlMagazineBlue:link, a.hlMagazineBlue:visited, a.hlMagazineBlue:active { font-size: 12px; font-weight: bold; color: #027ac6; text-decoration: none; line-height: 20px; }
	a.hlMagazineBlue:hover { color: Red; text-decoration: underline; }
	a.hlMagazineBlueSmall:link, a.hlMagazineBlueSmall:visited, a.hlMagazineBlueSmall:active { font-size: 10px; font-weight: bold; color: #027ac6; text-decoration: none; }
	a.hlMagazineBlueSmall:hover { color: Red; text-decoration: underline; }
	a.hlMagazineGreen:link, a.hlMagazineGreen:visited, a.hlMagazineGreen:active { font-size: 12px; font-weight: bold; color: #00a659; text-decoration: none; line-height: 20px; }
	a.hlMagazineGreen:hover { color: Red; text-decoration: underline; }
	a.hlMagazineGreenSmall:link, a.hlMagazineGreenSmall:visited, a.hlMagazineGreenSmall:active { font-size: 11px; font-weight: bold; color: #00a659; text-decoration: none; }
	a.hlMagazineGreenSmall:hover { color: Red; text-decoration: underline; }
	a.hlMainMenu:link, a.hlMainMenu:visited { height: 100%; font-size: 11px; text-decoration: none; font-family: Tahoma; color: #FFFFFF; padding: 2px; display: block; }
	a.hlMainMenu:hover, a.hlMainMenu:active { background-color: #66adda; }
	a.hlSideMenu:link, a.hlSideMenu:visited, a.hlSideMenu:active { font-size: 12px; font-weight: bold; color: #027ac6; text-decoration: none; line-height: 20px; }
	a.hlSideMenu:hover { color: Red; text-decoration: underline; }
	a.hlFooter:link, a.hlFooter:visited, a.hlFooter:active { font-size: 11px; color: #027ac6; text-decoration: none; color: #999999; }
	a.hlFooter:hover { color: #007dc5; }
	a.hlConsoft:link, a.hlConsoft:visited, a.hlConsoft:active { font-size: 10px; color: #999999; text-decoration: none; }
	a.hlConsoft:hover { color: #f58500; }
	a.hlEMail:link, a.hlEMail:visited, a.hlEMail:active { font-size: 12px; text-decoration: none; color: #027ac6; }
	a.hlEMail:hover { color: Red; text-decoration: underline; }
}

/* IE - Hacks */
@media all
{
	body { position: relative; }
	.clearfix { display: inline-block; }  /* ... especial for IE7 */
	.clearfix { display: block; }      /* ... für IE5,IE6,IE7 */
	* html .clearfix { height: 1%; }   /* ... für IE5 + IE6/Win | hasLayout aktivieren */
	* html #left { position: relative; }
	* html #middle { position: relative; }
	* html .floatbox { width: 100%; }
	.ie_clearing { display: block; \clear: both; width: 100%; font-size: 0px; margin: -2px 0 -1em 1px; }
	* html .ie_clearing { margin: -2px 0 -1em 0 }
	#main_content {margin-bottom: -2px }
	#main { position: relative; }
}

@media screen
{
	* html #left { display: inline; }
	* html #left_content { word-wrap: break-word; }
	* html #main_content { word-wrap: break-word; }
}