
* {margin: 0; padding: 0; font-family: Verdana, "Arial CE", "Helvetica CE", Arial, sans-serif;}
body {text-align: center; color: #231F20; font-size: 12px; background: #FFF url('/images/bg_top.png') 0 0 repeat-x;
	margin: 0; padding: 0;}

.left {float: left;}
.right {float: right;}
.center {text-align: center;}
.cleaner {clear: both; height: 1px; font-size: 1px; border: none; background: transparent;}

a {color: #FF6600;}
a:hover {/*color: #000;*/}


#body {text-align: left; padding: 0; background: url('/images/header.png') 0 0 repeat-x;
	font-size: 100%; width: 1000px; margin: 0 auto; position: relative;}
#outer {background: url('/images/bg_bottom.png') left bottom repeat-x;}

#header {position: relative; height: 215px;}
#logo {height: 129px; width: 325px; background:url('/images/logo.png') 0 0 no-repeat;
	margin: 0; float: left;}
#logo a {display: block; height: 100%;}
#logo a span {display: none;}

#topnavi {position: absolute; left: 0; top: 165px; width: 975px; padding: 0 0px 0 20px; font-size: 110%;}
#topnavi ul li {list-style: none; display: block; float: left; background: url('/images/menu_sep.png') left center no-repeat;
			text-transform: uppercase; text-align: center;}
#topnavi ul li.last {float: right; width: 162px;}
#topnavi ul li.last,
#topnavi ul li.first {background-image: none;}
#topnavi ul li a {display: block; padding: 8px 10px 8px 12px;
	text-decoration: none; color: #FFF;}
#topnavi ul li a:hover {text-decoration: underline;}

.col {padding: 0 0 5px 0; margin: 10px 0 0 0;}
.col ul {list-style: none;}
.col ul li {padding: 5px 2px 16px 2px; margin-bottom: 7px; background: url('/images/dotted.png') left bottom repeat-x;}
.col ul li a.seminar {display: block; font-weight: bold;}
.col h3 {padding: 0 0 5px 0; font-weight: normal; font-size: 150%;}
.col ul strong {display: block; margin-bottom: 3px;}
.col ul strong a {color: #FF6600;}
.koment .autor,
.koment .datum {color: #A3A3A3; font-size: 90%; display: block; width: 70px;
		padding: 3px 3px 3px 20px; float: left;}
.koment .datum {background: url('/images/icon_calendar.png') left center no-repeat;}
.koment .autor {background: url('/images/icon_user.png') left center no-repeat;}
.koment.last {background-image: none; border-bottom: #A2A2A2;}

.seminare-box {position: absolute; bottom: 0;}

#left {float: left; width: 232px; margin: 0 0 20px 8px;}
#right {float: right; width: 220px; margin: 0 8px 0 0;}
#right .archiv {text-align: right; padding: 16px 12px; border-top: 1px solid #A2A2A2;}
#right .archiv a {padding: 6px 4px 6px 4px;}
#right .archiv a.sep {background: url('/images/vertical_dot.png') 0 0 repeat-y; padding: 6px 0 6px 8px;}
#right h3 {margin-left: 2px;}

#content {float: left; width: 460px; text-align: justify; padding: 10px 40px 0 30px;
	line-height: 150%;}
#content h1, #content h2, #content h3 {font-size: 170%; text-align: left;}
#content h2 {font-size: 150%; margin-top: 10px;}
#content h3 {font-size: 130%; margin-top: 10px;}
#content p {padding: 10px 0 10px 0;}
#content li {margin-left: 20px;}
#content ul {margin: 5px 0 5px 0;}
#adminnavi li {margin-left: 0;}

#content hr {background: url('/images/dotted.png') left bottom repeat-x; border: none; margin: 5px 0 5px 0;}

#footer {text-align: right; width: 958px; margin: 0 auto; font-size: 80%;
	padding: 20px; height: 62px; color: #574F51;}
#footer a {color: #877D7F;}

form.frm {text-align: left;}
form.frm fieldset {border: 2px solid #EFEFEF; margin: 0; padding: 10px; width: auto;
	margin: 5px auto;}
form.frm fieldset legend {font-weight: bold; padding: 3px; font-size: 120%;}
form.frm fieldset .desc {font-size: 80%; float: right; margin-right: 7px; text-align: right;
	display: block; width: 250px;}
form.frm label {float:left; width:170px; display: block; margin-top:10px;}
form.frm input, form.frm textarea, form.frm select {float:left; width:260px; display:block;
	border: 1px solid #676767; font-size:100%; margin-top:10px; padding: 3px;}
form.frm input:focus, form.frm textarea:focus {border: 1px solid #000; background-color:#FFF;}
form.frm br {display:none;}
form.frm br.cleaner {display: block;}
form.frm input.submit {display: inline; padding: 0 5px 0 5px; width: auto; float:right;
	margin-right: 2px; background-color:#E5E5E5;}
form.frm input.check {width: auto;}

form.frmlogin fieldset {width: 245px; padding: 0 10px 5px 15px;}
form.frmlogin label {width: 95px;}
form.frmlogin input {width: 140px;}
form.frmseminare fieldset {padding: 6px; border: none; padding: 0;}
form.frmseminare input, form.frmseminare textarea, form.frmseminare select {width: 220px; display: block; float: none; margin-top: 0;}
form.frmseminare label {display: block; float: none;}
form.frmseminare input.submit {width: auto; margin-right: 4px; margin-top: 5px;}

table {font-size: 100%;}
table th, table td {border: 1px solid #EFEFEF; padding: 3px; text-align: left;}
table th {border: none; text-align: center;}

.info, .error {font-weight: bold; padding: 5px 0 5px 20px; background-image: url('/images/infoicon.gif');
	background-repeat: no-repeat; background-position: left center;}
.error {color: #DF1B1B; background-image: url('/images/erroricon.gif')}

#adminnavi li {list-style: none;}
#adminnavi ul {margin-left: 10px;}
#adminnavi ul li {display: inline;}
#adminnavi li h3 {margin: 10px 0 5px 0;}
.tmce {clear: both;}
form.frm .tmce br {display: block;}
form.frm .tmce select {display: inline; width: auto; float: none; margin: 0;}

#komentar {padding: 10px 0 10px 0;}

table.noborder td {border: none;}

.sp {margin-bottom: 30px;}
.sp h3 {margin: 0;}
.sp .right {width: 280px;}
.sp ul {list-style: none;}
.sp ul li {margin-left: 0 ! important; text-align: left ! important;}
.sp img {float: left; margin: 12px 12px 0 0;}

