﻿
/* 
 * Style Anweisungen fuer den gesamten Inhalt
 */


/* Passt die Input Felder der Typen textarea, text und password cross-browser kompatibel auf eine Breite an. */
input[type='textarea'], input[type='text'], input[type='password']
{
	box-sizing:border-box;
	-ms-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}



.contact_form_text, .contact_form_text_small {
}

.contact_form_text_small {
	margin: 0;
	font-weight: normal;
	color: #555555;
}

input.contact_form_input_left{
	width:200px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
        padding: 3px;
	margin: 0px 20px 0px 0px;
	display:inline;
}

input.contact_form_input_right{
	width:200px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
        padding: 3px;
}

input.contact_form_short_input{
	width:164px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
}

textarea.contact_form_textarea{
	width:520px;
	height:160px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
        padding: 3px;
}

select.contact_form_select{
	width: 200px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
        padding: 3px;
}

/* === HEAD === */
.am_logo {
	position: absolute;
	top: 28px;
	left: 753px;
}
.xc_logo {
	position: absolute;
	top: 28px;
	left: 25px;
}
.menu_badge {
	/*margin: 87px 50px 10px 645px;*/
	position: absolute;
}

.menu_badge_requestbox {
	margin: 87px 50px 10px 645px;
	position: absolute;
}

.menu_badge_button {
	margin: -55px 50px 10px 825px;
	height: 70px;
	width: 136px;
	position: relative;
	z-index: 11;
}


.wrapper_requestbox{
	position: absolute;
	border: 0px;
	width: 136px;
	height: 70px;
	right:100px;
	top: 66px;
        z-index: 1020;
}

#requestbox_submenu{
	display:none;
}

.requestbox_linkbox{
	padding-left: 9px;
	padding-top: 1px;
}

.requestbox_linkbox li{
	font-family:arial,verdana,sans-serif;
	font-size:11px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	line-height:17px;
	color: #7C8485;
}

.requestbox_linkbox li a:link{
	color: #7C8485;
	text-decoration: underline;
}

.requestbox_linkbox li a:visited{
	color: #7C8485;
	text-decoration: underline;
}

.requestbox_linkbox li a:hover{
	color: #F99E00;
	text-decoration: underline;
}


#language {
	position: absolute;
	top: 83px;
	left: 656px;
	color: #FFFFFF;
	float: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	height: 18px;
	padding-top: 3px;
	padding-right: 15px;
	padding-left: 15px;
	
}


/* === CONTENT === */

/* === divs fuer pressemeldungen ===*/

.new, .newo{
	/*float: left;*/
	width: 520px;
	/*height: 90px;*/
	border: 0px solid #ccc;
	margin: 0px 0px 0px 0px;
	padding: 10px;
}

.newo {
	background: #ffefd5;
}

/* === div fuer kontaktdaten=== */

#kontakt{
	
}

/* === left columns === */

#left_column, #left_column_small, #left_column_long, #left_column_long2, #left_column_long3, #left_column_long4, #left_column_kontakt, #left_column_big, #left_column_big2, #left_column_big3, #left_column_meldung1 { 
	color: #333;
	border: 0px solid #ccc;
	margin: 0px 0px 0px 0px;
	height: 447px;
	width: 500px;
	float: left;
	background: #FFF;
}

#left_column_small { 
	height: 650px;
	width: 440px;
}

#left_column_big {
	width: 770px;
	height: 1550px;
}

#left_column_big2 {
	width: 770px;
	height: 760px;
}

#left_column_big3 {
	width: 720px;
	height: 760px;
}

#left_column_meldung1 {
	width: 770px;
	height: 2250px;
}

#left_column_long {
	height: 500px;	
}

#left_column_long2 {
	height: 650px;	
}

#left_column_long3 {
	height: 900px;	
}

#left_column_long4 {
	width: 770px;
	height: 1350px;	
}

#left_column_kontakt { 
	height: 650px;
	width: 457px;
}

#left_column_anfahrt {
	height: 350px;
	width: 500px;
}
#left_column_anfahrt p {margin-bottom: 20px;}


/* === right columns === */
	
#right_column, #right_column_big, #right_column_small2, #right_column_small3, #right_column_kontakt,#right_column_produkt_news, #right_column_small, #right_column_long, #right_column_long2, #right_column_long3, #right_column_long4, #right_column_meldung1 { 
	float: right;
	color: #333;
	border: 0px solid #ccc;
	margin: 0px 0px 0px 0px;
	height: 447px;
	width: 492px;
	display: inline;
	background: #FFF;
        z-index: 1;
}

#right_column_small{
	height: 1550px;
	width: 222px;
}

