/*

(c) 2011, 2010 DEDITEC GmbH, Germany
www.deditec.de

Changes/Modification by DEDITEC GmbH

27.07.2010 JS Sitemap Level3 ergänzt (dünnere Schrift)
27.07.2010 JS News unter Navigation mit Style News eingebaut
02.08.2010 DK Sitemap Level4 ergänzt (kleinere Schrift)
02.08.2010 DK .softwarepic, .preview und .desc hinzugefügt.
02.08.2010 DK .element p padding zu margin geändert.
02.08.2010 DK .element h1 padding geändert: 10px nach unten hinzugefügt.
07.08.2010 JS .preview mit mehr Rand versehen
12.10.2010 MK Deaktivierung des Unterstriches bei .a + Farbänderung in Grau (Zeile 464)
12.10.2010 MK Änderung der Position von h2 im Element bereich (Zeile 642)
12.10.2010 MK Änderung der Position von news-content (Zeile 562)
20.01.2011 MK Ergänzung Laufschrift
11.08.2011 MH Ergänzung Toggler Download Schrift / Techn. Daten Tabellen Format
12.08.2011 MH Ergänzung Div "aufzaehlung"
16.08.2011 MH Div Shoppingcart margin geändert - Div "no-padding" ergänzt
18.08.2011 MH Div ".element h1.left-padding" ergänzt
18.08.2011 MH Div ".product-margin-right" ergänzt
24.08.2011 JS content Bereiche hatten falschen Abstand
29.08.2011 MH Div "icon-image" hinzugefügt
31.08.2011 MH Padding bei "icon-image" hinzugefüt / Abstand nach links im Icon-Bereich
31.08.2011 MH Div ".video-image" hinzugefügt
01.09.2011 MH Div ".topnav-margin-left" hinzugefügt
*/

* {
	margin: 0;
	padding: 0;
}
body {
	background-color: #000000;
	color: #888888;
	font-family: arial, verdana;
	font-size: 12px;
	line-height: 20px;
	padding: 10px 0;
}
marquee  {
	background-color: #ffffff;
	font-size: 14px;
}
#logo {
	float: right;
	width: 247px;
	height: 64px;
	margin: -80px 0 0 0;
	background-image: url('../images/logo.gif');
} 
#language {
	clear: right;
	float: right;
	margin: 10px 0 0 0;
}
#language a {
	color: #ffffff;
	font-size: 10px;
	text-decoration: none;
}
#phone {
	position: absolute;
	width: 45px;
	height: 650px;
	margin: 87px 0 0 985px;
	background-image: url('../images/telefon.gif');
}
.english #phone {
	background-image: url('../images/phone.gif');
}
*html #phone {
    margin: 114px 0 0 987px;
}
*+html #phone {
    margin: 114px 0 0 987px;
}
#page {
	margin: 0 auto;
	padding: 80px 0 0 0;
	width: 983px;
}
#topnav {
	width: 983px;
}
/* hide hack */
* html #topnav { height: 1%; }
/* end hiding */ 
#topnav ul {
	list-style: none;
}
#topnav li {
	float: left;
	text-align: center;
	width: 112px;
	height: 27px;
	margin: 10px 3px 0 0;
	padding: 16px 0 0 0;
	background-color: #2a2a2a;
	font-weight: bold;
}
#topnav .active {
	height: 38px;
	margin-top: -2px;
	font-weight: bold;
	color: #000000;
	background-color: #ffffff;
	padding: 17px 0 0 0;
}
#topnav .active a {
	color: #000000;
}
#topnav a {
	color: #ffffff;
	text-decoration: none;
}
.topnav-margin-left {
	float: left;
	text-align: center;
	width: 157px;
	height: 27px;
	margin: 10px 3px 0 100px;
	padding: 16px 0px 0px 0px;
	background-color: #2a2a2a;
	font-weight: bold;
}
/*-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------*/
#stage {
	clear: left;
	height: 245px;
	width: 983px;
}
#stage .stage-home-de {
    float: left;
    height: 245px;
    width: 504px;
    background-image: url('../images/stage/stage-home-de.jpg');    
}
#stage .stage-home-en {
    float: left;
    height: 245px;
    width: 504px;
    background-image: url('../images/stage/stage-home-en.jpg');    
}
#stage .stage-logicanalyzer-de {
    float: left;
    height: 245px;
    width: 504px;
    background-image: url('../images/stage/stage-logicanalyzer-de.jpg');    
}
#stage .stage-logicanalyzer-en {
    float: left;
    height: 245px;
    width: 504px;
    background-image: url('../images/stage/stage-logicanalyzer-en.jpg');    
}
#stage .stage-modules-de {
    float: left;
    height: 245px;
    width: 504px;
    background-image: url('../images/stage/stage-modules-de.jpg');    
}
#stage .stage-modules-en {
    float: left;
    height: 245px;
    width: 504px;
    background-image: url('../images/stage/stage-modules-en.jpg');    
}
#stage .stage-devtools-de {
    float: left;
    height: 245px;
    width: 504px;
    background-image: url('../images/stage/stage-devtools-de.jpg');    
}
#stage .stage-devtools-en {
    float: left;
    height: 245px;
    width: 504px;
    background-image: url('../images/stage/stage-devtools-en.jpg');    
}
#stage .stage-embedded-de {
    float: left;
    height: 245px;
    width: 504px;
    background-image: url('../images/stage/stage-embedded-de.jpg');    
}
#stage .stage-embedded-en {
    float: left;
    height: 245px;
    width: 504px;
    background-image: url('../images/stage/stage-embedded-en.jpg');    
}

