﻿/* LAYOUT CSS STYLES */

body {
	text-align:         left;
	background-color:   #434343;
	font-family:        Arial, Helvetica;
	font-size:          8pt;
	padding-top:        0;
}

img 
{
    border: none;
    -ms-interpolation-mode:	bicubic;
}

input, textarea, select
{
	font-family:        Helvetica;
	font-size:          9pt;
	padding:			2px;
}

.clear
{
    clear: both; 
    height: 0;
}

div.spacer 
{
    width: 95%;
    height: 30px;
}

font 
{
    font-family:        Verdana;
	font-size:          11px;    
}

a, a:VISITED 
{
    color: #45487d;
}

a {
    text-decoration: none;
}

#border 
{
    width:              870px;
	margin-top:         10px;
    padding:            1px;
    border:             solid 1px white;
	margin-right:       auto;
	margin-left:        auto;
    overflow: hidden;
}

#frame {
	width:              872px;
	text-align:         left;
	background-image:   url(images/frame_background.png);
}

#footer
{
    font-size:          8pt;
    color:              rgb(51, 51, 51);
    padding-top:        5px;
    font-family:        Arial,Helvetica;
    padding:            5px 5px 5px 185px;
    background-image:   url(images/footer_background.png);
    height:             12px;  
}

#footer div
{
    float: left;
}

#footer img 
{
    float: right;
}

#contentleft {
	width:          177px;
	padding:        0px;
	float:          left;
	background:     #f1f2f3;
}

#contentcenter {
	width:          492px;
	padding:        0 0 30px 0;
	font-family:    Arial, Helvetica;
	font-size:      8pt;
	float:          left;
}

#contentcenter div.whitebox
{
    font-family:        Verdana,Arial,Helvetica;
    padding: 5px 9px 50px 9px;
}

#contentcenter div.whitebox div.paragraph 
{
    margin-bottom:  20px;
    text-align:     left;
    font-size:      8pt;
    font-family:    Verdana,Arial; /*OLD*/
}

#contentcenter div.whitebox div.paragraph div.pcontent {
    /*border: solid 1px red;*/
    margin-left: 5px;
}

#contentcenter div.whitebox ul 
{
    /*margin: 5px 0;*/
    margin: 10px;
    padding: 0 0 0 30px;
    list-style-image: url("images/arrow.gif");
    /*padding: 0px 3px;*/
}

#contentcenter div.whitebox ul.updates 
{
    margin:                 -10px 0 5px 0;
    list-style-image:       url("images/arrow.gif");
    padding:                3px 16px;
    color:                  Black;
}

#contentcenter div.whitebox ul.updates p
{
    font-family:            Verdana,Arial,Helvetica;
}

#contentcenter div.whitebox ul.updates a
{
    color:                  #45487D;
}

#contentcenter div.whitebox ul.updates li 
{
    /*margin: 3px;*/
}

#contentcenter div.whitebox p
{
	font-family:        Verdana,Arial,Helvetica;
    margin:             0;
}

#contentcenter div.whitebox ul.big 
{
    list-style-image: url(images/arrow.gif);
}

#contentright {
	width:  201px;
	padding: 0px;
	float: left;
    font-family:Arial, Helvetica;
    font-size: 11px;
}

#contentright div.whitebox 
{
    margin: 10px;
}

#contentright div.whitebox p 
{
    margin:     0 0 20px 0;
    padding:    0;
    font-size:  12px;
}

#banner 
{
    background-color: rgb(244, 225, 131);
    width: 201px;
}

#banner div.products 
{
    float:      left;
    margin:     17px 10px 0px 10px;
    width:      180px;
    padding:    0;
}

#banner div.products div.rstab 
{
    background-color:   rgb(255, 207, 99);
    width:              81px;
    float:              left;
    background-image:   url(images/banner_rstab.gif);
    background-repeat:  no-repeat;
    padding-top: 65px;
}

#banner div.products div.rfem
{
    background-color:   rgb(255, 207, 99);
    width:              88px;
    float:              right;
    background-image:   url(images/banner_rfem.gif);    
    background-repeat:  no-repeat;
    padding-top: 65px;
}


#banner div.products div.rstab span, #banner div.products div.rfem span
{
    display: block;
    margin: 5px;
	font-family:        Arial, Helvetica;
	font-size:          11px;
	margin-bottom:      10px;
}

#banner div.products a
{
    cursor: pointer;
}

#contentcenter h1 
{
    font-weight: bold; 
    font-size: 11pt;
    color: rgb(27, 42, 123);
    padding-left: 0;
    margin-left: 6px;
    font-family: Arial;
}

#contentheader {
	background:#fff
}
	
p,h1,pre {
	margin:0px 10px 10px 10px;
}
	
h1 {
	font-size:14px;
	padding-top:10px;
}
	
#contentheader h1 {
	font-size:14px;
	padding:10px;
	margin:0px;
}

#contentright p 
{
    font-size:10px
}

#contentright div.box 
{
    width:              180px;
	margin-right:       auto;
	margin-left:        auto;
	border:             solid 1px gray;
	background-color:   #f1f2f3;
    margin-top:         20px;
    margin-bottom:      10px;
    overflow:           hidden;
}

#contentright div.box div.content
{
    padding:            4px;
    font-size:          8pt;
    text-align:         left;
    font-family:        Arial,Helvetica,sans-serif;
}

#contentright div.box div.content form
{
    margin: 0px;
}

div.box div.content p, div.box div.content font, div.box div.content a
{
    margin:             0;
    padding:            0;
    font-size:          8pt;
    font-family:		Arial,Helvetica;
    text-align:         left;
}

div.box div.content a.BulletLink
{
    padding:            0 0 0 15px;
}

#contentleft div.box 
{
    width:              152px;
	margin-right:       auto;
	margin-left:        auto;
	border:             solid 1px gray;
	background-color:   #f1f2f3;
    margin-top:         20px;
    margin-bottom:      10px;
    overflow:           hidden;    
}