#right_column_small2 {
	width: 222px;
	height: 760px;
}

#right_column_small3 {
	width: 250px;
	height: 760px;
}
#right_column_small3  img{
	margin-top: 120px;
}

#right_column_big { 
	height: 650px;
	width: 552px;
}

#right_column_meldung1 {
	height: 2250px;
	width: 222px;
}

#right_column_kontakt {
	height: 650px;
	width: 535px;
	background: #FFF url(../../resources/images/kontakt_neu.png);
}

#right_column_produkt_news {
	height: 650px;
	width: 535px;
	background: #FFF url(../../resources/images/am20_teaser.png) 50px 100px no-repeat;
}
#right_column_anfahrt {
	height: 650px;
	width: 500px;
}


#right_column_long {
	height: 500px;
}

#right_column_long2 {
	height: 650px;
}

#right_column_long3 {
	height: 900px;
}

#right_column_long4 {
	height: 1350px;
	width: 222px;
}


/* --------------- */

.content {
	padding-left: 25px;
	padding-top: 25px;
	color: #4C4B4A;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
}
.produkt_news p {margin-bottom: 20px;}
.contentjobs {
	color: #7C8485;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
}

.contentjobs p {
line-height: 130%;
padding-top:16px;
}

.contentjobs ul {
	padding-left: 35px;
}

.sub_ueberschrift {
font-size:13px;
font-weight:bold;
}

.p_bottom p {
	padding-bottom: 10px;
}

.content_left {
	float: left;
	width: 220px;
	margin: 0;
}

.content_right {
	float: left;
	width: 240px;
}


/* === INFO === */
#bottom_column, #bottom_column_big, #bottom_column_left, #bottom_column_right, #bottom_column_middle  { 
	color: #333;
	clear: both;
/*	border: 0px solid #ccc;*/
	margin: 0px 0px 0px 0px;
	height: 272px;
	width: 992px;
}


#bottom_column_left { 
	width: 250px;
	float: left;
	display: inline;
}

#bottom_column_middle { 
	width: 475px;
	float: left;
	display: inline;
}


#bottom_column_right { 
	width: 250px;
	float: right;
	display: inline;
}

/* big_box2.jpg ist mit dunkler ecke unten, 
big_box3.jpg mit hellerer ecke unten 
big_box4.jpg mit hellerer ecke oben und unten */

/* set the image to use and establish the lower-right position */ 
.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2, .cssbox3, .cssbox3_body, .cssbox3_head, .cssbox3_head h2, .cssbox4, .cssbox5, .cssbox5_body, .cssbox5_head, .cssbox5_head h2, .cssbox4_body, .cssbox4_head, .cssbox4_head h2 { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
} 

.cssbox3 {
	background: transparent url(../../resources/images/big_box3.png) no-repeat top right; 	
	height:138px;
}	

.cssbox4 {
	background: transparent url(../../resources/images/big_box4.png) no-repeat top right; 	
	height: 115px;
}
.cssbox5 {
	background: transparent url(../../resources/images/big_box5.png) no-repeat top right; 
	height: 126px;
}
.cssbox, .cssbox3, .cssbox4, .cssbox5 { 
	width: 225px !important; /* intended total box width - padding-right(next) */ 
	width: 225px; /* IE Win = width - padding */ 
	padding-right: 15px; /* the gap on the right edge of the image (not content padding) */ 
	margin: 1px; /* use to position the box */
} 
.cssbox5 { 
	padding-right: 15px;
	}
	
.cssbox { 
	background: transparent url(../../resources/images/big_box2.png) no-repeat top right; 
	height:262px;
}
/* set the top-right image */ 
.cssbox_head, .cssbox3_head, .cssbox4_head, .cssbox5_head { 
	background-position: top right; 
	margin-right: -15px; /* pull the right image over on top of border */ 
	padding-right: 40px; /* right-image-gap + right-inside padding */ 
} 

/* set the top-left image */ 
.cssbox_head h2, .cssbox3_head h2, .cssbox4_head h2, .cssbox5_head h2 { 
	background-position: top left; 
	margin: 0px; /* reset main site styles*/ 
	border: 0; /* ditto */ 
	padding: 4px 0 10px 10px; /* padding-left = image gap + interior padding ... no padding-right */ 
	height: auto !important; height: 1%; /* IE Holly Hack */
	font-size: 11px;
	color: #727272;
} 

/* set the lower-left corner image */ 
.cssbox_body, .cssbox3_body, .cssbox4_body, .cssbox5_body { 
	background-position: bottom left; 
	margin-right: 10px; /* interior-padding right */ 
	padding: 0 0 15px 10px; /* mirror .cssbox_head right/left */ 
	font-size: 10px;
	color: #7B7E7E;
} 




