/* 

AKRO CSS - media screen,projection

Last change 19.11.2005 23:33:44

 */









/* General */





body {

	_text-align:center; /* IE quirk mode box hack */

	margin:0;

	padding:0;

	background: #CACBCC url(../layout/general/body_bg.gif) repeat-x left top;

/*	font-size:80%; */
	font-size:70%;

}

body, input, textarea, ul li, select {

	font-family: Arial, helvetica, sans-serif;

	color:black;

}

img {

	border:0;

}

.printlogo, .printheader, .printsign {

	display: none;

}

.kolonka {

	border: 1px #565E54 solid;

}

.invisible, hr {

	display:none;

}

table td, table th {

	font-size:11px

}

table.list td{

	background:none;

	font-size:12px;

	font-weight: bold;

	vertical-align: top;

}

table.list td.dropi{
	background:none;
	font-size:10px;
	vertical-align: middle;
	height: 16px;
}

table.list td input, table.list td select{

	font-weight: normal;

}

table.list td input.btn {

	font-weight: bold;

}

table.list th{

	font-weight: normal;

	background:none;

	color:black;

	text-align: left;

	padding-right: 10px;

	font-size:12px;

	vertical-align: top;

}



table.galerie td{

	background:none;

	font-size:12px;

	vertical-align: middle;

	text-align: center;

	padding: 8px 2px 8px 2px;

}

#quickhelp{

	left:0px;

	width:450px;

	padding:10px 0px 0px 5px;

	text-align:left;

}





form {

	margin:0;

	padding:0

}

input, select, textarea{

	font-size:0.9em;

	padding-left:2px;

}

th {

	background-color: #b5b5b5;

	color:white;

	padding:2px;

	text-align: center;

}

td {

	background-color: #ebebeb;

	color:black;

	padding:2px;

}

.btn, .btn-huge {

	background-repeat: repeat-x;

	border:1px #717171 solid; 

	color:white;

	font-weight: bold;

	height:19px;

}

.btn-huge {

	height: 55px;

}

.calendar-btn {

	background-repeat: repeat-x;

	border:1px #717171 solid; 

	color:white;

	font-weight: bold;

	padding:2px;

	margin:2px 0 0 0;

	position: relative;

	top:3px;

	_top:1px;

	

}

button *{

	margin:0

}

a {

	text-decoration: underline;

}

a:hover {

	color:blue;

}

ul.maininfo {

	padding-left: 10px;

	padding-top:0 !important;

	margin-top:0 !important;

	margin-left: 0;

	width:210px;

	float:left;

}



ul.maininfo li {

	display: block;

	position: relative;

	width: 210px;

	list-style: none;

}

ul.maininfo strong {

	display: block;

	position: absolute;

	right:0;

	top:0;

	width: 85px;



}

.graph {

	float:right;

	margin:9px 7px 0 0 !important;

	

}

.graphcm {
	margin:0 0 -20px 270px;
	font-style: italic;
	color: #9f9f9f;
}

.fondbox {

	display:block;

	width:95px;

	height:50px;

	padding-top: 50px;

	text-align: center;

	float: left;

	background-position: top;

	background-repeat: no-repeat;

	margin: 3px;

}

#graphtime, #graphtime p {

	margin: 0 !important;

	padding: 0 !important;	

}

#graphtime .btn {

	margin: 0 !important

}





/* Layout */



#container {

	_text-align:left; /* IE quirk mode box hack */

	position:relative;

	width:717px;

	margin:0px auto auto auto;

	border-top:3px #CACBCC solid

}

#leftshadow {

	width:16px;

	height:421px;

	position:absolute;

	top:-3px;

	left:-16px;

	background: url(../layout/general/shadow_left.gif) no-repeat top

}

#rightshadow {

	width:16px;

	height:421px;

	position:absolute;

	top:-3px;

	right:-17px;

	background: url(../layout/general/shadow_right.gif) no-repeat top

}

#body {

	position:absolute;

	top:0;

	left:0;

	width:717px;

	background-color:white;

	border-top:1px #777777 solid;	

	padding-bottom:15px;

}

