/*obecne*/

body {
margin: 0 0 30px 0;
padding: 0;
font-size: 70%;
text-align: center;
background: #494949;
font-family: verdana ce, verdana, sans-serif;
color: #333333;
}

#site {
width: 750px;
text-align: left;
margin: auto;
border: 5px solid #FEF5E0;
border-top: 0;
background: #D4CBB8;
}

hr {
height: 1px;
border: none;
border-bottom: 1px dashed #333333;
clear: both;
}

h1 {
color: #570B0B;
font-size: 120%;
padding: 0;
margin: 15px 0 0 0;
}

h2 {
color: #B67800;
font-size: 110%;
padding: 0;
margin: 15px 0 0 0;
}

h2 a, h2 a:hover  {color: #B67800; background: none;}
h3 {margin: 15px 0 0 0; font-size: 100%;}

p {
padding: 0;
margin: 2px 0 10px 0;
text-align: justify;
line-height: 1.3em; 
}

ul, li, ol {
padding: 0;
margin: 0;
}

ul {list-style: none;}

table {
width: 100%;
border: 1px solid #E8DDC5;
border-collapse: collapse;
margin: 5px 0;
}
	
th, td {
padding: 5px;
vertical-align: top;
border: 1px solid #E8DDC5;
}

th {background: #FBEBC6;}
td {background: #FCF0D5;}

table.form {
width: auto;
border: none;
}

table.form th, table.form td {
border: none;
background: none;
}

a {color: #7D1616;}
	
.left	{text-align: left;}
.center	{text-align: center; margin: 10px 0;}
.right	{text-align: right;}
.clr	{clear: both;}

img {border: none;}
img.left {float: left; margin-right: 10px;}
img.right {float: right; margin-left: 10px;}
img.nobrd {border: none !important;}
img.brd {border: 5px solid #E8DDC5;}

/*top*/

#top {
background: #494949 url(img/image.jpg) 50% 0 no-repeat;
width: 760px;
text-align: right;
margin: auto;
padding-top: 93px;
height: 45px;
position: relative;
}

#top a:hover {background: none;}
#top object {position: absolute; top: 10px; right: 0; width: 486px; height: 60px;}

/*menu*/

#menu {
background: #F2DBA8 url(img/menubg.gif) repeat-x;
border-bottom: 5px solid #FEF5E0;
}

#menu li {
display: block;
padding: 9px 0;
float: left;
position: relative;
}

#menu li li {
padding: 0;
}

#menu li a {
color: #333333;
padding: 0 8px 0 9px;
text-decoration: none;
font-weight: bold;
background: url(img/splitter.gif) 0 50% no-repeat;
}
#menu li.last a {padding-right: 0;}

#menu li a.fst {background:none;}

#menu li a:hover {
text-decoration: underline;
color: #7D1616;
}

#menu li ul {
width: 165px;
position: absolute;
top: 0;
left: -5px;
margin-top: 31px;
display: none;
border: 5px solid #FEF5E0;
border-top: 0;
}

#menu li:hover ul {
display: block;
}

#menu li li a, #menu li li span {
display: block;
color: #3D2901;
font-weight: normal;
width: 155px;
padding: 4px 5px;
background: #F2DBA8;
border-bottom: 1px solid #FEF5E0;
}

#menu li li span {
font-weight: bold;
color: #551C1C;
}

#menu li li a:hover {
color: #551C1C;
background: #FCEBC7;
text-decoration: none;
}

/*aktuality*/

#aktuality {
margin: 12px;
padding: 5px;
border: 5px solid #FEF5E0;
background: #FFDC91;
}

#aktuality p {
margin: 0 0 0 47px;
padding: 0;
}

#aktuality hr {
margin-left: 47px;
text-align: left;
}

img.akt {float: left; margin: 0 10px;}

/*homepage*/

#hp {
width: 500px;
background: #FEF5E0;
border: 5px solid #E8DDC5;
margin-left: 20px;
padding: 0 10px;
}

#hpimg {
width: 170px;
float: right; 
margin-right: 20px;
_margin-right: 10px;
}

#hpimg img {
margin-bottom: 10px;
}

#hpimg a:hover {background: none;}

/*fotogalerie*/

#photos, #photos-hp {
text-align: center;
min-height: 300px; _height: 300px;
}

#photos h1, #photos-hp h1 {
font-size: 160%;
}

#photos img, #photos-hp img {
border: 8px solid #FEF5E0;
margin: 5px;
}

#photos a:hover, #photos-hp a:hover {background: none;}

#photostxt {
background: #FEF5E0;
padding: 5px 15px;
margin: 12px;
border: 5px solid #E8DDC5;
text-align: justify;
}

/*text*/

#txt {
margin: 12px;
padding: 0 10px;
border: 5px solid #E8DDC5;
background: #FEF5E0;
}

#txt ul {
margin: 10px 0;
list-style: square inside;
}

#txt ul ul {
margin: 0 0 0 20px;
}

#txt ol {
margin: 10px 0;
list-style-position: inside;
}

#txt li {padding: 2px 0;}

#txt fieldset {
margin: 10px 20px 10px 170px;
border: 2px solid #E8DDC5;
background: #FCF0D5;
width: 350px;
}

#txt legend {
font-weight: bold;
color: #570B0B;
padding: 0 5px;
font-size: 120%;
}

#txt input, #txt textarea {
border: 2px solid #E8DDC5;
}

#txt input.button {
font-weight: bold;
color: #570B0B;
background: white;
border: 2px solid #570B0B;
}

/*ender*/

#ender {
position: relative;
margin: 5px 20px; 
font-weight: bold;
font-size: 80%;
}

#author {
position: absolute;
top: 0;
right: 0;
_right: 20px;
}

#numbers {
position: absolute;
top: 30px;
left: 0;
color: #FEF5E0;
font-weight: normal;
}

#numbers strong {color: #FEF5E0;}