#stage .stage-home-right {
    float: right;
    height: 245px;
    width: 479px;
    background-image: url('../images/stage/stage-home-right.jpg');    
}
#stage .stage-logicanalyzer-right {
    float: right;
    height: 245px;
    width: 479px;
    background-image: url('../images/stage/stage-logicanalyzer-right.jpg');    
}
#stage .stage-modules-right {
    float: right;
    height: 245px;
    width: 479px;
    background-image: url('../images/stage/stage-modules-right.jpg');    
}
#stage .stage-devtools-right {
    float: right;
    height: 245px;
    width: 479px;
    background-image: url('../images/stage/stage-devtools-right.jpg');    
}
#stage .stage-embedded-right {
    float: right;
    height: 245px;
    width: 479px;
    background-image: url('../images/stage/stage-embedded-right.jpg');    
}
/*-----------------------------------------------------------------------------*/
#area {
	width: 983px;
	height: 135px;
	background-color: #ffffff;
}
.area1, .area1active, .area2, .area2active, .area3, .area3active, .area4, .area4active, .area1home, .area2home, .area3home, .area4home {
	float: left;
	width: 245px;
	height: 135px;
}
.area1, .area1active, .area2, .area2active, .area3, .area3active, .area1home, .area2home, .area3home {
	margin-right: 1px;
}
.area1 {
	background-image: url('../images/buttons/button-embedded-inactive.gif');	
}
.area1active {
	background-image: url('../images/buttons/button-embedded-active.gif');	
}
.area1home {
	background-image: url('../images/buttons/button-embedded-home.gif');
}
.area2{
	background-image: url('../images/buttons/button-logicanalyzer-inactive.gif');
}
.area2active {
	background-image: url('../images/buttons/button-logicanalyzer-active.gif');
}
.area2home {
	background-image: url('../images/buttons/button-logicanalyzer-home.gif');
}
.area3 {
	background-image: url('../images/buttons/button-modules-inactive.gif');	
}
.area3active {
	background-image: url('../images/buttons/button-modules-active.gif');	
}
.area3home {
	background-image: url('../images/buttons/button-modules-home.gif');	
}
.area4 {
	background-image: url('../images/buttons/button-devtools-inactive.gif');	
}
.area4active {
	background-image: url('../images/buttons/button-devtools-active.gif');	
}
.area4home {
	background-image: url('../images/buttons/button-devtools-home.gif');	
}
/*-----------------------------------------------------------------------------*/
.english .area1 {
	background-image: url('../images/buttons/en-button-embedded-inactive.gif');	
}
.english .area1active {
	background-image: url('../images/buttons/en-button-embedded-active.gif');	
}
.english .area1home {
	background-image: url('../images/buttons/en-button-embedded-home.gif');	
}
.english .area2{
	background-image: url('../images/buttons/en-button-logicanalyzer-inactive.gif');
}
.english .area2active {
	background-image: url('../images/buttons/en-button-logicanalyzer-active.gif');
}
.english .area2home {
	background-image: url('../images/buttons/en-button-logicanalyzer-home.gif');
}
.english .area3 {
	background-image: url('../images/buttons/en-button-modules-inactive.gif');	
}
.english .area3active {
	background-image: url('../images/buttons/en-button-modules-active.gif');	
}
.english .area3home {
	background-image: url('../images/buttons/en-button-modules-home.gif');	
}
.english .area4 {
	background-image: url('../images/buttons/en-button-devtools-inactive.gif');	
}
.english .area4active {
	background-image: url('../images/buttons/en-button-devtools-active.gif');	
}
.english .area4home {
	background-image: url('../images/buttons/en-button-devtools-home.gif');	
}
/*-----------------------------------------------------------------------------*/
#border-top {
	background-color: #747474;
    height: 15px;
	width: 983px;
}
.embedded-systeme #border-top {
	background-image: url('../images/stage/menu-linie-gruen.gif');
}
.logik-analyse #border-top {
	background-image: url('../images/stage/menu-linie-blau.gif');
}
.steuer-regelungs-module #border-top {
	background-image: url('../images/stage/menu-linie-gelb.gif');
}
.entwicklungs-tools #border-top {
	background-image: url('../images/stage/menu-linie-rot.gif');
}
/*-----------------------------------------------------------------------------*/
#left {       
    width: 245px;
	font-size: 16px;
	margin: 30px 0 0 0;
	float: left;
}
#left ul {
	list-style: none;
}
#left ul.level1 li {
	width: 223px;
	margin: 3px;
	padding: 8px;
	background-color: #f5f5f5;
	font-weight: bold;
}
#left ul.level1 li a:hover {
	color: #000;
}
#left ul.level1 li.active {
    background-color: #fff;
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 0 3px;
    width: 226px;
}
#left ul.level1 li.active a {
    color: #5c5c5c;
}
#left ul.level2 li {
	background-color: #fff;
	font-size: 14px;
	margin: 0 0 0 3px;
	padding: 4px 8px;
	width: 226px;
}
#left ul.level2 li a {
    margin: 0 0 0 20px;
}
*html #left ul.level2 li a {
    margin: 0 0 0 10px;
}
*+html #left ul.level2 li a {
    margin: 0 0 0 10px;
}
*html #left ul.level2 li.inactive a {
    color: #888;
}
#left ul.level2 li.active a {
    font-size: 14px;
    font-weight: bold;
}
#left ul.level3 li {
    font-size: 12px;
    font-weight: normal;
}
#left ul.level3 li a {
    margin: 0 0 0 45px;
}
*html #left ul.level3 li a {
    margin: 0 0 0 22px;
}
*html #left ul.level3 li.inactive a {
    font-size: 12px;
    font-weight: normal;
}
*+html #left ul.level3 li.inactive a {
    font-size: 12px;
    font-weight: normal;
}
#left ul.level3 li.active a {
    font-size: 12px;
    font-weight: bold;
}
#left ul.level4 li a {
    margin: 0 0 0 60px;
}
#left a {
	color: #888;
	text-decoration: none;
}
#right {
	background-image: url(../images/bg.jpg);
}
.border {
	border-top: 1px solid #e0e0e0;
	clear: right;
	width: 658px;
	margin: 27px 0 30px 0;
}
*html .home .border {
    margin: 0 0 30px 0;
}
*html .content .border {
    margin: 0 0 30px 0;
    width: 652px;
}
*+html .content .border {
    margin: 0 0 30px 0;
}
*html .overview .border {
    margin: 27px 0 30px 0;
    width: 652px;
}
*+html .overview .border {
    margin: 27px 0 30px 0;
    width: 652px;
}