#logo-noimg {

	position: absolute;

	top:0;

	left:0;

	width:205px;

	height:205px;

	overflow:hidden;

	color:#EDEDED;

	text-align:center;

}

#logo-noimg h1 {

	margin-top:50px;

	font-size:32px;

	font-family:'Times New Roman CE', 'Times New CE', 'Times CE', 'Times New Roman', times, serif;

	font-weight: normal;

	letter-spacing: 2px;

}

#logo-noimg h1 span{

	font-variant: small-caps;

	display:block;

	width:90px;

	margin:1px auto auto auto;

	padding:2px;

	font-size:18px;

	letter-spacing:normal;

	border-top:1px solid #EDEDED;

}

#logo {

	display:block;

	position: absolute;

	top:0;

	left:0;

	width:205px;

	height:205px;

	background-repeat: no-repeat;

}

#footer {

	position:absolute;

	left:0;

	bottom:-74px;

	width:717px;

	height:74px;

	background: #FFFFFF url(../layout/general/footer.gif) no-repeat top;

}

#footer p{

	text-align:center;

	margin-top:18px;

	font-size: 0.9em;

	color:gray;

}

#footer p a{

	padding-right:8px;

	margin-right:4px;

	background: url(../layout/general/separator_vertical.gif) no-repeat right center



}

#header {

	position: absolute;

	width:504px;

	height:40px;

	background: url(../layout/general/header.gif) no-repeat;

	top:0px;

	left:209px;

}

#header p{

	color:gray;

	font-size:80%;

	margin:13px 0 0 10px;

}

#photo {

	position:absolute;

	width:504px;

	height:148px;

	top:40px;

	left:209px

}

#photo #themeflash{

	position: absolute;

	z-index: 9 !important;

}

#photo #cart object div{

	position: absolute;

	z-index:2 !important;

	top: 5px;

	right:5px;

	width:240px;

	overflow: hidden;

	background-color: white;

	

}

#photo #cart object div table tr td a {font-size: 9px !important;}





#photo #cart {

	position: absolute;

	z-index: 10;

	top: 0px;

	right:0px ;

}

#left {

	width:201px;

	margin:208px 0px 20px 3px;

	_margin-left:2px; /* IE Double Float Margin Bug */

	float:left;

}

#left #mailinglist h2{

	font-size:1.1em;

	line-height:32px;

	padding-left:10px;

	color:white;

	display:block;

	height:32px;

	background: #b5b5b5 no-repeat;

	margin:5px 0 1px 0;

}

#left #mailinglist p{

	margin:0;

	padding:8px 6px 12px 6px;

	display:block;

}

#left #mailinglist p a{

	font-size:0.8em;

}

#left #callme h2{

	font-size:1.1em;

	line-height:32px;

	padding-left:10px;

	color:white;

	display:block;

	height:32px;

	background-repeat: no-repeat;

	margin:5px 0 1px 0;

}

#left #callme p{

	margin:0;

	padding:8px 6px 12px 6px;

	display:block;

	

}

.gradient {

	background: url(../layout/general/gradient.gif) repeat-x top

}



#middle {

	position: relative;

	width:299px;

	margin:2px 2px 2px 0;

	padding-top:190px;

	float:right;

	background: url(../layout/general/gradient.gif) repeat-x top;

	background-position: center 223px;

}



#middle .promoflash {
	position: relative;
	padding:2px 3px 10px 3px;
	_padding:8px 3px 10px 9px;
	background: url(../layout/general/banner_noflash_small.gif) no-repeat center top;
}

#middle .promoswf {
	position: absolute;
	_position: relative;
	left: 9px;
	_left: 0px;
	top: 9px;
	_top: 1px;
}

#middle .promonoflash {
	font-family:'times new roman ce', 'times ce', 'times new roman', 'times', 'sans-serif';
	font-size: 10pt;
	font-weight: bold;
	letter-spacing: 1px;
	color: #FFFFFF;
	text-align:center;
/*	position: relative;*/
	_position: absolute;
	margin-top: 14px;
	padding-top: 8px;
	line-height: 110%;
	width:280px;
	height:90px;
}