/* --- Grosse runde Box mit Grafik --- */

/* set the image to use and establish the lower-right position */ 
.cssbox_gross, .cssbox_gross_body, .cssbox_gross_head, .cssbox_gross_head h2 { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
} 

.cssbox_gross { 
	width: 450px !important; /* intended total box width - padding-right(next) */ 
	width: 450px; /* IE Win = width - padding */ 
	height:262px;
	padding-right: 15px; /* the gap on the right edge of the image (not content padding) */ 
	margin: 1px; /* use to position the box */
	background: url(../../resources/images/grosse_box.gif) no-repeat top right; 
} 

/* set the top-right image */ 
.cssbox_gross_head { 
	background-position: top right; 
	margin-right: -15px; /* pull the right image over on top of border */ 
	padding-right: 40px; /* right-image-gap + right-inside padding */ 
} 

/* set the top-left image */ 
.cssbox_gross_head h2 { 
	background-position: top left; 
	margin: 0px; /* reset main site styles*/ 
	border: 0; /* ditto */ 
	padding: 4px 0 10px 10px; /* padding-left = image gap + interior padding ... no padding-right */ 
	height: auto !important; height: 1%; /* IE Holly Hack */
	font-size: 11px;
	color: #727272;
} 

/* set the lower-left corner image */ 
.cssbox_gross_body { 
	background-position: bottom left; 
	margin-right: 10px; /* interior-padding right */ 
	padding: 0 0 15px 10px; /* mirror .cssbox_head right/left */ 
	font-size: 10px;
	color: #7B7E7E;
} 


/* === FOOTER === */
#copy_text {
	float: right;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	padding-top: 2px;
	padding-right: 25px;
}


/* === STANDARD CLASSES === */
.clear_all {
	clear: left;
	clear: right;
	line-height:0px;
	font-size: 0px;
	content: ".";
	height: 0;
  	visibility: hidden;	
}

h1 {
	font-size: 12pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-bottom: 10px;
	color: #63666E;
}

h3 {
	font-size: 9pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-bottom: 10px;
	color: #63666E;
}


/* --- Ueberschrift Liste --- */
.list_head, .list_head_active, .list_head_long, .list_head_long_active, .list_head_long_top, .list_head_long_top_active, .list_head_long_2nd, .list_head_long_2nd_active {
	padding: 0 0 0 15px;
	margin: 0;
	height: 22px;
	background: #fff url(../../resources/images/list_head_button.jpg) no-repeat left top;
	position: relative;
	display: block; 
	color: #757679;
	line-height: 22px;
	text-decoration: none; 
	font-size: 11px; 
	font-family: verdana, arial, sans-serif; 
	font-weight: bold;
	border-top: 1px solid #E3E4E5;
	border-bottom: 1px solid #E3E4E5;
	margin-top: -1px;
	cursor: pointer;
}

.list_head_active {
	background: #fff url(../../resources/images/list_head_button_active.jpg) no-repeat left top;
	color: #FDFDFD;
}

.list_head_long, .list_head_long_2nd {
	background: #fff url(../../resources/images/list_head_button_long.jpg) no-repeat left top;
}

.list_head_long_active, .list_head_long_2nd_active, .list_head_long_top_active {
	background: #fff url(../../resources/images/list_head_button_longer_active.jpg) no-repeat left top;
	color: #FDFDFD;
}

.list_head_long_2nd {
	color: #A9AAAB;
}

.list_head_long_top {
	background: #fff url(../../resources/images/list_head_button_long_top.jpg) no-repeat left top;
}

.list1 {
	list-style-type: none;
	padding: 0;
	background: url(../../resources/images/li_bg_verlauf.gif) repeat-x top;
}

.list1 li {
	background-image: url(../../resources/images/list1_bullet.gif);
	background-repeat: no-repeat;
	background-position: 1.3em .4em;	/* Ausrichtung Bullet */
	padding-left: 2.5em;
	margin: 0 0 .05em 0;		/* Zeilenabstand */
	font-size: 10px;
}

.list2 {
	list-style-type: none;
	padding: 0;
}

.list2 li {
	background-image: url(../../resources/images/list1_bullet.gif);
	background-repeat: no-repeat;
	background-position: 0.3em .4em;	/* Ausrichtung Bullet */
	padding-left: 1.5em;
	margin: 0 0 .05em 0;		/* Zeilenabstand */
	font-size: 11px;
}

.list3, .list3u {
	list-style-type: none;
	padding: 0;
}

