@import url(defaults.css);
/**************************************************************************************
								DATEIVERSION	: 2008_01_23
**************************************************************************************/
@media all
{
/**************************************************************************************
								RESET
**************************************************************************************/
* { 
	padding:					0px; 
	margin:						0px; 
}

body {
	text-align:					center;
	font-size:					12px;
	font-family:				Arial, Helvetica, sans-serif; 
	line-height:				normal;
	color:						#4c4c4c;
	
	border:						none;
	background-color:			#ffffff;
}

ol, ul{
	list-style:					none;
	
	margin:						0px;
	padding:					0px;

}
img { border: 0px; }
br { line-height:normal; }


h1, h2, h3, h4, h5, h6 {
	clear:						both;
	font-size:					12px;
	color:						#333333;
	margin:0;
	padding:0;
}

h1{	font-family: Arial, Helvetica, sans-serif; font-size:22px; color:#383b3f; text-transform:none; line-height:32px; }
h2{ font-family: Arial, Helvetica, sans-serif; font-size:12px;	color:#383b3f; text-transform:none; line-height:16px; }
h3{ font-family: Arial, Helvetica, sans-serif; font-size:16px; color:#4c4c4c; text-transform:none; line-height:16px; }
h4{	font-size:15px; color:#005675; text-transform:none; line-height:20px; }
h5{	font-size:13px; color:#333333; text-transform:none; line-height:24px; }
h6{	font-size:11px;	color:#999999; text-transform:none; }

p {
	color:						#333333;
	line-height:				normal;
}

table, thead, tfooter, tbody{
	border:						none;
}

tr, td, th{ 
	vertical-align:				top;
	
	margin:						0px;
	padding:					0px;
} 

form { display:inline; }
fieldset legend { display: none; }
label { cursor: pointer; cursor:hand; border:none; }

input, button, sele_ct, textarea {
	font-size:					11px;
	vertical-align:				middle;
	border:						none;
}

fieldset { border:none; }
form { display:inline; }

a{ font-family:Arial,Helvetica,sans-serif; font-size:12px; font-weight:normal; color:#00baff; text-decoration:underline; outline:none;  cursor: pointer; cursor:hand; }
a:hover{  color:#4c4c4c; text-decoration:underline; outline:none; }
a.active {  color:#999999; outline:none; }



.leftFloat{ float:left	!important; }
.rightFloat{ float:right	!important; }

.leftMargin{ margin-left:0px	!important; }
.rightMargin{ margin-right:0px	!important; }
.topMargin{ margin-top:0px	!important; }
.topPadding{ padding-top:0px	!important; }
.bottomMargin{ margin-bottom:0px	!important; }
.bottomPadding{ padding-bottom:0px	!important; }


.color_01{ background-color:#ebedf0	!important; } 
.color_02{ background-color:#22c3ff	!important; } 
.color_03{ color:#b2b2b2	!important; } 
.no_line{ background-image:none	!important;}
.no_link{ cursor:default	!important; }




/****************************			FORMULARE		***********************/
.textfield{	   
	font-size: 					11px;
	font-family: 				Arial, Helvetica, sans-serif; 
	color: 						#333333;
	
	text-decoration: 			none;
	
	padding:					2px 4px 2px 4px;
	border:						1px solid #cccccc;
}

.textfield_error{	   
	font-size : 				11px;
	font-family: 				Arial, Helvetica, sans-serif; 
	text-decoration: 			none;
	
	padding:					1px 0px 1px 0px;
	
	background-color: 			#fb9cc4;
	border:						1px solid #ff00cc;
}

.textlabel_error { 
	text-align:					left	!important;
	color:						#ff00cc;
	width:						444px	!important;
	margin:						0px 0px 8px 82px;
}

.inputdefault{
	border:						none; 
	margin:						0px 0px 0px 0px;
	padding: 					0px 0px 0px 0px;
}

.selectLineTop,
.lineTop{
	float:						left;
	border-top: 				1px solid #7c7c7c;
}



.line{
	clear:						both;
	width:						100%;

	margin: 					0;	
	border-bottom:				2px solid #606265;
	
	line-height:				1px;
	font-size:					1px;
}

.line_dotted{
	clear:						both;

	width:						100%;
	margin: 					0px 0px 2px 0px;	
	
	height:						1px							!important;
	line-height:				1px;
	font-size:					1px;
	
	background-image: 			url(../img/bgr_line_dotted.gif);
	background-position:		0px 0px;
	background-repeat:			repeat-x;
}


/**************************************************************************************
								LOGO
**************************************************************************************/

#logo{
	position:					relative;
	float:						left;
	
	left:						0px;
	top:						49px;
	
	width:						65px;
	height:						61px;
}

#logo a{
	display:					block;
	
	width:						65px;
	height:						61px;
	
	background-image: 			url(../img/logo_dis.gif);
	background-position:		0 0;
	background-repeat:			no-repeat;
	
	text-indent:				-2000px;
	overflow:					hidden;
} 



/**************************************************************************************
								CORPUS/ BORDER
**************************************************************************************/
#corpus{
	position:					relative;
	float:						left;
	
	top:						0;
	left:						0px;
	
	width:						926px;
	text-align: 				left; 
	
	back_ground:pink;
}

/**************************************************************************************
								HEADER
**************************************************************************************/
#header{
	position:					relative;
	float:						left;
	
	top:						0px;
	left:						0px;
	
	margin:						54px 0px 0px 0px;
	
	width:						926px;
	height:						56px;
	
	back_ground:green;
}

#logo_headline{
	position:					relative;
	float:						left;
	top:						0px;
	left:						8px;
	
	width:						245px;
	height:						24px;
	
	background-image: 			url(../img/logo_dis_headline.gif);
	background-position:		0 0;
	background-repeat:			no-repeat;	
	
	text-indent:				-2000px;
	overflow:					hidden;
	
	back_ground:red;
}




/**************************************************************************************
								MAIN NAVIGATION
**************************************************************************************/
#nav_main{
	position:					relative;
	float:						left;
	
	left:						8px;
	top:						8px;
	
	width:						926px;
	height:						24px;
	
	back_ground:yellow;
}

#nav_main ul{
	float:						left;
	
	width:						926px;
	height:						24px;
}

#nav_main ul li{
	float:						left;
	height:						24px;
}

#nav_main ul li a{
	display:					block;
	height:						24px;
	
	margin:						0px 8px 0px 0px;
	
	text-indent:				-2000px;
	overflow:					hidden;
}

a.nav_news_de{
	width:						55px;
	
	background-image: 			url(../img/btn_nav_news_de.gif);
	background-position:		0 0;
	background-repeat:			no-repeat;	
}

a.nav_news_en{
	width:						55px;
	
	background-image: 			url(../img/btn_nav_news.gif);
	background-position:		0 0;
	background-repeat:			no-repeat;	
}

a:hover.nav_news_de,
a:hover.nav_news_en,
#nav_main .active a.nav_news_de,
#nav_main .active a.nav_news_en{ background-position:0 -24px; }

a.nav_about_de{
	width:						88px;
	
	background-image: 			url(../img/btn_nav_about_de.gif);
	background-position:		0 0;
	background-repeat:			no-repeat;	
}

a.nav_about_en{
	width:						61px;
	
	background-image: 			url(../img/btn_nav_about.gif);
	background-position:		0 0;
	background-repeat:			no-repeat;	
}

a:hover.nav_about_de,
a:hover.nav_about_en,
#nav_main .active a.nav_about_de,
#nav_main .active a.nav_about_en{ background-position:0 -24px; }

a.nav_equipment_de{
	width:						114px;
	
	background-image: 			url(../img/btn_nav_equipment_de.gif);
	background-position:		0 0;
	background-repeat:			no-repeat;	
}

a.nav_equipment_en{
	width:						114px;
	
	background-image: 			url(../img/btn_nav_equipment.gif);
	background-position:		0 0;
	background-repeat:			no-repeat;	
}

a:hover.nav_equipment_de,
a:hover.nav_equipment_en,
#nav_main .active a.nav_equipment_de,
#nav_main .active a.nav_equipment_en{ background-position:0 -24px; }

a.nav_ftplogin_de{
	width:						83px;
	
	background-image: 			url(../img/btn_nav_ftplogin_de.gif);
	background-position:		0 0;
	background-repeat:			no-repeat;	
}

a.nav_ftplogin_en{
	width:						83px;
	
	background-image: 			url(../img/btn_nav_ftplogin.gif);
	background-position:		0 0;
	background-repeat:			no-repeat;	
}

a:hover.nav_ftplogin_de,
a:hover.nav_ftplogin_en,
#nav_main .active a.nav_ftplogin_de,
#nav_main .active a.nav_ftplogin_en{ background-position:0 -24px; }

a.nav_clients_de{
	width:						78px;
	
	background-image: 			url(../img/btn_nav_clients_de.gif);
	background-position:		0 0;
	background-repeat:			no-repeat;	
}

a.nav_clients_en{
	width:						71px;
	
	background-image: 			url(../img/btn_nav_clients.gif);
	background-position:		0 0;
	background-repeat:			no-repeat;	
}

a:hover.nav_clients_de,
a:hover.nav_clients_en,
#nav_main .active a.nav_clients_de,
#nav_main .active a.nav_clients_en{ background-position:0 -24px; }

a.nav_contact_de{
	width:						82px;
	
	background-image: 			url(../img/btn_nav_contact_de.gif);
	background-position:		0 0;
	background-repeat:			no-repeat;	
}

a.nav_contact_en{
	width:						80px;
	
	background-image: 			url(../img/btn_nav_contact.gif);
	background-position:		0 0;
	background-repeat:			no-repeat;	
}

a:hover.nav_contact_de,
a:hover.nav_contact_en,
#nav_main .active a.nav_contact_de,
#nav_main .active a.nav_contact_en{ background-position:0 -24px; }

a.nav_legalnotice_de{
	width:						117px;
	
	background-image: 			url(../img/btn_nav_legalnotice_de.gif);
	background-position:		0 0;
	background-repeat:			no-repeat;	
}

a.nav_legalnotice_en{
	width:						117px;
	
	background-image: 			url(../img/btn_nav_legalnotice.gif);
	background-position:		0 0;
	background-repeat:			no-repeat;	
}

a:hover.nav_legalnotice_de,
a:hover.nav_legalnotice_en,
#nav_main .active a.nav_legalnotice_de,
#nav_main .active a.nav_legalnotice_en{ background-position:0 -24px; }

a.nav_language_de,
a.nav_language_en {	
	width:						87px;
	
	background-image: 			url(../img/btn_nav_language.gif);
	background-position:		0 0;
	background-repeat:			no-repeat;	
}

a.nav_language_de{ background-position:0 -24px; }





/**************************************************************************************
								CONTENT
**************************************************************************************/
#content{
	position:					relative;
	float:						left;
	
	left:						0;
	top:						57px;
		
	width:						926px;
	
	min-height:					507px;
	height:						auto;
	
	padding:					0px 0px 24px 0px;
	
	back_ground:orange;
}
* html #content{height:507px;}
html + body #content{height:507px;}


.default_content{
	float:						left;
	width:						460px;

	margin:						0px 8px 5px 8px;
}

.default_content h1{
	margin:						0px 8px 4px 0px;	
}

.default_content h2{
	margin:						0px 8px 6px 0px;	
}

.default_content p{
	line-height:				16px;
	margin:						0px 8px 15px 0px;	
}


#news_categories {
	margin:						0px 8px 0px 8px;
}

#news_categories a{
	display:					block;
	height:						15px;
	
	margin:						0px 8px 0px 0px;
	
	text-indent:				-2000px;
	overflow:					hidden;
}

.news_categories_select_de,
.news_categories_select_en {
	position:					relative;
	z-index:					1001;
	background: 				url(../img/btn_news_categories_de.gif) no-repeat 0 0;
	width:						120px;
	height:						15px;
	margin-bottom:				3px;
}

.news_categories_select_en {
	background-image: 			url(../img/btn_news_categories_en.gif)
}

:hover.news_categories_select_de,
:hover.news_categories_select_en {
	background-position: 		0 -15px;
}

ul.news_categories_list {
	position:					absolute;
	z-index:					1000;
	width:						187px;
	background-color:			#FFFFFF;
	top:						-4px;
	padding:					25px 0 4px 0;
}

#news_categories ul.news_categories_list li a {
	height:						auto;
	text-indent:				0;
	color:						#4c4c4c;
	text-decoration:			none !important;
	margin:						0 0 5px 0;
	padding:					1px 0;
}