#right {

	width:201px;

	margin:2px 4px 2px 1px;

	_margin-right:2px;	/* IE Double Float Margin Bug */

	padding-top:190px;

	float:right;

	background: url(../layout/general/gradient.gif) repeat-x top;

	background-position: center 223px;

}


#formin {
	margin-left: 15px;
}

#formin p {
	margin: 5px 0 5px 0;
}

#formin .frmodstop {
	margin: 15px 0 5px 0;
}

#formin .frmodsdown {
	margin: 5px 0 15px 0;
}

#formin .errlogin {
	margin: 10px 0 15px 0;
	padding-left: 25px;
	color: #FF3300;
}


#right p {

	font-size:11px !important;

}

#right .timestamp {

	font-size:0.8em;

	margin:5px 5px 2px 5px;

	text-align: center;

}

#middle h2 {

	margin:0 0 1px 0;

	display: block;

	height:32px;

	background-repeat: no-repeat;

	background-position: left top;

	font-size:1.2em;

	line-height:32px;

	padding-left:10px;

	color:white;

}

#middle.wide h2 {

	height:48px;

	position: relative;

}

#middle .displogin {
	position:absolute;
	left:230px;
	top:25px;
	width:265px;
	font-size:8pt;
	font-weight:normal;
	text-align:right;
	margin:0;
}

#middle .loginout {
	text-decoration:none;
	color:#FFFFFF;
}


#middle .timestamp {

	font-size:0.8em;

	margin:5px 5px 2px 5px;

}

#middle h3 {

	font-size:1.2em;

	margin:0 5px 5px 5px;

	clear: both;

}

#middle p {
	margin:0 5px 15px 5px;
	padding-bottom:25px;
	background: url(../layout/general/separator.gif) no-repeat center bottom;
}

#middle p.acthp {
	margin:0 5px 0px 5px;
	padding-bottom:10px;
	background: none;
}

#middle h3, #middle p, #middle .timestamp, #middle .timestamp-spec {

	padding-left:6px !important;

	padding-right:6px !important;

}

#right #calc {

	display: block;

	padding:0;

	margin:0;

	position: relative;

	height:120px;

}

#right #calc a {

	display: block;

	width:201px;

	height:110px;

	position: absolute;

	top:0;

	left:-4px;

	background: #5E954F url(../layout/thematic/darkgreen/calculator_small.gif) no-repeat ;

	font-size:1.2em;

	color:white !important;

	text-align: center;

	text-decoration: none;

	font-weight: bold;

	padding-top:10px;

	margin:0px;

}

#right #calc a em{

	font-size:0.8em;

	font-style: normal;

	font-weight: normal;

}

#middle.wide {

	background-position: center 223px !important;

	padding-top:190px !important;

	width:504px !important; /* 504 */

	margin-right:4px !important;

	_margin-right:2px !important; /* IE Double Float Margin Bug */

}

#middle.wide .timestamp-spec {

	font-size:0.8em;

	padding-top:30px;

	margin:30px 5px -30px 5px;

	background: url(../layout/general/separator.gif) no-repeat center top

}

#middle.wide .timestamp-spec#first {

	background: none !important;

	margin-top:0px !important;

}

#middle.wide p, #middle.wide h3, #middle.wide .timestamp {

	padding:0 6px 0 6px !important;

}

#middle.wide table {

	margin:6px;

}

#middle.wide table.fullsize {

	width:492px;

}



#middle li {

	margin:10px 5px 6px 0px;

}

#middle.wide p {

	background:none;

	margin:15px 5px 5px 5px !important; 

	padding:0;

}

#middle.wide h3 {

	margin-top: 35px;

	font-size:1.2em;

	padding-bottom: 3px;

	background: url(../layout/general/h3_bg_wide_dotted.gif) no-repeat 6px bottom;

	clear: both;

}

#middle.wide h3 a {

	text-decoration: none;

}

#middle.wide h2 span {

	display: block;

	position: absolute;

	left:10px;

	top:19px;

	font-size: 10px;

	font-weight: normal;

}

#right a{

	display: block;

	text-decoration: none;

	color:black !important;

}





