/**
 * Kommentar:
 * 
 * @headurl			$HeadURL: svn://dsrv.eeb.de/IxeaCMS/trunk/app/webroot/css/kc.mainstyles.css $
 * @author			$Author: mtr $
 * @version			$Revision: 330 $
 * @date			$Date: 2007-10-26 15:45:04 +0200 (Fr, 26 Okt 2007) $
 * @id				$Id: kc.mainstyles.css 330 2007-10-26 13:45:04Z mtr $
 *
 * @copyright		Copyright (c) 2007, EEB GmbH www.eeb.de
 * 										Gutenbergstraße 7
 * 										70794 Filderstadt
 */

/******************************/
/*ID-basierte Definitionen             */
/******************************/
#spacer
{
	float: left;
	height: 50%;
	margin-bottom: -285px;	
	width: 1px;	
}

#container
{
	clear: left;
	width: 900px;
	height: 570px;	
	margin: 0px auto;	
	padding-top: 0px;
	position: relative;	
}

#header
{
}

#content
{
	position: relative;
	top: -10px;	
	margin-top: 0px;	
	padding-top: 0px;
	width: 900px;
}

#footer
{
	position: relative;		
	width: 900px;
}

/******************************/
/*Klassenbasierte Definitionen      */
/******************************/
html, body 
{
	height:96%; 
	/*width:98%;*/
}

body{	
	font-family: Arial;
	font-style: normal;
	font-size:12px;
	background-color:#808080;
}

a{
	font-family: Arial;
	font-style: normal;
	font-size:13px;
	color: #ffffff;
	text-decoration:none;
}

a:hover
{
	font-family: Arial;
	font-style: normal;
	font-size:13px;
	color: #000000;
	text-decoration:none;
}

a.footerlinks{
	font-family: Arial;
	font-style: normal;
	font-size:13px;
	color: #000000;
	text-decoration:none;
}

a.footerlinks:hover
{
	font-family: Arial;
	font-style: normal;
	font-size:13px;
	color: #808080;
	text-decoration:none;
}

a.smartfooterlinks{
	font-family: Arial;
	font-style: normal;
	font-size:9px;
	color: #000000;
	text-decoration:none;
}
a.smartfooterlinks:hover{
	font-family: Arial;
	font-style: normal;
	font-size:9px;	
	color: #808080;
	text-decoration:none;
}

a.menulinklevel_1
{
	font-family: Arial;
	font-style: normal;
	font-size:13px;
	color: #CFCFCF;
	text-decoration:none;
}

a.menulinklevel_1:hover
{
	font-family: Arial;
	font-style: normal;
	font-weight: bold;
	font-size:13px;
	color: #ffffff;
	text-decoration:none;
}

a.menulinklevel_1_selected
{
	font-family: Arial;
	font-style: normal;
	font-weight: bold;
	font-size:13px;
	color: #ffffff;
	text-decoration:none;
	padding-left:10px;
}

a.menulinklevel_1_selected:hover
{
	color: #ffffff;
}

a.menulinklevel_2
{
	font-family: Arial;
	font-style: normal;
	font-size:13px;
	color: #000000;
	text-decoration:none;
}

a.menulinklevel_2:hover
{
	font-family: Arial;
	font-style: normal;
	font-weight: bold;
	font-size:13px;
	color: #FFFFFF;
	text-decoration:none;
}

a.menulinklevel_2_selected
{
	font-family: Arial;
	font-style: normal;
	font-weight: bold;
	font-size:13px;
	color: #FFFFFF;
	text-decoration:none;
	padding-left:10px;
}

a.menulinklevel_2_selected:hover
{
	color: #FFFFFF;
}

td.thumbimage
{
	text-align: center;
}

td.kc_thumbbar
{
	vertical-align: top;
	margin-top: 0px;
	padding-top: 0px
}

.input_orderindex
{
	width: 20px;
}

.menu_table_1
{	
	width: 900px;
	background-color: #2E81FD;
}

.menu_table_2
{	
	width: 900px;
	background-color: #A8A6A7;	
}

.menulevel_1
{
	background-color: #2E81FD;
	width: 880px;
	height: 20px;
	vertical-align: middle;
	text-align: center;
	margin: auto;
}

.menulevel1_table
{
	margin: auto;
}

