/* section: body */
body { font-family:	verdana, arial, sans-serif; font-size: 11px; color: black; background-image: url(../gfx/index/background.jpg); background-repeat: repeat; background-color: white;padding: 0px; margin: 10px 0px 0px 0px; text-align: center; }

/* subsection: header */
#header { width: 1000px; height:60px; margin: 0 auto; vertical-align: middle; }
#languages { width: 275px; height: inherit; float: left; }
#shortcuts { width: 275px; height: inherit; float: right; }

/* subsection: topmenu */
#topmenu { width: 1000px; height: 36px; margin: 0 auto; text-align: center; }
a.topmenu { color: white; text-decoration: none; }
a.topmenu:hover { text-decoration: none; color: white; }

/* subesction: headline */
#headline { min-width: 1000px; max-width: 1920px; width: 100%; height: 240px; margin: 0 auto; background-image: url(../gfx/index/headline.jpg); background-repeat: no-repeat; background-position: center; }

/* subsection: main */
#background { min-width: 1000px; max-width: 1920px; width: 100%; min-height: 500px; margin: 0 auto; background-image: url(../gfx/index/headline_mirror.jpg); background-repeat: no-repeat; background-position: center top; }
#main { width: 1000px; margin: 0 auto; vertical-align: middle; }
#leftmenu { width: 200px; float: left; margin-top: 15px; margin-right: 10px; }
#content { width: 580px; float: left; }
#path { margin-top: 15px; padding: 2px; text-align: left; }
#pathmiddle {padding: 2px; color: black; }
#pathinner { width: 460px; display: inline-block; text-align: justify; }
#fontsize { width: 100px; display: inline-block; text-align: right; }
#rightmenu { width: 200px; float: right; margin-top: 15px; margin-left: 10px; }

/* subsection: footer */
#footer { float: left; clear: both; min-width: 1000px; max-width: 1920px; height: 190px; width: 100%; margin: 0 auto; background-image: url(../gfx/index/footer.png); background-repeat: repeat-x; }
#footer_inner { width: 1000px; margin: 0 auto; color: white; line-height: 6px; }
#footer_left { width: 350px; float: left; text-align: left; margin-top: 10px; }
#footer_center { width: 300px; float: left; text-align: center; margin-top: 10px; }
#footer_right { width: 350px; float: left; text-align: right; margin-top: 10px; }

/* menu block */
div.menu_block { margin-bottom: 20px; width: inherit; text-align: left; }
div.menu_title { background-image: url(../gfx/menu/short.jpg); background-repeat: repeat-x; width: inherit; height: 30px; line-height: 30px; color: white; font-weight: bold; text-align: left; text-indent: 15px; text-transform: uppercase; }
div.menu_content {  margin-top: 2px; }
ul.menu { list-style: none; text-align: left; margin-right: 6px; }
ul.menu.main { margin-left: -25px; background-image: url(../gfx/menu/m_greenbox.png); background-repeat: no-repeat; background-position: 40px center; }
li.menu { padding: 0px 0px 0px 20px; border: 1px solid transparent; }
li.hasChilds { background-image: url(jquery/images/arrow.png); background-repeat: no-repeat; background-position: right center; }
div.menu.hidden { position: absolute; top: 0; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

/* news block - list */ 
div.list.news_block_gray { margin: 5px 0px 5px 0px; padding: 2px; text-align: left; }
div.list.news_block_white { padding: 1px; text-align: left; }
div.list.news_titlebox { padding: 5px; text-align: left; margin-bottom: 3px; }
div.list.news_title { display: inline-block; width: 477px; color: black; font-weight: bold; margin-top: 2px; }
div.list.news_toolbox { display: inline-block; width: 85px; text-align: right; }
div.list.news_content { margin: 5px 5px 5px 5px; text-align: justify; }
div.list.news_more { text-align: right; margin: 10px 10px 10px; }
div.list.news_author { text-align: right; margin: 10px 10px 10px; font-size: 11px; font-style: italic; color: gray; }
img.news_img { float: left; width: 180px; height: 191px; margin: 0px 5px 5px 0px; }
a.news { text-decoration: underline; color: black; }
a.news:hover { text-decoration: none; color: #0066CC; }

/* gallery block - list */ 
div.gallery_block_gray { margin: 5px 0px 5px 0px; padding: 2px; text-align: left; }
div.gallery_block_white { padding: 1px; text-align: left; }
div.gallery_titlebox { padding: 5px; text-align: left; margin-bottom: 3px; }
div.gallery_title { display: inline-block; width: 477px; color: black; font-weight: bold; margin-top: 2px; }
div.gallery_toolbox { display: inline-block; width: 85px; text-align: right; }
div.gallery_content { margin: 5px 5px 5px 5px; text-align: justify; }
div.gallery_more { text-align: right; margin: 10px 10px 10px; }
div.gallery_author { text-align: right; margin: 10px 10px 10px; font-size: 11px; font-style: italic; color: gray; }
div.gallery { margin: 10px 16px 10px 16px; padding: 10px 10px 25px 10px; background: #eee; border: 1px solid #fff; -moz-box-shadow: 0px 2px 15px #333; -webkit-box-shadow: 0px 2px 15px #333; }
a.gallery { text-decoration: underline; color: black; }
a.gallery:hover { text-decoration: none; color: #0066CC; }

/* page numeric block */
div.page { clear: both; width: inherit; text-align: center; margin: 10px 0px 10px 0px; }
a.page { text-decoration: none; color: black; }
a.page:hover { text-decoration: none; color: #0066CC; }
a.page.active { font-weight: bold; font-size: 12px; }

/* search block */
#search { width: 160px; margin: 10px 0px 10px 5px; font-size: 12px; border: 1px solid gray;  }
#search_button:hover { cursor: pointer; }
div.menu_tags { padding: 5px; }

/* datepickier */
#datepicker { margin: 5px 0px 0px -5px; }

/* weather */
div.weather_img { margin: 5px 0px 5px 5px; float: left; }
div.weather_text { margin: 10px 0px 0px 0px; }
div.weather_detalis { margin-left: 15px; }

/* common styles */
span.author { font-style: normal; font-size: 9px; text-align: left; width: 49%; display: inline-block; }
span.add_date { font-style: normal; font-size: 9px; text-align: right; width: 50%; display: inline-block; }
.noborder { border: 0px; }
a.imagelink { text-decoration: none; }
img.flag { margin: 3px; }
img.logo { margin: 25px 10px; }
a { color: black; text-decoration: none; }
a:hover { color: #0066CC; text-decoration: underline; }
a.path { font-weight: bold; color: black; text-decoration: none; }
a.path:hover { text-decoration: underline; }
a.invisionstudio { text-decoration: none; font-weight: bold; color:white; }
a.invisionstudio:hover { text-decoration: underline; color: white; }
a.infinityart { text-decoration: none; font-weight: bold; color:white; }
a.infinityart:hover { text-decoration: underline; color: #0066CC; }

/* tooltip */
.tooltip {	display: none; background: url(../gfx/index/tooltip.png); padding-top: 40px; height: 50px; font-size: 12px;	width: 120px; padding: 25px; color: #000; vertical-align: middle; }