* { margin: 0; padding: 0; border: 0; }
div.cleaner { clear: left; height: 1px; visibility: hidden; }
div.cleaner.right { clear: both; }
.floated { float: right; }
.center { text-align: center; }

body { background: url(../images/body.gif) center top repeat-x #c1c1c1; font-family: Verdana, Arial, sans-serif; font-size: 0.9em; position: relative; color: #222; }
a { color: #176c98; }
a:hover { text-decoration: none; }

#main { width: 100%; background: url(../images/main.gif) left bottom repeat-x #fff; position: relative; margin: 25px 0 0 0; }
#bottom { width: 933px; background: url(../images/bottom.gif) left top no-repeat; position: relative; margin: -2px auto 20px auto; padding: 7px 45px 0 0; font-size: 0.7em; color: #575757; text-align: right; }
#top { height: 151px; width: 888px; margin: 0 auto; position: relative; }
#content { width: 888px; margin: 0 auto; padding: 0 0 60px 0; }

h1 a { width: 182px; height: 130px; display: block; position: absolute; top: -1px; left: -45px; overflow: hidden; text-indent: -2000px; background: url(../images/logo.gif) left bottom no-repeat; z-index: 100; }
h2 { color: #176c98; font-size: 1.2em; padding: 0 0 15px 0; font-weight: bold; text-transform: uppercase; }
h3 { color: #444; font-size: 1.1em; padding: 15px 15px 10px 0; font-weight: normal; text-transform: uppercase; }

h4 { color: #999; text-transform: uppercase; font-size: 0.75em; padding: 5px 25px; font-weight: normal; }

#content p { color: #575757; padding: 0 0 20px 0; font-size: 0.9em; line-height: 130%; }

#menu { list-style: none; height: 45px; position: absolute; text-transform: uppercase; font-size: 1em; bottom: 36px; right: 0; border: 1px solid #bfbfbf; background: url(../images/menu.gif) left top repeat-x #e2e2e2; }
#menu li { float: left; height: 45px; background: url(../images/menu_divide.gif) left top no-repeat; text-align: center; }
#menu li a { height: 45px; line-height: 45px; display: block; position: relative; overflow: hidden; color: #575757; text-decoration: none; padding: 0 20px; margin: 0 0 0 2px; white-space: nowrap; }
#menu li.first { background: none; }
#menu li.first a { margin: 0; }
#menu li a:hover { background: url(../images/menu_hover.gif) left top repeat-x; color: #000; }
#menu li.selected { background: url(../images/menu_divide_selected.gif) left top no-repeat; }
#menu li.selected a { color: #fff; background: url(../images/menu_selected.gif) left top repeat-x; }
#menu li.selected li a { color: #575757; background: none; }
#menu li.selected li a:hover { background: url(../images/menu_hover.gif) left top repeat-x; color: #000; }

#menu li ul { padding: 0; position: absolute; visibility: hidden; border: 1px solid #bfbfbf; background: url(../images/menu.gif) left top repeat #e2e2e2; }
#menu li ul li { float: none; display: inline; background: none; }
#menu li ul li a { margin: 0; width: 120px; text-align: left; }


#left { width: 250px; float: left; display: block; }
#right { width: 618px; float: left; display: block; padding: 0 0 0 20px; }

.half { width: 424px; float: left; display: block; padding: 0 20px 0 0; }

#left .menu { width: 248px; border: 1px solid #cfcfcf; list-style: none; overflow: hidden; text-transform: uppercase; }
#left .menu li { width: 248px; height: 30px; line-height: 30px; font-size: 0.8em; background: url(../images/menu_left.gif) left top repeat-x; border-bottom: 1px solid #aeaeae; }
#left .menu li a { width: 233px; height: 30px; display: block; background: url(../images/menu_left_a.gif) 12px 12px no-repeat; text-decoration: none; padding: 0 0 0 15px; color: #575757; }
#left .menu li a:hover { background: url(../images/menu_left_hover.gif) left top repeat-x; color: #000; }
#left .menu li.selected a { background: url(../images/menu_left_selected.gif) left top repeat-x; color: #fff; }


#bottom a { color: #575757; text-decoration: none; }
#bottom a:hover { text-decoration: underline; }

select, input, textarea { border: 1px solid #999; padding: 2px; margin: 2px 0 3px 0; width: 420px; display: block; }
textarea { width: 420px; height: 100px; }
form small { margin: 0 0 5px 0; }
input.hidden { display: none; }
input.button { width: 200px; }
input.check { border: 0; width: 20px; display: inline; vertical-align: middle; }


/* alerts */
.alert { width: 375px; height: 50px; line-height: 40px; padding: 0 0 0 45px; display: block; overflow: hidden; margin: 10px 0; background: url(../images/alert_info.gif) left top no-repeat; font-size: 0.9em; }
.alert.error { background: url(../images/alert_error.gif) left top no-repeat; }


.topImage { width: 886px; height: 80px; border: 1px solid #cfcfcf; margin: 0 0 30px 0; overflow: hidden; }
#right .topImage { width: 616px; }

.katalog { width: 209px; height: 49px; display: block; background: url(../images/katalog.gif) left bottom no-repeat; text-indent: -2000px; }
.katalog:hover { background: url(../images/katalog.gif) left top no-repeat; }
.katalog.float { float: right; margin: 0 0 10px 10px; }
.katalog.en { background: url(../images/katalog_en.gif) left bottom no-repeat; }
.katalog.en:hover { background: url(../images/katalog_en.gif) left top no-repeat; }


#language { position: absolute; top: 90px; right: 5px; width: 200px; text-align: right; color: #777; font-size: 0.9em; line-height: 20px; }
#language a { color: #777; text-decoration: none; margin: 0 0 0 10px; }
#language a:hover { color: #000; text-decoration: underline; }
#language strong { margin: 0 0 0 10px; color: #176C98; }