div.box h2
{
    background-color:   #ffcf63;
    display:            block;    
    text-transform:     uppercase;
    background-image:   url(images/block.gif);
    background-repeat:  no-repeat;
    background-position: right top;
    font-weight:        bold;
    font-size:          12px;
    color:              #202363;
    padding-left:       5px;
    padding-right:      20px;
    letter-spacing:     1px;
    border-bottom:      solid 1px gray;
    margin-top:         0;
    margin-bottom:      0;    
}

#contentleft div.box div.content
{
    padding:            5px;
    font-size:          8pt;
	font-family:        Arial, Helvetica;
}

#contentleft img 
{
    vertical-align: text-bottom;
    padding-bottom: 1px;
}

table.menu {
    margin:             15px 0px 15px 14px;
    width:              165px;
    border-collapse:    collapse;
}

table.menu td.submenu {
    padding: 0;
}

table.menu2, table.menu3 {
    margin: 0 0 0 8px;
    border-collapse:    collapse;
}

table.menu td.pad, table.menu2 td.pad {
    padding:            1px 0 1px 5px;
    text-align:         left;
}

table.menu td.pad img, table.menu2 td.pad img {
    vertical-align: middle;
}

table.menu td.bullet, table.menu2 td.bullet {
    width: 11px;
}

table.menu a {
    font-size:          12px;
    color:              #202363;
    text-decoration:    none;
    border:             solid 1px #f1f2f3;    
}

table.menu a.selected {
    border: solid 1px #999999;
    padding: 0 2px 0 2px;
    background-color: #ffffff; 
}

#contentleft table.menu td.bullet {
    vertical-align: top;
    padding-top: 3px;
}

#contentleft>ul
{
    margin: 15px 0px 15px 0px;
    padding-left: 35px;
}

#contentleft>ul li
{
    list-style-image:   url(images/single.gif);
    margin-bottom:      2px;
}

#contentleft>ul li a 
{
    font-size:          12px;
    color:              #202363;
    text-decoration:    none;
    border:             solid 1px #f1f2f3;
    padding:            0 3px 0 3px;
    position:           relative;
    left:				-3px;
}

#contentleft>ul li a.selected 
{
    border: solid 1px #999999;
    padding: 0 2px 0 2px;
    background-color: #ffffff;
}

#contentleft>ul li a:hover 
{
    background-color: #cccccc;
    border: solid 1px #999999;
    padding: 0 3px 0 3px;   
}

#contentleft>ul li.plus
{
    list-style-image: url(images/plus.gif);
}

#contentleft>ul li.minus
{
    list-style-image: url(images/minus.gif);
}

#contentleft>ul li ul 
{
    padding: 3px 5px 0px 10px;
    margin-left: 0;
    list-style-image:   url(images/single.gif);
}


#contentleft>ul li ul li ul 
{
    padding: 3px 5px 0px 14px;
}


#topmenu 
{
	width:              100%;
	background-color :  #ecf0f4;
	font-size:          8pt;
    color:              #45487d;
    font-family:        Arial; 
    text-decoration:    none;
    border-bottom:      solid 1px rgb(94, 91, 90);
    margin-bottom:      10px;
}


#topmenu td 
{
    border-right:       solid 2px #6a8cc1;
    text-align:         center;
}

#topmenu td.last
{
    border-right:       none;
}

#topmenu td a 
{
    text-decoration:    none;       
}

/* PAGE ELEMENTS */

div.label-big
{
    border-top: solid 1px #aaaaaa;
    background-color: #ecf0f4;
    padding-left: 5px;
    height: 23px;
    padding-top: 2px;
    margin-bottom: 8px;
    margin-top: 10px;
}

div.label-big-finite-elemente
{
    border-top: solid 1px #aaaaaa;
    background-color: rgb(253, 249, 237);
    padding-left: 5px;
    height: 23px;
    padding-top: 2px;
    margin-bottom: 8px;
    margin-top: 10px;
}

div.label-big-stabwerke
{
    border-top: solid 1px #aaaaaa;
    background-color: rgb(247, 249, 251);
    padding-left: 5px;
    height: 23px;
    padding-top: 2px;
    margin-bottom: 8px;
    margin-top: 10px;
}

div.label-big-holzbau
{
    border-top: solid 1px #aaaaaa;
    background-color: rgb(253, 249, 237);
    padding-left: 5px;
    height: 23px;
    padding-top: 2px;
    margin-bottom: 8px;
    margin-top: 10px;
}

div.label-big-sonstig
{
    border-top: solid 1px #aaaaaa;
    background-color: rgb(249, 249, 249);
    padding-left: 5px;
    height: 23px;
    padding-top: 2px;
    margin-bottom: 8px;
    margin-top: 10px;
}

div.label-big-notext
{
    border-top: solid 1px #aaaaaa;
    background-color: rgb(243, 243, 243);
    padding-left: 5px;
    height: 23px;
    padding-top: 2px;
    margin-bottom: 8px;
    margin-top: 10px;
}

div.label-big h3, div.label-big-sonstig h3, div.label-big-finite-elemente h3, div.label-big-stabwerke h3, div.label-big-holzbau h3, div.label-big-notext h3
{
    font-size:  13px;
    padding:    0;
    margin:     0;
    float:      left;
    color:      #515151;
}

div.label-big img, div.label-big-sonstig img, div.label-big-finite-elemente img, div.label-big-stabwerke img, div.label-big-holzbau img, div.label-big-notext img
{
    float: right;
}


.news-finite-elemente
{
    background-color: rgb(253, 249, 237);	
}

.news-stabwerke 
{
    background-color: rgb(247, 249, 251);	
}

.news-holzbau 
{
    background-color: rgb(253, 249, 237);		
}

.news-querschnitte
{
    background-color: #fcf7f1;
}

.news-einzelprogramme
{
    background-color: #fefaf5;
}

.news-schnittstellen
{
    background-color: #f2fdfa;
}

.news-verbindungen
{
    background-color: #f8faf3;
}

.news-updates, .news-serviceverträge
{
    background-color: #f5f6f6;
}

.label-small
{
    font-family:		Verdana;
    font-size:			11px;
    
    height:				17px;
    margin-bottom:		3px;
    margin-top:			20px;
    
    width:				100%;
}

