@import url(basic.css);
@import url(menu.css);

.date { color: #3350a4; font-size: 0.8em; border-bottom: 1px dotted #888f99; margin-bottom: 10px; }
body { font-family: Arial, Helvetica, sans-serif; background: url(../img/bg_body.png) repeat-x #fff; color: #5b5b5b; }
#center, #wrap, #header, #content, #footer-wrap { width: 968px; }

#logo { margin-top: 29px; margin-left: 20px; }
#logo a { width: 315px; height: 67px; }
#mainnav { padding-top: 59px; font-size: 0.938em; padding-right: 0px; }
#mainnav a { color: #3350a4; }
#mainnav li { line-height: 24px; margin-right: 5px;}
#mainnav li.active { color: #ffffff; background: url(../img/btn_active.png) repeat-x 0% -48px; }
#mainnav li.active:hover { color: #ffffff; background: url(../img/btn_active.png) repeat-x 0% -48px; }
#mainnav li.active span { float: left; background: url(../img/btn_active.png) no-repeat 100% -24px; padding-right: 10px; height: 24px; }
#mainnav li.active strong { float: left; background: url(../img/btn_active.png) no-repeat 0% 0px; padding-left: 10px; height: 24px; font-weight: normal; }
#mainnav li li.active strong, #mainnav li li.active span { background: none; }
#mainnav li li.active { width: 200px; }
#mainnav li a:hover, #mainnav ul li:hover { background: url(../img/btn_hover.png) repeat-x 0% -48px; float: left; }
#mainnav li a:hover span.btn-left, #mainnav ul li:hover span.btn-left { float: left; background: url(../img/btn_hover.png) no-repeat 100% -24px; padding-right: 10px; height: 24px; }
#mainnav li a:hover span.btn-right, #mainnav ul li:hover span.btn-right { float: left; background: url(../img/btn_hover.png) no-repeat 0% 0px; padding-left: 10px; height: 24px; font-weight: normal; }
#mainnav li a span.btn-left { float: left; background: url(../img/btn_hover.png) no-repeat 500% -24px; padding-right: 10px; height: 24px; }
#mainnav li a span.btn-right { float: left; background: url(../img/btn_hover.png) no-repeat 500% 0px; padding-left: 10px; height: 24px; font-weight: normal; }
#mainnav li ul.level_3 { top: 40px; }
#mainnav li li:hover ul.level_3 { left: 200px; }
#mainnav ul li ul li a { display: block; width: 200px; }
#mainnav ul li ul li a:hover, #mainnav ul li ul li:hover  { display: block; width: 200px; background: none; }
#mainnav ul li ul li a:hover span.btn-left { background: none; }
#mainnav ul li ul li a:hover span.btn-right { background: none; }
#mainnav ul li ul li { margin: 0; font-size: 0.9em; border-bottom: 1px dotted #8f8e8e; padding: 0 10px; }
#mainnav ul li ul { padding: 5px; margin: 0; }
#mainnav ul li ul li a:hover { margin-left: -10px; padding-left: 10px; color: #fff; background: url(../img/btn_active.png) repeat-x 0% -48px green; display: block; float: left; width: 210px; }
#mainnav ul li ul li strong { margin-left: -10px; }
#slideshow { margin-top: 128px; clear: both; }
#mainnav li li li { width: 180px; }
#mainnav ul.level_2 { position: absolute; z-index: 999; }
#mainnav li:hover ul { clear: both; }
/*
#mainnav ul li.trail a {  background: url(../img/btn_active.png) repeat-x 0% -48px; padding-left: 0px; height: 24px; font-weight: normal;}
#mainnav li.trail a span.btn-left { float: left; background: url(../img/btn_active.png) no-repeat 0% 0px; padding-left: 0px; height: 24px; }
#mainnav li.trail a span.btn-left { float: left; background: url(../img/btn_active.png) no-repeat 100% -24px; padding-right: 0px; height: 24px; }
*/

#subnav { top: 4px; right: 20px; font-size: 0.75em; }
#subnav a { color: #fff; text-decoration: underline; }
#subnav a:hover { color: #d9e3ff; }
#subnav li.active { color: #d9e3ff; }
#subnav ul { background: url(../img/bg_nav-top.png) repeat-x; }
#subnav ul li.first { background: url(../img/bg_nav-top-left.png) no-repeat; padding-left: 25px; }
#subnav ul li.last { background: url(../img/bg_nav-top-right.png) no-repeat 100% 0; padding-right: 25px; }
#subnav ul li { padding: 3px 10px 5px 10px; }

#content { background: url(../img/bg_content.png) 492px 0 repeat-y; }
#content h2 { color: #3350a4; font-size:1.417em; padding-bottom: 15px; }
#content h3 { font-size:1.117em; padding-bottom: 15px; }
#content p { padding-bottom: 15px; }
#content a { color: #3350a4; }
#content ul, #content ol { padding-left: 5px; padding-bottom: 15px; }
#content ul ul { padding-bottom: 0; }
#content ul li { background: url(../img/icon_li.gif) no-repeat 0 5px; padding: 0 0 3px 10px; }
#content ol { list-style-position:outside; padding-left: 20px; }
#content ol li { padding: 0 0 3px 0px; }
#content { font-size:0.75em; line-height: 1.308em; padding-left: 20px}
#left { width: 453px; font-size:1.083em; line-height: 1.308em; padding: 33px 20px 0 0; }
#left h2 { font-size:1.308em; text-transform: uppercase; }
#places ul li {
	float: left;
	width: 120px;
	font-size: 0.8em;
	text-align: center;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	padding: 10px;
	line-height: 1.1;
	border-bottom: 1px dotted #777777;
	border-right: 1px dotted #777777;
	height: 30px;
	padding-top: 100px;
}
#places ul li.last { border-right: none; }
#places ul li#opti { background-image: url(../../tl_files/pics/logo_opti-munich.gif); background-position: 50% 30%; }
#places ul li#mido { background-image: url(../../tl_files/pics/logo_mido-milan.gif); }
#places ul li#silmo { background-image: url(../../tl_files/pics/logo_silmo.gif); }
#places ul li#vision-expo { background-image: url(../../tl_files/pics/logo_visioneast.gif); }
#places ul li#expooptica { background-image: url(../../tl_files/pics/logo_expooptica.gif); }
#places ul li#optica { background-image: url(../../tl_files/pics/.gif); }
#places ul li#opta { background-image: url(../../tl_files/pics/logo_ota-brno.gif); }
#places ul li#msoo { background-image: url(../../tl_files/pics/logo_msoo.gif); }
#places ul li#ciof { background-image: url(../../tl_files/pics/logo_beijing.gif); }
#places ul li#vision2005 { background-image: url(../../tl_files/pics/logo_vision2005.gif); background-position: 50% 30%; }
#places ul li#sightcity { background-image: url(../../tl_files/pics/sight-city.gif); }
.toggler { border-bottom: 1px dotted #777777; padding-bottom: 2px; margin-bottom: 3px; }
table { margin-bottom: 10px; }
table td.col_first { width: 300px; text-align: left; }
table td { text-align: center; border-bottom: 1px solid #e4ecff; width: 50px; border-left: 1px solid #e4ecff; padding: 3px; }
table th { color: #3350a4; text-align: center; padding: 3px; width: 100px; }
table th.col_first { width: 300px; text-align: left; }
table tr.even td { background: #edf2ff; }
table tr.odd td { background: #f6f9ff; }


#places ul li a { text-decoration: none; font-weight: bold;  }
#middle { width: 230px; }
#middle .mod_newslist { padding: 10px 0px 0px 0; }
#middle .years { padding-top: 10px; }
#middle .years ul li { border-bottom: 1px dotted #777777; margin-bottom: 2px; padding-bottom: 3px;  }
#middle .intro { float: left; background: url(../img/bg_middle-top.png) no-repeat; padding: 33px 15px 0 15px; width: 200px; }
#middle .intro .firstel { background: url(../img/icon_news.jpg) no-repeat 110% 0px; }
#middle .intro .firstel p { width: 100px;}
#right { width: 231px; }
#right .intro { float: left; background: url(../img/bg_right-top.png) no-repeat; padding: 33px 15px 0 15px; width: 201px; }
#right .intro .firstel { background: url(../img/icon_calendar.jpg) no-repeat 100% 0px; }
#right .intro .firstel p { width: 100px; }
#right .mod_eventlist { padding: 10px 0px 0px 0; }
#right .mod_eventlist h3 a { color: #5b5b5b; text-decoration: none; }
#right .mod_eventlist h3 a:hover { text-decoration: underline; }
#middle h3, #right h3 { font-size:1.167em; padding-bottom: 5px; font-weight: normal; }
#footer { background: url(../img/bg_footer.png) repeat-x #8f8e8e; color: #323232; height: 359px; width: 100%; font-size:0.75em;  }
#footer h3 { 
	color: #fff;
	font-size:1.167em;
	padding-bottom: 5px;
	border-bottom: 1px dotted #323232;
	margin-bottom: 10px;
}
#footer a { color: #323232; }

#footer p { padding-bottom: 15px; }
#footer-wrap, #footer-inner { width: 968px; }
#footer-inner .zbox { background: url(../img/bg_footer-box.png) repeat-x; height: 299px; padding: 10px; margin-right: 2px; }
#footer-inner #contact { width: 246px; }
#footer-inner #news { width: 203px; }
#footer-inner #news a { color: #323232; text-decoration: none; padding-bottom: 5px; display: block; }
#footer-inner #news .date { color: #fff; }
#footer-inner #news .layout_simple .date { border-bottom: 1px dotted #777777; padding-bottom: 2px; }
#kontakt { width: 450px; }
#kontakt label { display: block; }
#kontakt input.text { border: 1px solid #89909a; padding: 3px; background: url(../img/bg_input-text.png) repeat-x; margin-bottom: 5px; }
#kontakt textarea { width: 258px; border: 1px solid #89909a; padding: 3px; background: url(../img/bg_input-text.png) repeat-x #fff; height: 144px; font-family: Arial, Helvetica, sans-serif; font-size: 0.95em; margin-bottom: 5px; }
#kontakt #message { margin-left: 10px; }
.mod_changelanguage li { float: left; margin-left: 10px; }
.mod_changelanguage { position: absolute; right: 195px; top: 5px; }

.toggler { font-size:1.117em; font-weight: bold; background: url(../img/icon_li.gif) no-repeat 0 5px; padding: 0 0 3px 10px; cursor: pointer; }
.ce_table { float: left; width: 450px; overflow: auto; }

.tip { background: #fff; border: 1px solid #3350a4; border-left: 3px solid #3350a4; text-align: left; padding: 10px; width: 200px; }
.tip-title { font-size: 0.9em; font-weight: bold; padding-bottom: 2px; margin-bottom: 3px; }
.tip-text { font-size: 0.75em; }

.layout_latest { margin-bottom: 20px; }

#elements1 img { position: absolute; }
#content #twitter ul { padding-left: 0; }
#content #twitter ul li { background: none; padding-left: 0; border-bottom: 1px dotted #777777; padding: 5px 0; }
#content #twitter h2 { background: url(../img/twitter.png) no-repeat 100% 0; padding-top: 5px; }
#content #twitter h2 a { color: #777777; font-size: 0.7em; text-decoration: none; }
#content #twitter h2 a:hover { text-decoration: underline; }
#content #twitter h2 { border-bottom: 1px dotted #777777; }
#content #twitter ul li .twhen { font-size: 0.8em; padding-top: 6px; color: #3350a4; }