#news_categories ul.news_categories_list li a:hover {
	background-color:			#99e3ff;
}

#news_categories ul.news_categories_list li.active a {
	background-color:			#33c8ff;
}

#navtree {
	float:						left;
	width:						620px;

	margin:						0px 8px 0px 8px;
	
	width:						926px;
	font-size:					17px;
	font-weight:				bold;
	vertical-align:				top;
}

#navtree a{
	vertical-align:				middle;
	font-size:					15px;
	color:						#383b3f;	
	font-weight:				bold;
	text-decoration:			none;
	line-height:				22px;
	
	margin:						0px 8px 8px 0px;	
}

#navtree .news a{
	color:						#7d8288;
}

#navtree a:hover{
	color:						#00baff;
	text-decoration:			none;	
}




.clients_content{
	float:						left;
	width:						620px;

	margin:						0px 8px 0px 8px;
}

.clients_content h1{
	margin:						0px 8px 6px 0px;	
}

.clients_content ul{
	float: left;
	margin:						0px 8px 18px 0px;
	width: 620px;
}

.clients_content p{
	font-size:					15px;
	color:						#7d8288;	
	font-weight:				bold;
	line-height:				22px;
	
	margin:						0px 8px 18px 0px;	
}

.clients_content ul li{
	font-size:					15px;
	color:						#7d8288;	
	font-weight:				bold;
	line-height:				22px;
	
	display:					list-item;
	float: left;
	padding:					0 8px 0 0;
	margin:						0 4px 0 0;
	background:					url(../img/list_middot.gif) no-repeat 100% center;
	white-space:				nowrap;

	
}