#right h2 {

	margin:0 0 1px 0;

	display: block;

	height:32px;

	background-repeat: no-repeat;

	font-size:1.1em;

	line-height:32px;

	padding-left:10px;

	color:white;

}

#right a h3 {

	font-size:0.95em;

	margin:4px;

}

#right .tfond {
	font-size:0.95em;
	margin:4px;
}

#right .wigraphlab {
	margin-bottom:0px;
	padding-bottom:0px;
}

#right a p {

	margin:4px;

	font-size: 0.9em;

	padding-bottom:20px;

	background: url(../layout/general/separator.gif) center bottom no-repeat

}

#right a .icon{

	float:left;

	margin-right:8px;

}

#right a .progress{

	float:right;

	margin-left:6px;

}

#right a p img{

	_position: relative; /* IE6 Peekaboo Bug Fix */

	margin-top:6px;

	margin-bottom:4px;

}

#right .progresswi{
	float:right;
	margin-left:6px;
	margin-top:6px;
}

#right .iconwi{
	float:left;
	margin-right:10px;
}

#right .wigraph {
	margin-bottom:-5px;
	margin-top: 0px;
	padding-bottom:0px;
	padding-top:5px;
	background: url(../layout/general/bgdarkgreen.gif) no-repeat left top;
	width: 193px;
	height: 174px;
}

#right .wifondy {
	margin-bottom:0px;
	margin-top: -5px;
	padding-bottom:0px;
	padding-top:0px;
	text-align: center;
}

#right .wigtext {
	color: #FFFFFF;
	padding-left: 20px;
	margin-top: 2px;
}

#right .indexgraph{
	margin-left:6px;
	margin-top:7px;
}

#right .wograph {
	margin-top:-5px;
	margin-bottom:-5px;
	padding-top:0;
	padding-bottom:10px;
}

#right .wographlast {
	margin-top:-5px;
	margin-bottom:10px;
	padding-top:0;
	padding-bottom:10px;
}

#right .wographbreak {
	margin-top:-5px;
	margin-bottom:0px;
	padding-top:0;
	padding-bottom:0px;
}

#right .iconwo{
	float:left;
	margin-right:8px;
	margin-top:2px;
	margin-bottom:2px;
}

#right .progresswo{
	float:right;
	margin-left:6px;
	margin-top:2px;
	margin-bottom:2px;
}

#right .iconfnl{
	float:left;
	margin-right:4px;
	margin-left:4px;
	margin-top:3px;
	margin-bottom:0px;
}

#meeting {

	position:static;

	

	top:188px;

	left:210px;

	margin:4px 8px 0 0;

	_margin-right:3px;	/* IE Double Float Margin Bug */

	clear:right;

	float:right;

	display: block;

	width:493px; /*503px;*/

	height:93px;

	background: #a6a6a6 url(../layout/general/form_bg.gif) no-repeat 

	

}

#spacer {

	margin:4px 5px 0 0;

	_margin-right:3px;	/* IE Double Float Margin Bug */

	float:right;

	display: block;

	width:493px;

	height:0px; /*93px;*/

	background: none; 

	

}

#meeting h2{

	color:white;

	font-size: 1.2em;

	margin:10px 0 0 15px;

}

#meeting p{

	color:white;

	margin:30px 0 0 15px;

	vertical-align: top;

}

#marketing {

	position: absolute;

	top:0px;

	right:5px;
}

#marketing a {

	padding-left:7px;

	margin-left:4px;

	background: url(../layout/general/separator_vertical.gif) no-repeat left center

	

}

.step1,.step2,.step3,.step4,.stepx {

	margin:40px 0 0 15px;

	padding:10px 0 0 50px;

	background-repeat: no-repeat;

	background-position: left top;

	clear: both;

	_width:439px;

	

}

.step1 h3,.step2 h3,.step3 h3,.step4 h3,.stepx h3{

	margin-top:0 !important;

}

.step1{

	background-image: url(../layout/general/step1.gif);

}

.step2{

	background-image: url(../layout/general/step2.gif);

}