/*-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------*/
/* Content */
#content {
    margin: 0 0 0 245px;
    padding: 20px 40px;
}
*html .home #content {
    position: relative;
}
h1 {
	color: #505050;
    font-size: 22px;
	padding: 0 0 20px 0;
} 
h1.less-space {
    padding: 0 0 5px 0;
}
h2 {
    color: #505050;
    font-size: 18px;
    margin:10px 0 10px 0;
}
h2.not-bold {
    font-weight: normal;
}
h3 {
    color: #505050;
    font-size: 14px;
    margin:10px 0 2px 0 ;
}
h3.not-bold {
#    font-weight: normal;
}
h4 {
    color: #505050;
    font-size: 12px;
    margin:10px 0 2px 0 ;
}
a {	
	color: #505050; text-decoration : none;
}
#content ul {
    padding:0 0 0 25px;
}
.aufzaehlung {
	padding:0 0 0 15px;
}
.no-padding {
	padding: 0px;
}
.no-padding table {
	padding: 0px;
}
table {
    padding:30px;
}
.steuer-regelungs-module h1 {
    float: left;
}
.embedded-systeme h1 {
    float: left;
}
.entwicklungs-tools h1 {
    float: left;
}
.logik-analyse h1 {
    float: left;
}
.home h1 {
    float: left;
}
.small-left {
    width: 350px;
}
/*-----------------------------------------------------------------------------*/
.news {
	margin: 30px 0 50px 0;
}
.news-image {
	float: left;
	width: 165px;
	height: 115px;
	background-color: #f5f5f5;
}
/*-----------------------------------------------------------------------------*/
.product {
    background-color: #f5f5f5;
    padding: 30px;
}
*html .product {
    width: 592px;
}
*+html .product {
    width: 598px;
}
.product-image {
    float: right;
    width: 252px;
}
.icon-image {
    float: right;
	text-align: center;
	font-size: 12pt; 
	font-weight: bold;
	padding: 0 0 0px 100px;
}
.video-image {
	float: left;
	text-align: center;
	font-size: 12pt; 
	font-weight: bold;
	padding: 20px 0px 20px 0px;
}
.product-margin-right{
	margin: 0 -5px 0 0;
}
.product-content-facts {
    float: right;
    margin: 0 0 0 30px;
    width: 316px;
}
.product-content-facts h2 {
    font-size: 14px;
    margin: 0 0 15px 0;
}
.product-content-facts ul li {
    margin: 0 0 0 15px;
}
.product-more {
    float: right;
    /*margin: -30px 0 0 0;*/
}
.product-more a img {
    border: none;
}
.download {
    background-color: #f5f5f5;
    margin: 15px 0 0 0;
    padding: 15px 30px;
}
.download-download {
    float: right;
    margin: 18px 0 0 0;
    width: 62px;
}
.download-download img {
    border: none;
}
.download-content {
    float: right;
    margin: 15px 0 0 0;
    width: 450px;
}
.spacer {
    height: 30px;
}
.clear {
    clear: right;
}
.clear-left {
    clear: left;
}
.product-content-description p {
    padding: 30px 30px 0 30px;
}
.shopping-cart {
    float: right;
    margin: 15px 16px 15px 0;
}
.news-image img {
	margin: 5px 0 0 5px;	
}
/*-----------------------------------------------------------------------------*/
.news-content {
	padding: 0px 0 0 180px;
}
.news-content h2 {
	font-size: 14px;	
	color: #851700;
}
#news-ende {
	clear: left;	
}
/*-----------------------------------------------------------------------------*/
.price {
    float: right;
    margin: 0 0 30px 0;
}
.price .sum {
    color: #851700;
    font-size: 24px;
}
.price .info {
    font-size: 10px;
    text-align: right;
}
.half {
    float: left;
    width: 329px;
}
.half .box {
    margin: 0 0 20px 0;
}
.half .box img {
    float: left;
    margin: 0 15px 0 0;
}