.label-small td.title 
{
    background-color:	#f3f3f3;
    border-top:			solid 1px #cccccc;
    border-bottom:		solid 1px #cccccc;
    padding-left:		9px;
}

.label-small td.img 
{
	text-align: right;
	width:		26px;
	/*float:    right;*/
}

.label-small h3 
{
	font-size:          8pt;
	color:              #45487d;
	font-family:        Verdana,Arial,Helvetica,sans-serif;
	text-decoration:    none;
	width:              92%;
	float:              left;
	background-color:   #F3F3F3;
	height:             17px;
	padding:            1px 0 0 10px;
	margin: auto;
}

.label-small h3 span 
{
    color: #a52a2a;   
}

.label-small img 
{
    float: right;
}


div.label-small-dark
{
    background-color:   #b0b0b0;
    padding-left:       5px;
    height:             17px;
    margin:             20px 2px 0 2px;
}

div.label-small-dark h3 
{
    font-size: 11px;
    padding:0;
    padding-top: 2px;
    color: white;
    margin: 0;
    float: left;
}

div.label-small-dark h3 span 
{
    color: #a52a2a;   
}

div.label-small-dark img 
{
    float: right;
}

.noborder 
{
    border: none;
}

img.left 
{
    float: left;
    margin-right:	10px;
    margin-left:	5px;
}

img.left_marginless
{
    float: left;
    margin-right:	0;
    margin-left:	0;
}

img.right 
{
    float: right;
    margin-left:	10px;
    margin-right:	5px;
}

#contentcenter div#submenu ul 
{
    list-style-type: none;
    list-style-image: none;
}

#submenu 
{
    margin: -5px 0 -3px 0;
    padding: 0 0 0 8px;
    line-height: 130%;
}

#submenu ul
{
    width:      32%;
    padding:    0 0 0 5px;
    margin:     0px;
    /*list-style-image: url(images/menu_arrow.gif);*/
    float:      left;
}

#submenu ul a:link, #submenu ul a:visited, #submenu ul a:active, #submenu ul a:hover
{
    font-size:          11px;
    color:              #45487d;
    font-family:        Arial,Helvetica,sans-serif;
    text-decoration:    none;
    background: url("images/arrow.gif") 0 3px no-repeat;
    padding-left: 16px;
}

#submenu ul a.selected 
{
    background: url("images/arrow_selected.gif") 0 3px no-repeat !important;
    color: #a52a2a !important;
}


#lastupdate 
{
    border-top:			solid 1px gray;
    margin:				0 0 35px 0;
    font-family:		Arial,Helvetica,sans-serif;
    font-size:			12px;
    color:				Gray;
    
    width:              145px;
	margin-right:       auto;
	margin-left:        auto;    
    
}

#lastupdate div.title 
{
    float:left;
}

#lastupdate div.date
{
    float:right;
}

#submenu2
{
    margin-top: 10px;
    padding-left: 25px;
    margin-bottom: 30px;
    font-size: 9pt;
    color: #45487d;
    font-family: Arial,Helvetica,sans-serif;
    text-decoration: none;
}

#submenu2 ul
{
    float:      left;
    width:      45%;
    padding:    0 0 0 15px;
    margin:     0px;
    list-style-image: url(images/arrow.gif);
    
}

#submenu2 ul a:link, #submenu2 ul a:visited, #submenu2 ul a:active, #submenu2 ul a:hover
{
    font-size:          11px;
    color:              #45487d;
    font-family:        Arial,Helvetica,sans-serif;
    text-decoration:    none;
}


#linkstable, #linkstable a, #linkstable a:visited
{
    text-decoration:    none;   
}

#linkstable a, #linkstable a:visited 
{
    color: #45487d;
}

#linkstable tr
{
    
    vertical-align: top;
}

#linkstable td 
{
    padding: 2px 5px;
}

#linkstable tr.odd 
{
    background-color: #f1f1f1;
}

#linkstable tr.even
{
    background-color: #fcfcfc;
}

#linkstable td.link 
{
    width: 25%;
    color: #45487d;
    font-size: 8pt;
    color: #45487d;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    text-decoration: none;
    padding: 2px 15px; 
}

#linkstable td.desc
{
    color: black;
    width: 75%;
    
    font-size:          11px;
    font-family:        Arial,Helvetica,sans-serif;
    
}

.linktable
{
    width: 100%;
}

.linktable tr
{
    background-color: #f1f1f1;
    vertical-align: top;
}

.linktable .link
{
    width: 27%;
    padding: 2px 15px;
}

.linktable .desc
{
    padding: 2px 5px;
    font-family: Arial,Helvetica,sans-serif;
}

div.pressitem 
{
    margin-bottom: 25px;
}

div.pressitem>div.img 
{
    float:              right;
    background-color:   #e7eff7;
}

div.pressitem>div.content 
{
    float:  left;
    width:  76%;   
}

div.pressitem>div.content>h2 
{
    color: #1b2a7b;
    font-size: 15px;
    margin-top: 0px;
}

div.pressitem>div.content>p
{
    
}

div.pressitem>div.content>ul 
{
    margin:                 5px 0;
    list-style-image:       url("images/arrow.gif");
    list-style-position:    inside;
    padding:                0;    
}

div.onenew h2 
{
    color: #1b2a7b;    
    font-size: 14px;
}

table.example, table.thesis
{
    margin-top: 0px;
    width:      100%; 
}

table.example td,  table.thesis td 
{
    vertical-align: top;
    font-size:      8pt;
	font-family:    Arial, Helvetica;    
}

table.example td.line {
    height:             3px;
    background-color:   #dedede;
}
table.example td.line2 {
    height:             3px;
    background-color:   #f0f0f0;
}
table.example td.name,  table.thesis td.name
{
    width:              30%;
    background-color:   #dedede;
    font-weight:        bold;
    padding:            5px;
    color:              #424242;
}

table.example td.desc,  table.thesis td.desc
{
    background-color:   #f0f0f0;
    padding:            5px;    
}

table.example td.image {
    vertical-align: middle;
    text-align:     center;
}

table.download 
{
    margin-top:     3px;
    width:          100%;
    font-family:    Helvetica;
}