.step3{

	background-image: url(../layout/general/step3.gif);

}

.step4{

	background-image: url(../layout/general/step4.gif);

}

.stepx{

	background-image: url(../layout/general/stepx.gif);

}

#envelope p a, #envelope p {

	color:white;

	font-size: 11px;

}

#envelope .calendar{

	margin:auto;

}

#envelope .calendar td {

	text-align: center;

}

#envelope .calendar td a {

	color:black;

}

#envelope .calendar td a:hover {

	color:blue;

}

#envelope .calendar td#today{

	border:2px solid red;

	padding:1px

}

.submenu {

	width:100%;

	height:32px;

	margin:0 !important;

	padding:0 !important;

	/*background: white url(../layout/general/corner.gif) no-repeat left top;*/

	background-color: none;

	

}

.submenu li{

	

	float:left;

	list-style: none;

	margin:0 !important;

	padding:12px 8px 0 8px;

	line-height: 20px;

	height:20px;

	white-space: nowrap;

	background: url(../layout/general/submenu_separator.gif) no-repeat left top;

	

	font-size:12px;

	/*border-left: 1px solid silver;*/

}

.submenu li a {

	text-decoration: none;

}

.submenu li a:hover {

	text-decoration: underline;

}

.submenu li strong {

	font-weight: normal;

	color:gray;

}

.goup {

	text-align: right;

}











/* theme - darkgreen - base #2A8A54, #95BDA6 */



#darkgreen a{

	color:#2A8A54;

}

.darkgreen {

	color:#2A8A54 !important;

}

tr.darkgreen td, option.darkgreen, td.darkgreen {

	background-color:#95BDA6 !important;

	color:white !important;

	font-weight: bold;

}

tr.darkgreen td a {

	color:white !important;

}



#darkgreen #logo-noimg {

	background-color:#95BDA6

}

#darkgreen #logo {

	background-image: url(../layout/thematic/darkgreen/logo.gif)

}

#darkgreen #photo {

	background-image: url(../layout/thematic/darkgreen/theme.jpg) 

}

#darkgreen #mailinglist h2{

	background-image: url(../layout/thematic/darkgreen/caption_left_gray.gif)

}

#darkgreen #callme h2{

	background-image: url(../layout/thematic/darkgreen/caption_left.gif);

	background-color: #95BDA6;

}

#darkgreen .btn, #darkgreen .calendar-btn, #darkgreen .btn-huge {

	background-image: url(../layout/thematic/darkgreen/button_bg.gif);

	background-color:#95BDA6;

}

#darkgreen .btn-huge {

	background-image: url(../layout/thematic/darkgreen/button_bg_huge.gif);

}

#darkgreen #middle h2{

	background-image: url(../layout/thematic/darkgreen/caption_middle.gif);

}

#darkgreen #middle.wide h2{

	background-image: url(../layout/thematic/darkgreen/caption_middle_wide.gif);

}

#darkgreen #right h2{

	background-image: url(../layout/thematic/darkgreen/caption_right.gif);

	background-color: #95BDA6;

}

#darkgreen #middle #calc {

	background-image: url(../layout/thematic/darkgreen/calculator.gif);

	background-color: #95BDA6;

}

#darkgreen #left #navi a {

	color: #2A8A54;

}









/* theme - red - base #730303, #A1444B */



#red a{

	color:#730303;

}

.red {

	color:#730303 !important;

}

tr.red td, option.red, td.red {

	background-color:#A1444B !important;

	color:white !important;

	font-weight: bold;

}

tr.red td a {

	color:white !important;

}

#red #logo-noimg {

	background-color:#A1444B

}

#red #logo {

	background-image: url(../layout/thematic/red/logo.gif)

}

#red #photo {

	background-image: url(../layout/thematic/red/theme.jpg) 

}

#red #mailinglist h2{

	background-image: url(../layout/thematic/red/caption_left_gray.gif)

}

#red #callme h2{

	background-image: url(../layout/thematic/red/caption_left.gif);

	background-color: #A1444B;

}

#red .btn, #red .calendar-btn, #red .btn-huge {

	background-image: url(../layout/thematic/red/button_bg.gif);

	background-color:#A1444B;

}