/*-----------------------------------------------------------------------------*/
/* Footer */
#footer {
	float: right;
	padding: 10px 0 10px 0;
	color: #ffffff;
	font-size: 10px;
	clear: both;
}
#footer a {
	color: #ffffff;
	text-decoration: none;
}

/*-----------------------------------------------------------------------------*/
/* mootools */
.toggler {
	background: #e0e0e0;
	cursor: pointer;
	font-size: 22px;
	height: 40px;
	line-height: 38px;
	margin: 0 0 4px 0;
	padding: 5px 15px 1px 30px;
}
.toggler-description {
    float: left;
}
.toggler-graphic {
    float: right;
}
*html .toggler-graphic {
    margin: -38px 0 0 0;
}
*+html .toggler-graphic {
    margin: -38px 0 0 0;
}
.element {
    width: 658px;
}
.element p {
    margin: 0 0 0 30px;
}
.element h1 {
    padding: 20px 0 10px 30px;
}
.element h1.left-padding {
    padding: 0px 0px 0px 30px;
}
.element h2 {
    padding: 0px 0 0 30px;
	color: #101010;
}
.element h2.no-element-color{
    padding: 0px 0 0 30px;
	color: #808080;
}
.element h2.not-bold{
    padding: 0px 0 0 30px;
	color: #808080;
	font-weight: normal;
}
.element h2.no-padding {
    padding: 0px 0 0 0px;
	font-weight: normal;
	color: #808080;
}
.element h3 {
    padding: 10px 0 0px 30px;
	color: #808080;
}
.element h4 {
    padding: 0px 0 0 30px;
    color: #808080;
}
.element h4.no-padding {
    padding: 0px 0 0 0px;
}
.element img {
    border-width: 0px;
}
.element ul li{
    margin-left: 20px ;
}
.element a {
	font-weight: bold;
	color: #000;
}
.element a:hover {
	text-decoration: underline;
}
.element .softwarecode {
	margin-left: 30px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	}