.clients_content a{
	font-size:					15px;
	color:						#383b3f;	
	font-weight:				bold;
	text-decoration:			none;
	line-height:				22px;
	
	margin:						0px 8px 8px 0px;	
}

.clients_content ul li a{
	margin:						0;	
}

.clients_content a:hover{
	color:						#00baff;
	text-decoration:			none;	
}




.equipment_content{
	float:						left;
	width:						620px;

	margin:						0px 8px 0px 8px;
	padding:					0px 0px 0px 0px;
}

.equipment_content h1{
	margin:						0px 0px 8px 0px;	
}

.table_01{
	border-collapse: 			collapse;
	border-spacing: 			0;
	border-color:				#ebedf0;
	border-bottom:				1px solid #ebedf0;
	
	margin:						0px 0px 24px 0px;
	
	font-size:					12px;
	font-family:				Arial, Helvetica, sans-serif;
	text-align:					left;
}

.table_01 tbody tr th,
.table_01 tbody tr td{
	border-bottom:				1px solid #ebedf0	!important;
}

.table_01 thead td{
	vertical-align:				middle;
	height:						20px;
}

.table_01 thead td span{
	color:						#ffffff;
	margin:						0px 0px 0px 16px;
}

.table_01 tbody th span,
.table_01 tbody td span{
	display:					block;
	margin:						16px 0px 16px 16px;
}