#red .btn-huge {

	background-image: url(../layout/thematic/red/button_bg_huge.gif);

}

#red #middle h2{

	background-image: url(../layout/thematic/red/caption_middle.gif);

}

#red #middle.wide h2{

	background-image: url(../layout/thematic/red/caption_middle_wide_hi.gif);

}

#red #right h2{

	background-image: url(../layout/thematic/red/caption_right.gif);

	background-color: #A1444B;

}

#red #middle #calc {

	background-image: url(../layout/thematic/red/calculator.gif);

	background-color: #A1444B;

}

#red #left #navi a {

	color: #730303;

}











/* theme - orange - base #DC9100, #EBB637 */



#orange a{

	color:#C28404;

}

.orange {

	color:#C28404 !important;

}

tr.orange td, option.orange, td.orange {

	background-color:#EBB637 !important;

	color:white !important;

	font-weight: bold;

}

tr.orange td a {

	color:white !important;

}

#orange #logo-noimg {

	background-color:#EBB637

}

#orange #logo {

	background-image: url(../layout/thematic/orange/logo.gif)

}

#orange #photo {

	background-image: url(../layout/thematic/orange/theme.jpg) 

}

#orange #mailinglist h2{

	background-image: url(../layout/thematic/orange/caption_left_gray.gif)

}

#orange #callme h2{

	background-image: url(../layout/thematic/orange/caption_left.gif);

	background-color: #EBB637;

}

#orange .btn, #orange .calendar-btn, #orange .btn-huge {

	background-image: url(../layout/thematic/orange/button_bg.gif);

	background-color:#EBB637;

}

#orange .btn-huge {

	background-image: url(../layout/thematic/orange/button_bg_huge.gif);

}

#orange #middle h2{

	background-image: url(../layout/thematic/orange/caption_middle.gif);

}

#orange #middle.wide h2{

	background-image: url(../layout/thematic/orange/caption_middle_wide_hi.gif);

}

#orange #right h2{

	background-image: url(../layout/thematic/orange/caption_right.gif);

	background-color: #EBB637;

}

#orange #middle #calc {

	background-image: url(../layout/thematic/orange/calculator.gif);

	background-color: #EBB637;

}

#orange #left #navi a {

	color: #C28404;

}











/* theme - lightgreen - base #8BAB0B, #B1D350 */



#lightgreen a {

	color:#718A0E;

}

.lightgreen {

	color:#718A0E !important;

}

tr.lightgreen td, option.lightgreen, td.lightgreen {

	background-color:#B1D350 !important;

	color:white !important;

	font-weight: bold;

}

tr.lightgreen td a {

	color:white !important;

}

#lightgreen #logo-noimg {

	background-color:#B1D350

}

#lightgreen #logo {

	background-image: url(../layout/thematic/lightgreen/logo.gif)

}

#lightgreen #photo {

	background-image: url(../layout/thematic/lightgreen/theme.jpg) 

}

#lightgreen #mailinglist h2{

	background-image: url(../layout/thematic/lightgreen/caption_left_gray.gif)

}

#lightgreen #callme h2{

	background-image: url(../layout/thematic/lightgreen/caption_left.gif);

	background-color: #B1D350;

}

#lightgreen .btn, #lightgreen .calendar-btn, #lightgreen .btn-huge {

	background-image: url(../layout/thematic/lightgreen/button_bg.gif);

	background-color:#B1D350;

}

#lightgreen .btn-huge {

	background-image: url(../layout/thematic/lightgreen/button_bg_huge.gif);

}

#lightgreen #middle h2{

	background-image: url(../layout/thematic/lightgreen/caption_middle.gif);

}

#lightgreen #middle.wide h2{

	background-image: url(../layout/thematic/lightgreen/caption_middle_wide_hi.gif);

}

#lightgreen #right h2{

	background-image: url(../layout/thematic/lightgreen/caption_right.gif);

	background-color: #B1D350;

}

#lightgreen #middle #calc {

	background-image: url(../layout/thematic/lightgreen/calculator.gif);

	background-color: #B1D350;

}