table.download th 
{
    text-align:         center;
    background-color:   #c6c3c6;
    color:              White;
    height:             16px;
    font-size:          11px;
    border-top:         2px solid rgb(255, 255, 255); 
    /*border-right:       2px solid rgb(255, 255, 255); */
    color:              white;
    font-weight:        bold; 
    background-color:   rgb(192, 192, 192);
    padding:            1px 5px;
}

table.download td 
{
    font-size:          11px;
    background-color:   #f0f0f0;
    padding:            0;
}

table.download td.download
{
    width: 7%;
    text-align: center;
}

table.download td.datum
{
    width: 20%;
    text-align:center;
}

table.download td.size
{
    width: 15%;
    text-align:center;
}

table.download td.product
{
    width: 50%;
    padding-left: 8px;
}


div.faqmenu 
{
    width: 100%;
    background-color: #f7f3f7;
}

div.faqmenu a 
{
    text-decoration: none;
}

div.faqmenu ul 
{
    width: 48%;
    float: left;
}

div.faqmenu h4 
{
    margin:     0;
    padding:    0;
    color:      #848284;
    
	font-size:8pt;
	font-weight:bold;
	font-family: Verdana;
    
}

div.faqmenu select 
{
    font-size:  11px;
    width:      95%;
}

div.faqmenu div.categories 
{
    float: left;
    width: 70%;
    padding: 3px;
    padding-left: 10px;
    border-right: solid 3px white;
}

div.faqmenu div.programs
{
    float: right;
    width: 25%;
    padding: 3px;
}


table.fagtable 
{
    font-family:		Verdana;
    font-size:			11px;
    border-collapse :	collapse;      
}

table.fagtable tr
{
    background-color:  #f0f0f0;

}

table.fagtable td
{
    padding:    3px;
    margin:     2px;
    border-bottom:		solid 2px white;
}

table.fagtable td.number 
{
    width: 6%;
    vertical-align: top;
    text-align: right;
}

table.fagtable td.question 
{
    width: 65%;
    border-left:		solid 2px white;
    border-right:		solid 2px white;
    vertical-align: top;
}

table.fagtable td.program 
{
    width: 27%;
    vertical-align: top;
    text-align: left;
}

table.fagtable a 
{
    text-decoration: none;
    font-family: Verdana,Arial,Helvetica;
    font-size: 11px;
}

table.productfamily 
{
	width:			100%;
	margin-bottom:	15px;
}

table.header
{
	width: 100%;
	border-collapse: collapse;
}

table.header td.familyname 
{
	background-color:   #F3F3F3;
	width:				auto;
	font-weight:		bold;
	vertical-align:		middle;
	border-right:		solid 2px white;
	padding:			2px 5px 0px;
	
	font-size:			7.5pt;
	font-family:		Verdana,Arial,Helvetica;
	color:				#003399;
	text-decoration:	none;	
}

table.header td.block 
{
	width:		22px;
	text-align: right;
}

table.productfamily td.desc 
{
	height:			50px;
	padding-right:	3px;
}

table.productfamily td.desc img 
{
	float:			left;
	margin-right:	3px;
}

table.productfamily td.desc p
{
	float:			right;
	padding-top:	3px;
    font-family:    Verdana;
    font-size:      7.5pt;	
    width:			139px;
}

table.productfamily td.desc a
{
    cursor: pointer;
}

table.productfamily td.listnumber
{
    font-weight:	bold;
    width:			30px;
    background-color: #EAEAEA;
    padding:		3px;
    text-align:		center;
    color:          #003399;
	font-size:      7.5pt;
}

table.productfamily td.products
{
	width:				180px;
	font-size:			7.5pt;
	font-family:		Verdana,Arial,Helvetica;
	padding:			3px;
	background-color:	#FAFAFA;
}

table.productfamily td.products strong 
{
	color: #003399;
}

table.productfamily td.products a 
{
	display:	block;	
	padding:	1px 0 2px 1px;
	color:		#003399;
}

table.productfamily td.products a table, table.productfamily td.products a table td
{
    margin: 0;
    padding: 0;
    border-collapse: collapse;
}

table.productfamily td.products a table img 
{
	/*vertical-align: text-bottom;*/
	position: relative;
	top: 2px;
	left: -1px;
	margin-right: 3px;
}

div.productparagraph 
{
    background-image:       url(images/product_back.png);
    padding:                10px 0 10px 5px;
    margin-bottom:          15px;
    margin-top: 0;
}

div.productparagraph div.text
{
    float: left;
    width: 310px;   
}

div.productparagraph div.image 
{
    float: right;
    
}

div.standard 
{
    margin-bottom: 20px;   
    margin-left: 1px;
}

div.standard font img
{
    margin-left: 1px;
}

table.productgroup 
{
    width:          100%;
    font-family:    Verdana;
    font-size:      11px;
    border-spacing:	1px;
}

table.productgroup th 
{
    background-color:   #c6c3c6;
    padding:            2px;
    color:              white;
    text-align:         center;
}

table.productgroup th.product 
{
    width: 40%;
}

table.productgroup th.first, table.productgroup th.another 
{
    width: 30%;    
}

table.productgroup th.version
{
    width: 10%;
}

table.productgroup th.first2, table.productgroup th.another2
{
    width: 30%;    
}

table.productgroup th.version2
{
    width: 30%;
}

table.productgroup td 
{
    padding: 2px 5px 2px 10px;
    background-color: #f7f3f7; 
}

table.productgroup tr.odd td
{
    background-color: #e7e3e7;
}

table.productgroup td.basket
{
    padding:    2px;
    width:      33px;
    text-align: right;
}

table.productgroup td.price 
{
    width:      200px;
    text-align: right; 
}

table.productgroup td.version 
{
    text-align: center;
    padding: 0;
}



table.productgroup_uprages
{
    width:          100%;
    font-family:    Verdana;
    font-size:      11px;
}

table.productgroup_uprages th 
{
    background-color:   #c6c3c6;
    padding:            2px;
    color:              white;
    text-align:         center;
}

table.productgroup_uprages th.product 
{
    width: 30%;
}

table.productgroup_uprages th.first, table.productgroup_uprages th.another 
{
    width: 20%;    
}