.menulevel_2
{	
	background-color: #A8A6A7;
	width: 880px;
	height: 20px;	
	text-align: center;
}

.menulevel2_table
{
	margin: auto;
}

.menulevel_3
{
	background-color: #000000;
}

.mainimage
{	
	position: relative;	
	z-index: 100;	
	overflow: visible;
	position: absolute;
	right: 30px;
	top: 9px;
	
}

.print_icon
{	
	border: 0;
}

.thumbbar
{	
	/*padding-top: 10px;*/
}

.footer_td1
{
	text-align: left;
}

.footer_td2
{
	text-align: center;
}

.footer_td3
{
	text-align: center;	
}

.footer_table
{
	width: 900px;	
}

.header_td1
{
	text-align: left;
	vertical-align: top;	
}

.header_td2
{
	text-align: center;
	vertical-align: top;
}

.header_td3
{
	text-align: right;
	vertical-align: top;
	padding-right: 10px;	
}

.header_table
{
	width: 900px;
	background-image:url(../img/hzd/header_background.jpg); 
	background-repeat:repeat;	
	background-color: #ffffff;
	height: 148px;
}

.footer_table
{
	width: 900px;
	vertical-align: bottom;	
	height: 60px;
	background-image:url(../img/hzd/footer_background.jpg); 
	background-color: #ffffff;	
}

.scroll-div
{
	font-family: Arial;
	font-style: normal;
	height: 250px;
	overflow: auto;
	width: 400px;
	background-color: #ffffff;
	padding-right: 5px;
}

.scroll-div a
{
	color: black;
	text-decoration: underline;	
}

.scroll-div h3
{
	color: #666666;
}

.scroll-div h2
{
	color: #666666;
}

.kc_tablearticle
{
	width: 900px;	
	background-color: #ffffff;
}

.kc_description
{
	width: 400px;
	height: 270px;
	padding-left: 50px;	
}

.kc_mainpicture
{
	width: 500px;
	height: 270px; 
	vertical-align: top;		
}

.articleimage
{
	border: 0px;
}

.kc_img_pos_div
{
	position: relative;
}

.kc_img_background_div
{	
	padding: 260px 60px 0px 0px;
	height: 10px;
	width: 240px;
	
	/*height: 270px;	
	width: 300px;*/
	background-color: #EAEAEA;
	text-align: right;
	z-index: 1000;
	overflow: visible;
	float: right;
	/* Relative positionierung nur für Internet Explorer notwendig  */
	#position: relative;		
}

.kc_img_background_div a
{
	color: #000000;
}

.kc_img_background_div a:hover
{
	color: #000000;
	text-decoration: underline;
}

.kc_img_backgroundspacer_div
{
	float:right;
	position: relative;
	width: 100px;
	height: 270px;
}

.kc_thumbbar_background_div
{
	height: 52px;	
	width: 300px;
	background-color: #EAEAEA;
	text-align: right;
	z-index: 1;
	overflow: visible;
	float: right;
}

.kc_thumbbar_backgroundspacer_div
{
	float: left;
	position: relative;
	width: 550px;
	height: 52px;
	overflow: visible;
	z-index: 100;
}

.kc_tumbbar_td
{
	height: 52px;
	width: 850px;
	padding-left: 50px;
	vertical-align: top;
}

.kc_thumbbar_div
{
	position: absolute; 
	z-index: 10;
}

.kc_textright
{	
	text-align: right;
	padding-right: 50px;
}

.kc_logo
{
	padding-right: 25px;
}

.kc_impressum
{
	padding-left: 50px;
	width: 370px;	
}

.kc_contacts
{
	width:100px;
	text-align: left;
}

.dojoDialog 
{
	background : #eee;
	border : 1px solid #999;
	-moz-border-radius : 5px;
	padding : 4px;
	width: 300px;
	padding-left: 10px;
	padding-top: 10px;
	visibility: hidden;
	height: 350px;
	z-index: 200;
	overflow: auto;
}

.dojoEditor
{
 height: 300px;
 width: 435px; 
 background-color: #ffffff;
 overflow: auto;
 padding-right: 5px;
}

.menulevel1_link
{
	padding-left: 10px;
}

.menulevel2_link
{
	padding-left: 10px;
}

.edit_icon
{
	width: 13px;
	height: 13px;
}