.list3u {
	padding-left: 20px !important;
	padding-left: 0px;
	margin-left: 0; 
}

.list3 li, .list3u li {
	background-image: url(../../resources/images/list1_bullet.gif);
	background-repeat: no-repeat;
	background-position: 0.3em 0.4em;	/* Ausrichtung Bullet */
	padding-left: 1.5em;
	margin: 0 0 .7em 0;		/* Zeilenabstand */
	font-size: 12px;
}

.list3u li {
	margin: 0.75em 0 .7em 0;		/* Zeilenabstand */
	padding-left: 1.5em;
}

.list_hide_bul {
	list-style-type: none;
	padding: 0;
}

.list_hide_bul li {
	background-repeat: no-repeat;
	background-position: 0.3em 0.4em;	/* Ausrichtung Bullet */
	padding-left: 1.0em;
	margin: 0 0 .4em 0;		/* Zeilenabstand */
}

.text_in_list {
	background: url(../../resources/images/li_bg_verlauf.gif) repeat-x top;
	padding: 1em 1.5em 1em 2.5em;
	/*width: 400px;*/
}

.text_in_list p {
	width: 370px;
	padding-bottom: 6px;
}

a:link, a:visited, a:active, a:hover, a.gray:link, a.gray:visited, a.gray:active, a.gray:hover {
	color: #F60;
	text-decoration: underline;
	/*vertical-align: middle;*/
}

a:hover {
	color: #888;
}

a.gray:link, a.gray:visited, a.gray:active, a.gray:hover {
	color: #7C8485;
}

a.gray:hover {
	color: #F60;
}

a.list1text:link, a.list1text:visited, a.list1text:active, a.list1text:hover, a.list3text:link, a.list3text:visited, a.list3text:active, a.list3text:hover {
	color: #7C8485;
	font-size: 10px;
	text-decoration: none;
}

a.list1text:hover, a.list3text:hover {
	color: #F60;	
	text-decoration: underline;
}

a.list3text:link, a.list3text:visited, a.list3text:active, a.list3text:hover {
	font-size: 12px;
}

sup.small {
	font-size: .9em;
}

a.imglink:link, a.imglink:visited, a.imglink:active, a.imglink:hover {
	border: 0;
	text-decoration: none;
}

.logo_div {
	float: left;
	width: 140px;
	height: 110px;
	/*text-align: center;*/
	/*vertical-align: middle;*/
	/*padding: 0px 5px 1px 5px;*/
}

.logo_info {
	position: absolute;
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	width: 130px;
	text-align: left;
	font-size: 10px;
	padding: 5px;
	color: #666;
	display: none;
	margin: 105px 0 0 1px !important;
	margin: 105px 0 0 5px;
}

/* Dienstlesitungspakete-Tabelle */
.service_bundles {
	margin:30px 70px 0px 20px;
}
.service_bundles_header th {
	text-align:left;
	line-height: 25px;	
	font-weight: normal;
}
.service_bundles_content td {
	border-top: 1px solid #e5e5e5;
	padding: 10px 0;
}

.service_bundles_title {
	font-weight: bold;
}

.service_bundles_content ul {
	color: #4C4B4A ;
	margin-left: 15px;
}

.contact_table {
    margin: 50px 50px 0 50px;
}

.contact_table td {
    height: 50px;
}




/* Lizenz-Tabelle */

.box_lizenz {	
	border:1px solid #FFFFFF;
	background-color:#FFFFFF;
	text-align: left;
	padding: 4px 5px 4px 5px;
	margin-bottom: 10px;
	width:564px;
}

.box_lizenz_head {
	border-top:1px solid #e5e5e6;
	border-bottom:1px solid #e5e5e6;
	background-color:#ffffff;
	color:#63666e;
	font-weight:bold;
	font-size:12px;
	height:29px;
	vertical-align:middle;
	text-align: center;
}

.box_lizenz_line {
	height:22px;
	border:1px solid #FFFFFF;
	background-color:#FFFFFF;
}

.box_lizenz_column_head {
	height:22px;
	border:1px solid #FFFFFF;
	background-color:#BEBEBE;
	text-align: center;
	color: #000000;
}

.box_lizenz_content{
	height:22px;
	border:1px solid #FFFFFF;
	background-color:#BEBEBE;
	text-align: center;
	color: #000000;
}

.box_lizenz_column_width_first {
	width:159px;
}

.box_lizenz_column_width {
	width:135px;
}

.box_lizenz_column_width_big {
	width:188px;
}

.box_lizenz_column_attribute {
	border:1px solid #DDDDDD;
	background-color: #FFFFFF;
	text-align: center;
}