table.productgroup_uprages th.version
{
    width: 10%;
}

table.productgroup_uprages th.first2, table.productgroup_uprages th.another2
{
    width: 20%;    
}

table.productgroup_uprages th.version2
{
    width: 35%;
}

table.productgroup_uprages td 
{
    padding: 2px 5px 2px 10px;
    background-color: #f7f3f7; 
}

table.productgroup_uprages tr.odd td
{
    background-color: #e7e3e7;
}

table.productgroup_uprages td.basket
{
    padding:    2px;
    width:      33px;
    text-align: right;
}

table.productgroup_uprages td.price 
{
    width:      200px;
    text-align: right; 
}

table.productgroup_uprages td.version 
{
    text-align: center;
    padding: 0;
}



table.productgroup_updates
{
    width:          100%;
    font-family:    Verdana;
    font-size:      11px;
}

table.productgroup_updates th 
{
    background-color:   #c6c3c6;
    padding:            2px;
    color:              white;
    text-align:         center;
}

table.productgroup_updates th.product 
{
    width: 70%;
}

table.productgroup_updates th.first, table.productgroup_updates th.another 
{
    width: 25%;    
}

table.productgroup_updates th.version
{
    width: 10%;
}

table.productgroup_updates th.first2, table.productgroup_updates th.another2
{
    width: 15%;    
}

table.productgroup_updates th.version2
{
    width: 15%;
}

table.productgroup_updates td 
{
    padding: 2px 5px 2px 10px;
    background-color: #f7f3f7; 
}

table.productgroup_updates tr.odd td
{
    background-color: #e7e3e7;
}

table.productgroup_updates td.basket
{
    padding:    2px;
    width:      33px;
    text-align: right;
}

table.productgroup_updates td.price 
{
    width:      200px;
    text-align: right; 
}

table.productgroup_updates td.version 
{
    text-align: center;
    padding: 0;
}






table.productgroup_service
{
    width:          100%;
    font-family:    Verdana;
    font-size:      11px;
}

table.productgroup_service th 
{
    background-color:   #c6c3c6;
    padding:            1px;
    color:              white;
    text-align:         center;
}

table.productgroup_service th.product 
{
    width: 60%;
}

table.productgroup_service th.type
{
    width: 10%;
}

table.productgroup_service th.col1
{
    width: 10%;    
}

table.productgroup_service th.col2
{
    width: 10%;    
}

table.productgroup_service th.col3
{
    width: 10%;    
}

table.productgroup_service td 
{
    padding: 2px 5px 2px 5px;
    background-color: #f7f3f7; 
}

table.productgroup_service tr.odd td
{
    background-color: #e7e3e7;
}

table.productgroup_service td.basket
{
    padding:    2px;
    width:      33px;
    text-align: right;
}

table.productgroup_service td.price 
{
    text-align: right; 
}

table.productgroup_service td.version 
{
    text-align: center;
    padding: 0;
}

#demotable 
{
    width:  100%;
    border: none;   
}

#demotable td.check 
{
    width: 10%;
    background-color: #f7f3f7;
    margin: 2px;
    padding: 5px;
    vertical-align: top;
    text-align: center;
}

#demotable td.info 
{
    width: 60%;
    text-align: left;
    margin: 2px;
    padding: 5px;
    vertical-align: top;
    font-family: Arial;
    font-size: 8pt;
    padding-left: 10pt;
    background-color: #f7f3f7;
}

#demotable td.info ul, #demotable td.info ul li
{
	list-style-image: none;
	margin-left: 8px;
}

#demotable td.image 
{
    width: 30%;
    vertical-align: middle;
    background-color: #f7f3f7;
    margin: 2px;
    padding: 5px;
    vertical-align: top;
    text-align: center;    
}

table.form 
{
    margin: 0 0 -5px 0;
    width: 100%;
}
    
table.form td
{
    margin:             2px;
    background-color:   #f0f0f0;
    font-family:        Arial,Helvetica;
    font-size:          8pt;
    padding:            2px;
}

table.form td.title 
{
    width:          30%;
    padding-left:   15px;
    color:          #808080;
    font-weight:    bold;
    padding-top:	1px;
}

table.form td.title2
{
    width:          10%;
    padding:        10px;
    color:          #848284;
    font-weight:    bold;
    text-align:     center;
    vertical-align: top;
}

table.form td.title3
{
    width:          30%;
    padding-left:   15px;
    padding-top:	10px;
    color:          #808080;
    font-weight:    bold;
    vertical-align: top;
}

table.form td.inputs 
{
    width: 70%;
}

table.form td.inputs2
{
    padding-left:	5px;
    width:          90%;
}

table.form input 
{
    width: 180px;   
}

table.form input.code {
    width: 35px;
    border: 1px solid #a7a6aa;
}

table.form input.noStyle {
    width: auto;
}

table.form input.country
{
    width: 75px;
}

table.form input.couponB
{
    width: 75px;
    margin-left: 10px;
}

table.form input.ZIP 
{
    width: 45px;   
}

table.form input.place
{
    width: 125px;
}

table.form td.special
{
    color:          #808080;
    font-weight:    bold;
    padding-top:	1px;
}

table.form td.special input
{
    width: auto;
}

table.form textarea 
{
    width: 314px;   
}

table.form div 
{
    width: 150px;
    float: left;
}

table.form input.check 
{
    width: auto;    
}

table.form ul li
{
    list-style-type: none;
    list-style-image: none;
}

div.buttonsend 
{
    margin-top: 30px;
    text-align: center;
}

table.form div.errors 
{
    color: Red;
    width: 95%;
    padding: 3px 2px;
}

table.updateitem 
{
    width: 100%;
    margin: 5px 0px;
}

table.updateitem th 
{
    background-color: rgb(243, 243, 243);
    color: #737173;
}

table.updateitem th div.date
{
    float: right;
}

table.updateitem th div.version
{
    float: left;
}

table.updateitem td.gray 
{
    background-color: rgb(243, 243, 243);
    width:				10px;
}

table.updateitem td.content 
{
	
}

table.prepitem 
{
    width:				100%;
    margin:				5px 0px;
    margin-bottom:		10px;
}