/*-----------------------------------------------------------------------------*/
/* Sitemap */
.sitemap {
	font-weight:bold;
	list-style-type: disc;
}
.sitemap ul {
	list-style-type: disc;
	font-size: 14px;	
	margin-top: 10px;
	margin-bottom: 1 0px;
    color: #505050;
    margin:10px 0 10px 20px;
}
.sitemap a {
    color: #505050;
	text-decoration: underline;
}
.sitemap .level3 {
	font-weight: normal;
}
.sitemap .level4 {
	font-size: 12px;
}
/*-----------------------------------------------------------------------------*/
/* Software-Samples */
.softwarecode{
	background-color: #d8d8d8;
	font-size: 8pt; 
	font-family: courier new,courier;
	text-align: left;
	width: 620px;
	line-height: 10pt;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
/*-----------------------------------------------------------------------------*/
/* News unter Navigation */
#news{
	margin: 30px 0 0 30px;
	font-size:12px;
	font-weight:bold;
	color:#000;
}

#news h1 {
	font-weight:bold;
	font-size:19px;
	font-family:verdana;
}

#news h2 {
	color: #888;
	font-size:16px;
	margin:3px 0 3px 0;
}

#news a {
	color:#000;
}

#news a:hover {
	text-decoration:underline;
}
/*-----------------------------------------------------------------------------*/
img {
	border-width: 0;
}
h6 {
	color: #505050;
    font-size: 14px;
    margin:0 0 15px 0;
}
/*-----------------------------------------------------------------------------*/
/*  Bild vergrößern */

.softwarepic {
	position: absolute;
	text-align: center;
	font-weight: bold;
}

.preview {
	padding: 10px;
	margin: 30px;
	background-color: #f5f5f5;
	cursor: pointer;
}


.desc {
	color: #FFFFFF;
	background-color: #000000;
	display: block;
}