#lightgreen #left #navi a {

	color: #718A0E;

}

#lightgreen .kolonka {

	background-color: #ECF7BF;

}









/* theme - cyan - base #0C9AD0, #4BC6F5 */



#cyan a {

	color:#2D641E;

}

.cyan {

	color:#2D641E !important;

}

tr.cyan td, option.cyan, td.cyan {

	background-color:#5E954F !important;

	color:white !important;

	font-weight: bold;

}

tr.cyan td a {

	color:white !important;

}

#cyan #logo-noimg {

	background-color:#5E954F

}

#cyan #logo {

	background-image: url(../layout/thematic/cyan/logo.gif)

}

#cyan #photo {

	background-image: url(../layout/thematic/cyan/theme.jpg) 

}

#cyan #mailinglist h2{

	background-image: url(../layout/thematic/cyan/caption_left_gray.gif)

}

#cyan #callme h2{

	background-image: url(../layout/thematic/cyan/caption_left.gif);

	background-color: #5E954F;

}

#cyan .btn, #cyan .calendar-btn, #cyan .btn-huge {

	background-image: url(../layout/thematic/cyan/button_bg.gif);

	background-color:#56A141;

}

#cyan .btn-huge {

	background-image: url(../layout/thematic/cyan/button_bg_huge.gif);

}

#cyan #middle h2{

	background-image: url(../layout/thematic/cyan/caption_middle.gif);

}

#cyan #middle.wide h2{

	background-image: url(../layout/thematic/cyan/caption_middle_wide_hi.gif);

}

#cyan #right h2{

	background-image: url(../layout/thematic/cyan/caption_right.gif);

	background-color: #5E954F;

}

#cyan #middle #calc {

	background-image: url(../layout/thematic/cyan/calculator.gif);

	background-color: #5E954F;

}

#cyan #left #navi a {

	color: #2D641E;

}

#cyan .kolonka {

	background-color: #DEEDD9;

}




/* theme - blue - base #0C9AD0, #4BC6F5 */



#blue a {

	color:#0C9AD0;

}

.blue {

	color:#0C9AD0 !important;

}

tr.blue td, option.blue, td.blue {

	background-color:#4BC6F5 !important;

	color:white !important;

	font-weight: bold;

}

tr.blue td a {

	color:white !important;

}

#blue #logo-noimg {

	background-color:#4BC6F5

}

#blue #logo {

	background-image: url(../layout/thematic/blue/logo.gif)

}

#blue #photo {

	background-image: url(../layout/thematic/blue/theme.jpg) 

}

#blue #mailinglist h2{

	background-image: url(../layout/thematic/blue/caption_left_gray.gif)

}

#blue #callme h2{

	background-image: url(../layout/thematic/blue/caption_left.gif);

	background-color: #4BC6F5;

}

#blue .btn, #blue .calendar-btn, #blue .btn-huge {

	background-image: url(../layout/thematic/blue/button_bg.gif);

	background-color:#4BC6F5;

}

#blue .btn-huge {

	background-image: url(../layout/thematic/blue/button_bg_huge.gif);

}

#blue #middle h2{

	background-image: url(../layout/thematic/blue/caption_middle.gif);

}

#blue #middle.wide h2{

	background-image: url(../layout/thematic/blue/caption_middle_wide_hi.gif);

}

#blue #right h2{

	background-image: url(../layout/thematic/blue/caption_right.gif);

	background-color: #4BC6F5;

}

#blue #middle #calc {

	background-image: url(../layout/thematic/blue/calculator.gif);

	background-color: #4BC6F5;

}

#blue #left #navi a {

	color: #0C9AD0;

}

#blue .kolonka {

	background-color: #d5f2fb;

}




/* theme - darkblue - base #192332, #3c6395 */


/*
#darkblue a {
	color:#192332;
}
*/

#darkblue a {
	color:#3c6395;
}


/*
.darkblue {
	color:#192332 !important;
}
*/

.darkblue {
	color:#3c6395 !important;
}

tr.darkblue td, option.darkblue, td.darkblue {

	background-color:#3c6395 !important;

	color:white !important;

	font-weight: bold;

}