table.prepitem th 
{
    color:              #737173;
    padding-left:       5px;
    border-top:			solid 1px #aaaaaa;
}

table.prepitem th.gray {
    padding:			0;
    border-top:			solid 0 black;
}

table.prepitem th div.date
{
    float: right;
}

table.prepitem th div.version
{
    float: left;
}

table.prepitem td.block 
{
    background-color:   #e7eff7;
    width:              100px;
    vertical-align:     top;
    text-align:         center;
}

table.prepitem td.gray 
{
    background-color: #f7f3f7;
    width: 1px;
}

table.prepitem td.content 
{
        padding: 5px;
        font-size: 8pt; font-family: Verdana,Arial;
}

table.prepitem td.content h2 
{
    color:          #1b2a7b;
    font-weight:    bold; 
    font-size:      11pt; 
    color:          rgb(27, 42, 123);
    font-family:    Arial;
    margin-bottom:  10px;
}

table.prepitem td.content ul li
{
    margin: 5px 14px;
}


table.markets 
{
    width:  100%;
    margin: 5px 0px;    
}

table.markets th 
{
    background-color:   #b0b0b0;
    color:              White;
    text-align:         center;
    padding:            2px;
}

table.markets th.date, table.markets th.place 
{
    width: 20%;
}

table.markets th.event
{
    width: 60%;
}

table.markets td 
{
    background-color:   #f0f0f0;
    padding:            2px;
    vertical-align:     top;
}
table.markets td img 
{
    float:          right;
    margin-left:    5px;
}

.ulbox 
{
    padding:    2px 18px;
    float:      left;
    width:      95%;
}

.ulboxlinks ul
{
    list-style-image:       url("images/arrow.gif");
    list-style-position:    inside;
}

.ulboxlinks 
{
	padding: 2px;
}

.ulboxlinks ul li
{
    margin-top:         1mm;
    margin-bottom:      1mm;
}

.ulbox ul li
{
    list-style-type:    disc;
    list-style-image:   none;
    margin-top:         1mm;
    margin-bottom:      1mm;
}

.ulboxsmall
{
    padding:    5px 5px;
    float:      left;
}

table.trainings 
{
    width: 100%;    
}

table.trainings td, table.trainings th
{
    text-align: center;    
}

table.trainings th
{
    background-color: #b0b0b0;
    color: White;
    padding: 5px;
}

table.trainings td
{
    background-color: #f0f0f0;
    padding: 2px;
}

table.trainings 
{
        
}

div.centerbox 
{
    text-align: center;
    margin-top: 20px;
}

div.spacebox 
{
    padding: 5px;    
}

#faqtable 
{
}

#faqtable th
{
    background-color:   #dedfde;
    font-weight:        normal;
    padding:            4px 4px 4px 4px;
}

#faqtable th.cnt 
{
    width:              25px;
    vertical-align:     top;
    text-align:         center;
}

#faqtable th.question
{
    vertical-align:     top;
}

#faqtable th.program
{
    width:              130px;
    vertical-align:     top;
    text-align:         left;
}


#faqtable td 
{
    background-color:   #f0f0f0;
    padding:            4px 4px 4px 4px;
}


#faqpanel 
{
    width:              100%;
    margin-top:         15px;
}

#faqpanel div.buttons 
{
    float:              left;
    width:              230px;   
    background-color:   #f0f0f0;
    padding:            3px 10px 3px 10px;
    text-align:			left;
}

#faqpanel div.buttons div 
{
	margin-bottom: 10px;
}

#faqpanel div.buttons input 
{
	width:				70px;
}

#faqpanel div.links
{
    float:		left;
    /*width:		45%;*/
    padding:	0 0 0 10px;
}

#faqpanel div.links ul 
{
	list-style-position: inside;
}

#title
{
    width:			100%;
    margin-bottom:	5px;
}

#title td 
{
    padding: 0;
}

#title h2
{
    font-family: Arial;
    font-size: 17px;
    font-weight: bold;
    color: #202363;
    margin: 0;
    padding-left: 10px;
}

#title p 
{
    color:          #202363;
    font-size:      13px;
    font-weight:    bold;
    margin-bottom:  20px;
    margin-left:    15px;
    margin-top:     3px;    
    padding-left:   10px;
}



#title td.hrstart, #title td.hrend
{
    background-color: #e7eff7;
    height: 6px;
}

#title td.motto 
{
    vertical-align: top;
}

#title td.image 
{
    vertical-align:     top;    
    text-align:         center;
    padding:            3px;
    width:              100px;
}

#title td.hrstart 
{
    background: #e7eff7 url(images/rule.gif) no-repeat left;
}

 #title td.hrend 
 {
    width: 25px;
 }

table.basket {
    width: 100%;
}

table.basket td.count {
    width: 15%;
    font-weight: bold;
    vertical-align: top;
}

table.basket td.name {
    font-weight: bold;
}

table.basket td.price {
    text-align: right;
    border-bottom: solid 3px #dcdcdc;
}

table.basket div.summe {
    text-align: right;
    float: right;
}

table.basket div.word {
    text-align: left;
    float: left;
    font-weight: bold;
}

div.buttons {
    margin-top: 10px;
    width: 100%;
    text-align: center;
}

div.buttons img {
    margin-bottom: 3px;
}


#baskettable {
    width: 100%;
}

#baskettable th {
    background-color:   #c0c0c0;
    color:              White;
    text-align:         center;
    padding:            2px 12px 2px 12px;
}

#baskettable td {
    padding: 2px 6px;
}

#baskettable td.delete {
    text-align: center;
    width:		1%;
}

#baskettable td.delete input
{
    padding: 0;
}

#baskettable td.message {
    text-align:     center;
    height:         50px;
    vertical-align: middle;
    font-weight:    bold;
}

#baskettable th.delete {
    width:		1%;
    padding:	2px;
}

#baskettable th.name {
    width: 50%;
}

#baskettable th.price {
    width: 20%;
    padding: 4px;
}

#baskettable th.totalprice {
    /*width: 20%;*/
    padding: 4px;
}

#baskettable th.count {
    padding:	4px;
    width:		14%;
}

