/*

Authors: Frank Wentz (foxx4.net), Marcel Hönerbach (foxx4.net)

Authors URI: http://www.foxx4.net


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

*/

* {
	margin: 0;
	padding: 0;
}
body {
	background-color: #000000;
	color: #888888;
	font-family: arial, verdana;
	font-size: 12px;
	line-height: 20px;
	padding: 10px 0;
}
#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;
}
/*-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------*/
#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: #851700;
}
#content ul {
    padding:0 0 0 25px;
}
table {
    padding:30px;
}
.steuer-regelungs-module 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;
}
.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: 0 15px 30px 0;
}
.news-image img {
	margin: 5px 0 0 5px;	
}
/*-----------------------------------------------------------------------------*/
.news-content {
	padding: 10px 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 h2 {
    padding: 25px 0 0 30px;
	color: #101010;
}
.element h3 {
   padding: 10px 0 0px 30px;
	color: #808080;
}
.element h4 {
   padding: 0px 0 0 30px;
}
.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;
}