.contact_content{
	float:						left;
	width:						862px;

	margin:						12px 8px 0px 8px;
}


.contact_left{
	float:						left;
	width:						462px;
	min-height:					292px;
	height:						auto;

	margin:						12px 0px 0px 0px;
	padding:					16px 0px 16px 0px;
	
	border:						1px solid #7d8288;
}
* html .priseContentRF table {height:292px;}
html + body .priseContentRF table {height:292px;}


.contact_left label{
	float:						left;
	width:						444px;
	margin:						8px 16px 8px 0px;
}

.contact_left span{
	float:						left;
	display:					inline;
	
	text-align:					right;
	width:						74px;
	margin:						0px 8px 0px 0px;
}

.contact_right{
	float:						left;
	width:						380px;
	height:						292px;

	margin:						12px 0px 0px 6px;
	padding:					16px 0px 16px 0px;
}

.contact_right .default_content{
	width: 360px;
}

.contact_right h3{
	margin:						8px 0px 0px 0px;	
}
.contact_right p{
	line-height:				normal;
	margin:						8px 8px 8px 0px;
}

.contact_right p span{
	line-height:				normal;
}

.input_01{ width:346px; vertical-align: middle; }







.news_content{
	float:						left;
	width:						926px;

	margin:						0px 8px 0px 8px;
}