#baskettable td.count input {
    width:      28px;
    height:     8px;
    padding:	0;
    float:      left;
    font-size:  8pt;
    border:     solid 1px black;
    text-align: center;
}

#baskettable td.count {
    padding:		2px 1px;
    text-align:		center;
}

#baskettable td.count div input
{
	padding: 0;
}

#baskettable td.price {
    text-align: right;
}

#baskettable td.name {
    padding: 2px 15px;
    /*font-weight: bold;*/
}

#baskettable tr.odd 
{
    background-color: #e3e3e3;
}

#baskettable tr.even
{
    background-color: #f1f1f1;
}

#baskettable tr.line {
    background-color:   #c0c0c0;
    height:             4px;
}

#baskettable td.count div {
    width:      15px;
    height:     16px;
    float:      left;
}

#baskettable td.count div input {
    width: auto;
    height: auto;
    border: none;
}

#baskettable td.sum {
    background-color:   #f1f1f1;
    text-align:         right;
}

#baskettable td.recount {
    background-color: #fcfcfc;
    text-align: center;
}

div.buttonsline {
    width: 100%;
    margin-top: 30px;
}

div.buttonsline img.left {
    float: left;
}

div.buttonsline img.right {
    float: right;
}


#amazon {
    /*border: solid 1px black; TODO*/
}

#amazon input.text {
    float: left;
    width: 130px;
    margin: 3px 2px;
}

#amazon input.submit {
    float: right;
    margin: 3px 2px;
}

#amazon div.amazonbox {
    width:              100%;
    float:              left;
    background-color:   Black;
    padding-top:        10px;
    text-align:         center;
    height:             40px;
}


table.prepitem2
{
    width:  100%;
    margin: 5px 0px;
}

table.prepitem2 th 
{
    background-color:   #f7f3f7;
    color:              #737173;
    padding-left:       5px;
}

table.prepitem2 th.gray {
    padding: 0;
}


table.prepitem2 th.topline {
	border-top: 1px solid rgb(213, 213, 213);
}


table.prepitem2 th div.date
{
    float: right;
}

table.prepitem2 th div.version
{
    float: left;
}

table.prepitem2 td.block 
{
    background-color:   #e7eff7;
    width:              100px;
    vertical-align:     top;
    text-align:         center;
}

table.prepitem2 td.gray 
{
    background-color: #f7f3f7;
    width: 1px;
}

table.prepitem2 td.content 
{
    padding: 5px; 
    font-size: 8pt; font-family: Verdana,Arial;
}

table.prepitem2 td.content h2 
{
    color:          #1b2a7b;
    font-weight:    bold; 
    font-size:      11pt; 
    color:          rgb(27, 42, 123);
    font-family:    Arial;
    margin-bottom:  10px;
}

table.prepitem2 td.content ul li
{
    margin: 5px 0px;
}


table.pricelist {
    width: 100%;
}

table.pricelist th {

}

table.pricelist td {
    background-color: #e3e3e3;
    padding: 2px;
}

table.pricelist td.price {
    width: 30%;
    text-align: right;
}

table.pricelist td.basket {
    width: 10%;
}

table.pricelist td.name {
    width: 50%;
}

ul.download {
    list-style-position: inside;
}


td.thesisimage {
    background-color:   White;
    vertical-align:     middle;
    text-align:         center;
}


table.patchitem 
{
    width:  100%;
    margin: 5px 0px;
}

table.patchitem th 
{
    background-color:   #F0F0F0;
    color:              #737173;
    padding-left:       5px;
}

table.patchitem th.gray {
    padding: 0;
}

table.patchitem th div.date
{
    float: right;
}

table.patchitem th div.version
{
    float: left;
}

table.patchitem td.block 
{
    background-color:   #F0F0F0;
    width:              100px;
    vertical-align:     top;
    text-align:         center;
}

table.patchitem td.gray 
{
    background-color: #F0F0F0;
    width: 1px;
}

table.patchitem td.content 
{
    padding: 5px; font-size: 8pt; font-family: Verdana,Arial;
}

table.patchitem td.content h2 
{
    color:          #1b2a7b;
    font-weight:    bold; 
    font-size:      11pt; 
    color:          rgb(27, 42, 123);
    font-family:    Arial;
    margin-bottom:  10px;
}

table.patchitem td.content ul li
{
    margin: 5px 14px;
}

table.formtable {
    margin-top:5px;
    margin-bottom: 5px;
}

table.formtable td {
    padding: 2px;
}

span.errorMessage 
{
	margin: 5px 0px;
}

span.red 
{
	color: #AA0000;
}

div.red
{
	color: red;
}

input.code {
    width: 50px;
}

div.errorWindow {
    width:              98%;
    padding:            20px 0px;
    margin:             10px 0;
    
    text-align:         center;
    vertical-align:     middle;
    
    border:             solid 2px red;
}

#productgallery {
    margin-top: 20px;
}

#productgallery td 
{
	width: 25%;
	vertical-align: top;
}

ul.links {
    margin:                 5px 2px;
    list-style-image:       url("images/arrow.gif");
    list-style-position:    inside;
    font-size:              8pt;
    color:                  #45487d;
    font-family:            Verdana,Arial,Helvetica,sans-serif;
    text-decoration:        none;       
}


/* OLD STYLES */


table.OrderCouponTable {
    width:      99%;
    border:     none;
    background-color: #f0f0f0;
}

table.OrderCouponTable td {
    padding:        2px 2px 2px 10px;
    vertical-align: middle;
}

table.OrderCouponTable td.title {
    font-weight: bold;
    color: Gray;
}

table.speciallinks 
{
	margin-top: 6px;
	border-collapse: collapse;
}

table.speciallinks td, tr
{
	padding: 0;
	border: solid 0px black;
}

table.speciallinks td.img
{
	vertical-align: top;
	padding-top:	2px;
	width: 15px;
}

div.odsazeni 
{
	margin-left:	5px;
}

#orderform 
{
	margin-top:		20px;
}



table.normalparagraph 
{
	/*background-color: #e7eff7;*/
	margin-bottom: 10px;
	width: 100%;
}

table.normalparagraph td.last 
{
	background-color:	#f6fafd;
	width:				30px;
}