.box_lizenz_column_feature {
	background-color: #DDDDDD;
	font-weight:bold;
	color: #666666;
}

.box_paket_column_attribute {
	border:1px solid #DDDDDD;
	background-color: #FFFFFF;
	text-align: left;
	padding: 0 0 0 0;
}

.small_offset{
	padding-bottom: 10px;
}

#image_div {
	float: right;
	margin: 65px -15px 0 0px;
}

#kontaktdaten {
	background: #ECEEEE;
	width: 450px;
	height: 205px;	/* vor mit Aenderung "Achtung: ..." Wert: 295px */
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #848589;
	font-weight: bold;
	padding-top: 20px;
	margin-top: 20px;
}

#kontaktdaten p {
	padding: 0 20px 20px 20px;
}

#kontaktdaten a:link, #kontaktdaten a:visited, #kontaktdaten a:active, #kontaktdaten a:hover {
	text-decoration: underline;
	color: #848589;
}

#kontaktdaten a:hover {
	color: #7C8485;
}

#kontaktdaten_outer {
	padding: 100px 0 0 30px; 
}

#kontaktdaten_outer h1 {
	color: #F99E00; 
	font-size: 25px;
	font-weight: normal;
}

.project_news_top {
	background: transparent url(../../resources/images/kontakt_formular_box2.jpg) -30px top;
}
.project_news_middle {
	background: transparent url(../../resources/images/kontakt_formular_box2.jpg) -30px -155px;
}
.project_news_bottom {
	background: transparent url(../../resources/images/kontakt_formular_box2.jpg) -30px bottom;
}

.project_news {
	padding: 35px 0 0 40px;
}

#project_news_outer {
	width: 700px; 
	background: url(../../resources/images/kontakt_formular_box2.jpg) -30px bottom no-repeat;
}

.question, .question_on {
	padding: 0px 10px 5px 40px;
	vertical-align: middle;
	height: 30px;
	font-weight: bold;
}

.question_on {
	background: #FFEFD5;
}

.answer {
	padding: 0 50px 0 50px;
}

.qc_results p {
	padding-bottom: 10px;
}


.licenseModelsBoxTab, .licenseModelsBoxTabActive, .licenseModelsBoxTabLast
{
	display: block;
	width:162px;
	height: 27px;
	float: left;
	background-repeat: no-repeat;
	font-weight: bold;
	font-size:1.3em;
	padding-top: 10px;
	text-align:center;
}

.licenseModelsBoxTab
{
	background-image: url(../../resources/images/tab_normal.png);
	cursor: pointer;
}

.licenseModelsBoxTabActive
{
	background-image: url(../../resources/images/tab_highlight.png);
}

.licenseModelsBoxTabLast
{
	background-image: url(../../resources/images/tab_last.jpg);
	width:197px;
}


.licenseModelsBoxContentTarget
{
	clear: left;
	height: 475px;
	width: 630px;
	padding: 20px;
	background-image: url(../../resources/images/lizenzmodelle/content.jpg);
}


.licenseModelsRow, .licenseModelsRowLast, .licenseModelsRowHead
{
	overflow: hidden;
	border-top: 1px solid #e3e3e4;
	width: 582px;
	height: 29px;
}
.licenseModelsRow, .licenseModelsRowLast
{
	background-image:url(../../resources/images/lizenzmodelle/bg_verlauf.jpg);
}
.licenseModelsRowLast
{
	border-bottom:1px solid #e3e3e4;
}
.licenseModelsRowHead
{
	background-color:#FAFAFA;
	margin-top: 30px;
}

.licenseModelsRowHeadColFirst, .licenseModelsRowHeadColSmall, .licenseModelsRowHeadColWide, .licenseModelsRowColFirst, .licenseModelsRowColSmall, .licenseModelsRowColWide, .licenseModelsRowColFullWidth
{
	overflow: hidden;
	padding-top: 6px;
	float: left;
}
.licenseModelsRowHeadColFirst, .licenseModelsRowColFirst
{
	width: 180px;
	padding-left: 15px;
	font-weight: bold;
}
.licenseModelsRowColFullWidth, .licenseModelsRowColSmall, .licenseModelsRowColWide
{
	/*color: rgb(69, 131, 126);*/
	color: rgb(140, 139, 139);
}
.licenseModelsRowHeadColSmall, .licenseModelsRowColSmall
{
	width: 115px;
}
.licenseModelsRowHeadColWide, .licenseModelsRowColWide
{
	width: 145px;
}
.licenseModelsRowColFullWidth
{
	width: 380px;
}
.licenseModelsRowHeadColSmall, .licenseModelsRowHeadColWide
{
	font-weight: bold;
}