.news_left{
	position:					relative;
	float:						left;
	width:						458px;
	height:						342px;

	margin:						21px 10px 24px 0px;
	background:					url(../img/bg_news.png) no-repeat 0 0;
	
}

.news_right{
	position:					relative;
	float:						left;
	
	width:						458px;
	height:						342px;

	margin:						21px 0px 24px 0px;
	
	back_ground:yellow;
}

.news_right h1{
	margin:						0px 0px 0px 0px;	
	line-height:				24px;
	back_ground:orange;
}

.news_right p{ 

	line-height:				16px	!important;
	margin:						0px 16px 0px 0px;
	
	back_ground:lightblue;
}

.news_right .leftFloat{
	position:					absolute;
	top:						auto;
	bottom:						0;
	left:						0;
	
	float:						left;
	width:						305px;
	
	
	margin:						0px 0px 0px 0px;
	
}

.news_right .rightFloat{
	position:					absolute;
	top:						auto;
	bottom:						0;
	right:						0;
	
	float:						left;
	
	width:						154px;
	margin:						0px 0px 0px 0px;
}

.pager{
	float:						left;
	width:						926px;
	height:						18px;
	
	back_ground:pink;

	margin:						4px 0px 0px 0px;

}



/**************************************************************************************
								FOOTER
**************************************************************************************/
#footer{
	position:					relative;

	text-align:					center;
	
	width:						926px;
	height:						16px;
}

/**************************************************************************************
								LIGHTBOX
**************************************************************************************/

/**************************************************************************************
								BUTTONS
**************************************************************************************/
a.btn_icon_back{
	display:					block;
	float:						left;
	
	width:						10px;
	height:						12px;
	
	background-image: 			url(../img/btn_icon_back.gif);
	background-position:		0 0;
	background-repeat:			no-repeat;
	
	text-indent:				-2000px;
	overflow:					hidden;
}
a:hover.btn_icon_back{ background-position:0 -12px; }


a.btn_icon_next{
	display:					block;
	float:						right;
	
	width:						10px;
	height:						12px;
	
	background-image: 			url(../img/btn_icon_next.gif);
	background-position:		0 0;
	background-repeat:			no-repeat;
	
	text-indent:				-2000px;
	overflow:					hidden;
}
a:hover.btn_icon_next{ background-position:0 -12px; }



a.btn_test_next{
	position:absolute;
	display:					block;

	
	width:						30px;
	height:						52px;
	
	top:						160px;
	left:						430px;
	
	back_ground-color: 			pink;

	
	text-indent:				-2000px;
	overflow:					hidden;
}



}