/*
	design by Petr S. Dusatko
*/

* {margin: 0; padding: 0; font-family: Verdana, "Arial CE", "Helvetica CE", Arial, sans-serif;}
body {text-align: center; color: #444; font-size: 13px; background-color: #DDD;}

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

a {color: #333399;}
a:hover {color: #000;}


#body {text-align: left; background-color: #FFF; padding: 10px 20px 30px 20px;
	font-size: 90%; background:url('/images/shadow.gif') 0 0 repeat-y;}
#outer { width: 958px; margin: 0 auto 10px auto; padding-bottom: 9px;
	background:url('/images/footer.gif') 0 bottom no-repeat;}

#logo {height: 138px; background:url('/images/lutherus.jpg') 0 0 no-repeat;
	margin: 0 0 5px 0; width: 370px; float: left;}
#logo a {display: block; height: 100%;}
#logo a span {display: none;}
#okynko {float: left; width: 260px; line-height: 170%; padding-top: 20px;}
#formtop {float: right; margin-bottom: 5px; width: 274px;}
#topnavi {background-color: #ff6600; margin-bottom: 40px; clear: both;}
#topnavi ul li {list-style: none; display: block; float: left;}
#topnavi ul li a {display: block; padding: 8px 20px 8px 20px;
	background-color: #ff6600; text-decoration: none; border-right: 1px solid #FFF;
	color: #FFF;}
#topnavi ul li a:hover {background-color: #FFF; color: #000;}

.col {padding: 5px 0 20px 0; margin: 10px 0 0 0; width: 190px;}
.col ul {list-style: none;}
.col ul li {border-bottom: 1px solid #EFEFEF; padding: 5px 5px 5px 5px; font-size: 85%;}
.col ul li a.seminar {display: block; font-weight: bold;}
.col h3 {background-color: #ff6600; color: #FFF; padding: 3px 10px 3px 10px;
	font-weight: normal; font-size: 100%; font-family: Georgia, serif;
	background:url('/images/colh3.gif') 0 0 no-repeat;}
.col ul strong {display: block; margin-bottom: 3px;}

#left {float: left; border-right: 2px solid #EFEFEF; width: 190px;
	padding: 0 10px 0 0; margin: 0 0 20px 0;}
#right {float: right; border-left: 2px solid #EFEFEF; width: 190px;
	padding: 0 0 0 10px; margin: 0 0 20px 0;}
#archiv {text-align: right; padding: 5px 0 0 0;}

#content {float: left; width: 474px; text-align: justify; padding: 0 20px 0 20px;
	line-height: 150%;}
#content h1, #content h2, #content h3 {font-family: Georgia, serif; margin-bottom: 10px;
	font-size: 170%; text-align: left; margin-top: 10px;}
#content h2 {font-size: 150%;}
#content h3 {font-size: 130%;}
#content p {padding: 10px 0 10px 0; text-indent: 30px;}
#content p.no {text-indent: 0;}
#content li {margin-left: 20px;}
#adminnavi li {margin-left: 0;}

#footer {text-align: center; width: 958px; margin: 0 auto 10px auto; font-size: 80%;
	padding: 0 10px 0 10px}

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; font-family: Georgia, serif;}
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 {width: 160px; padding: 6px; border: none; padding: 0;}
form.frmseminare input, form.frmseminare textarea, form.frmseminare select {width: 100%; display: block; float: none; margin-top: 0;}
form.frmseminare label {display: block; float: none;}
form.frmseminare input.submit {width: auto; margin-right: -8px; 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: 300px;}
.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;}