table.normalparagraph td.first 
{
	background-color: #f6fafd;
	padding: 5px 3px 5px 5px;
	width: 99%;
}

table.normalparagraph td.line
{
	background-color:	#e7eff7;
	height:				6px;
	padding:			0px;
	vertical-align:		top;
	width:				100px;
}

table.normalparagraph td.line div.image 
{
	width: 100px;
}

table.links 
{
	margin-top: 5px;
}

table.links td, table.links tr  
{
	margin:		0;
	padding:	0;
	border:		solid 0px white;
}

table.links td.text 
{
	padding: 0px 5px;
	vertical-align: top;
}

table.links td.img 
{
	vertical-align: top;	
}

div.whitebox div.desc 
{
    font-size:				8pt;
	font-family:			Helvetica;
	margin-bottom:			10px;
}


table.questionstat 
{
	width: 100%;	
	border-collapse: collapse;
}

table.questionstat td 
{
	background-color: #DDDDDD;
	padding: 2px 3px;
	border: solid 4px #f1f2f3;
}

table.questionstat td.label 
{
	width: 55%;
	text-align: right;
}

div.questionLabel 
{
	margin-top:		5px;
	margin-left:	4px;
}


#searchtable 
{
	width:				100%;
	border-collapse:	collapse;
	margin:				2px;
}

#searchtable td 
{
	vertical-align: middle;
	padding:	2px 0 0 0;
	margin:		0;
}

#searchtable td.button 
{
	text-align:		left;
	padding-bottom: 3px;
}

#searchtable input 
{
	margin:			0;
}

#searchtable input.checkbox
{
	/*margin-left: -4px;*/
	margin-top: 1px;
}

a.selectedPager
{
	color: red !important;
	/*padding-left: 2px;
	padding-right: 2px;*/
	font-weight: bold;
}

a.pager 
{
	font-weight: bold;
}

#pager 
{
	margin-top:		20px;
	margin-left:	auto;
	margin-right:	auto;
	text-align:		center;
}


div.no-uls ul
{
	list-style-image:		none;
	list-style-position:	inside;
}

div.no-uls ul li
{
	list-style-image:		none;
	list-style-position:	inside;
}

div.notSelectedError 
{
	width:			95%;
	color:			Red;
	text-align:		center;	
}

.noStyle input
{
	width: auto !important;
}

/* Newsletter List */

#newsletter_list 
{
	width:		473px;
	margin-top:	13px;
}

#newsletter_list td.image 
{
	text-align:center;
	border-right:solid 12px white;	
}

#newsletter_list td.image img, #newsletter_list td.lastimage img
{
	border: solid 1px gray;
}

#newsletter_list td.last_image 
{
	text-align:center;
}

#newsletter_list tr.textrow {
	height:20px;
}

#newsletter_list tr.textrow td {
	text-align:center;
	vertical-align:middle;
	border-right:solid 12px white;
}

#newsletter_list tr.textrow td.last {
	text-align:center;
	vertical-align:middle;
}

#newsletter_list tr.spacer {
	height:15px;
}

td.top 
{
	vertical-align:top;
}


/* EXTRA */

table.extradownload 
{
	width:				100%;
    padding:			2px;
    border-collapse:	collapse;
    margin-bottom:		8px;
}

table.extradownload th.name
{
	font-weight:		bold;
    background-color:	#e3e3e3;
    width:				70%;
    padding:			3px;
}

table.extradownload th.file
{
	font-weight:		bold;
	background-color:	#e3e3e3;
	width:				30%;
	padding:			3px;
}

table.extradownload td.desc
{
	background-color:	#f8f8f8;
	height:				30px;
	padding:			3px;
	vertical-align:		middle;
	min-height:			100px;
}

table.extradownload td.file
{
	font-weight:		bold;
	background-color:	#f8f8f8;
	width:				30%;
	padding:			3px;
}

table.extratable
{
    padding: 0;
    position: relative;
    left: -1px;
    width: 478px;
}

table.extratable th
{
    color: white;
    background-color: #c0c0c0;
    text-align: center;
    padding: 2px 2px 3px 2px;
    border: 2px solid white;
}

table.extratable td
{
    background-color: #F0F0F0;
    padding: 2px 4px 3px 4px;
    border: 2px solid white;
    vertical-align: top;
    line-height: 120%;
}

table.extratable td.action
{
    font-weight: bold;
    color: #45487d;
    text-align: center;
    padding-left: 2px;
    padding-right: 2px;
}

table.extramessages p
{
    margin: 0;
}

table.extramessages th
{
    color: #808080;
    background-color: #f0f0f0;
}

.button 
{
	margin-top: 15px;	
}

.longTB
{
	width: 400px;
}


input.noStyle 
{
	width: 5px;
}

input.ezpz-hint 
{
	color: #999;
}

#extrabox table
{
    font-family: Verdana, Arial, sans-serif;
    padding-bottom: 2px;
    width: 172px;
}

#extrabox th
{
    font-weight: normal;
    width: 57%;
    padding-top: 2px;
}

#extrabox td
{
    width: 43%;
    background-color: #DDDDDD;
    padding: 2px;
    text-align: right;
}

#extrabox hr
{
    border-color: #DDDDDD;
    border-style: solid none;
    border-width: 1px medium 2px;
    height: 0;
    margin: 5px 2px;
}

#extrabox .speciallinks td
{
    width: auto;
    text-align: left;
    background-color: transparent;
    padding: 0;
}

#extrabox .speciallinks td.img
{
    padding: 2px 3px 0 0;
    text-align: center;
}

.disabled input
{
    background-color: #f1f1f1;
    cursor: default;
}

.ordinary-lists ul
{
    list-style-image: none !important;
    margin-left: 13px;
}

.BulletLink
{
    background: url("images/arrow.gif") no-repeat left center;
    padding: 0 0 0 15px;
}

.BulletIndent
{
    padding: 0 0 0 15px;
}

span.diff-del, span.diff-del li
{
    background-color: #ffb2b2;
    text-decoration: line-through;
}

span.diff-ins, span.diff-ins li
{
    background-color: #b2ffb2;
    text-decoration: underline;
}