tr.darkblue td a {

	color:white !important;

}

#darkblue #logo-noimg {

	background-color:#3c6395

}

#darkblue #logo {

	background-image: url(../layout/thematic/darkblue/logo.gif)

}

#darkblue #photo {

	background-image: url(../layout/thematic/darkblue/theme.jpg) 

}

#darkblue #mailinglist h2{

	background-image: url(../layout/thematic/darkblue/caption_left_gray.gif)

}

#darkblue #callme h2{

	background-image: url(../layout/thematic/darkblue/caption_left.gif);

	background-color: #3c6395;

}

#darkblue .btn, #darkblue .calendar-btn, #darkblue .btn-huge {

	background-image: url(../layout/thematic/darkblue/button_bg.gif);

	background-color:#3c6395;

}

#darkblue .btn-huge {

	background-image: url(../layout/thematic/darkblue/button_bg_huge.gif);

}

#darkblue #middle h2{

	background-image: url(../layout/thematic/darkblue/caption_middle.gif);

}

#darkblue #middle.wide h2{

	background-image: url(../layout/thematic/darkblue/caption_middle_wide_hi.gif);

}

#darkblue #right h2{

	background-image: url(../layout/thematic/darkblue/caption_right.gif);

	background-color: #3c6395;

}

#darkblue #middle #calc {

	background-image: url(../layout/thematic/darkblue/calculator.gif);

	background-color: #3c6395;

}

#darkblue #left #navi a {

	color: #3c6395;

}

#darkblue .kolonka {

	background-color: #d5f2fb;

}







 /* navigace */



#navi, #navi *, #navi li li, #navi ul ul, #navi ul ul a{

	margin: 0;

	padding: 0;

	list-style: none;

}

#navi{

	width: 201px;

	font-size: 12px;

	

	

}

#navi ul{

	margin-top: 0px;

	width: 201px;

	_width:194px;

	background: #c8c8c8 url(../layout/general/main_menu_item.gif) repeat-y ;

}

#navi li, #navi a{

	line-height: 28px;

	height:30px;

	position:relative;

}

* html #navi li{

	float: left;

	height: 1%;

}

#navi a{

	text-decoration: none;

	display: block;

	font-weight: normal;

	position:relative;

	padding-left:7px;

	_width: 100%;

	overflow:hidden;

	_overflow:visible;

}

#navi a span{

	display: block;

	padding: 1px 0 1px 7px;

	

}

#navi a:hover, 

#navi li:hover a,

#navi a.submenuIsOn{

	/*background-position:0 50px;*/

}

#navi a:hover span, 

#navi li:hover a span,

#navi a.submenuIsOn span{

	text-decoration: underline;

	font-weight: normal;

	



}

#navi a.submenuIsOn{

	border-collapse: collapse;

}

#navi ul ul{

	border: 1px silver solid;

	margin: 0;

	position:relative;

	_position:absolute;

	left:201px;

	_left:194px;

	top:-30px;

	_top:0;

	display: none;

	z-index:100;

	width: 195px;
	_width: 180px;

}

#navi ul ul li{

	float:none;

	_float: left;

	height:30px;

	margin:0px !important;

}

#navi ul ul a{

	margin-left:15px	

}

#navi ul ul a:hover{

	text-decoration: underline;

	font-weight: normal;

}

#navi #menux1 ul{
	border: 1px silver solid;
	margin: 0;
	position:relative;
	_position:absolute;
	left:195px;
	top:-30px;
	_top:0;
	display: none;
	z-index:100;
	width: 195px;
	_width: 180px;
}

#navi li:hover #menux1, #navi li.hover #menux1{
	display: block;
}

#navi #menux1 li:hover ul, #navi #menux1 li.hover ul{
	display: block;
}

#navi .zvfond {
	float: left;
	margin-left:-7px;
	margin-right:0px;

}

.pseudoselect {

	display:none;

	padding-top: 2px;

	border-color: silver;

}

#navi ul ul li .pdf {

	background: url(../layout/general/pdf_icon_wide.gif) no-repeat right center;

}