@charset "utf-8";
/* CSS Document */

*
{
	margin: 0;
	padding:0;
}

body
{
	background-color:#ece5c8;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 0.8em;
	overflow-x: hidden;
}

li 
{
  color:#b10d23;
  /*list-style-position:inside;*/
}

a
{
	color:#666;
}

li span
{
	color: #333;
}

h1, h2, h3, h4, h5, h6{ color: #AF061C;}

h1{ font-size: 20px; margin-bottom: 22px; line-height:20px; height:20px;}
h2{ font-size: 14px; margin-bottom:10px; margin-top:10px;}
h3{ font-size: 12px; margin-bottom:5px; margin-top:5px;}
h4, h5, h6{ font-size: 10px;}

#wrapper
{
	border-left:thin solid #999;
	border-right:thin solid #999;
	background-color:#FFF;
	width:1024px;
	margin-left:auto;
	margin-right:auto;
}

#header
{
	width:100%;
	height:145px;
	margin:auto;
	padding:0;
}

#header p
{
	text-transform:uppercase;
	font-weight:bold;
	/* letter-spacing: 2px; */
	color: #666;
	font-size: 13px;
	float: left;
	margin-top: 105px;
	margin-left: 20px;
}

#header img
{
	float:right;
	margin-top:20px;
	margin-right:30px;
}

#navi 
{
	letter-spacing: 1px;
	width:1024px;
	background-color: #fedb76;
	border-bottom:#b10d23 solid 3px;
	margin:0;
	height:30px;
	float:none;
	display:block;
}

#navi a
{
	text-transform:uppercase;
	color:#b10d23;
	text-decoration:none;
	margin-left: 8px;
	margin-right: 8px;
	width: auto;
}


#navi .selected, #navi li:hover {
	margin-top: -6px;
	background-color:#ffedbb;
	height: 30px;
	color: #d7744c;
	border-bottom:#d88691 solid 3px;
}

#navi a:hover
{
	color: #d7744c;
}

#navi .selected a, #navi li:hover a 
{
	color: #d7744c;
	margin-top: 6px;
	width: auto;
	display: block;
}

#navi ul
{
	font-weight:600;
	font-size:15px;
	margin:0;
	padding-top:6px;
	padding-bottom:6px;
	width: auto;
	display:block;
}

#navi ul li
{
	height:30px;
	list-style-type:none;
	float:left;
	display:block;
	margin-left: 12px;
	padding:0;
	width: auto;
}

#left
{
	clear: both;
	width:100px;
	float: left;
}

#subnavi 
{
	/*text-transform: lowercase;*/
	margin-top: 60px;
	margin-left: 25px;
	white-space: nowrap;
}


#subnavi span 
{
	font-weight:bold;
}

#subnavi a:hover
{
	font-weight:bold;
}

#subnavi a.active
{
	font-weight:bold;
}

#subnavi li
{
	list-style-type:none;
	margin-bottom:20px;
}
#subnavi li a
{
	line-height: 25px;
	color: #b10d23;
	text-decoration:none;
	font-size:15px;
}

#box_left
{
	margin-left: 20px;
	padding: 10px;
	margin-top: 90px;
	width: 118px;
	min-height:200px;
	margin-bottom: 30px;
	border: solid #9c3a47;
	border-width:2.5px;
	font-size: 11px;
	background-color:#ffedbb;
}

#box_left h2
{
	font-size:14px;
	border-bottom:solid #9c3a47 thin;
	text-transform:uppercase;
	background-color: fedb76;
}
#box_left p
{
	padding:1px;
}

#box_left a, #box_left a:active
{
	margin-left: 70px;
	text-align:right;
	color:#666;
	text-decoration:none;
}




#content 
{
	margin-top: 30px;
	margin-bottom: 30px;
	width: 820px;
	min-height: 480px;
}

#content-top
{
	margin-left: 1px;
	height:58px;
	width: 844px;
	background-repeat:no-repeat;
	background-image:url(../img/top.jpg);
}
#content-middle
{
	background-image:url(../img/middle.jpg);
	background-repeat:repeat-y;
	min-height:350px;
	width: 844px;
	padding-bottom:20px;
}

.text
{
	margin-left: 60px;
	margin-right:50px;
	line-height: 1.2em;
	z-index: 110;
}

.text p
{
	margin-bottom: 20px;
	/* letter-spacing:2px; */
}

.text ul {
	line-height: 1.2em;
	margin-left:15px;
	margin-bottom: 1em;
	margin-top:0.2em;
}

.text ul ul {
	line-height: 1.2em;
	margin-left:20px;
}

.text li {
	margin-bottom:0.5em;
	color: inherit;
}

.text p:last-child 
{
	margin-bottom: 0px;
}

#content-bottom
{
	height:58px;
	width: 844px;
	background-repeat:no-repeat;
	background-image:url(../img/bottom.jpg);
}

#content .left
{
	float: left;
	position:static;
	margin-right: 15px;
	border: #b10d23 solid medium;
}

#content .right
{
	float: right;
	position:static;
	margin-right: 15px;
	border: #b10d23 solid medium;
}

#content img
{
	float: left;
	position:static;
	margin-right: 15px;
	border: #b10d23 solid medium;
}


#right
{
	width: 860px;
	float:right;
}

#box_right
{
	background-image:url(../img/box_right.jpg);
	width:323px;
	height:458px;
	float:right;
	margin-top: 13px;
	margin-right: 0;
}

#box_right img
{
	margin: 15px;
	margin-top: 20px;
}

#content_v2
{
	float:left;
	background-image:url(../img/top_v2.jpg);
	background-repeat:no-repeat;
	height:481px;
	width: 496px;
}

#content_v2 .text, #content-top_v3 .text
{
	margin-top:50px;
}

#content-middle-top_v3
{
	postion:static;
	margin-top:-12px;
	background-image:url(../img/middle_v3.jpg);
	background-repeat:no-repeat;
	width: 845px;
	height:46px;
	z-index:100;
}



#content-top_v3
{
	float:left;
	background-image:url(../img/top_v3.jpg);
	background-repeat:no-repeat;
	height:474px;
	width:489px;
}

#content-middle_v3
{
	background-image:url(../img/middle__v3.jpg);
	background-repeat:repeat-y;
	width: 846px;
}


#content-bottom
{
	background-image:url(../img/bottom.jpg);
	background-repeat:no-repeat;
}


#content-bottom_v3
{
	background-image:url(../img/bottom_v3.jpg);
	width: 845px;
	height: 70px;
	background-repeat:no-repeat;
	position:relative;
	margin-top: -20px;
}


#footer
{
	clear:both;
	width: 100%;
	background-color:#a41919;
	height:70px;
}

#footer a
{
	float: right; 
	text-decoration:none;
	color: white;
	font-size: 14px;
	margin-top: 10px;
	margin-right: 20px;
}

.clear
{
		clear:both;
}

.title-smallest{font-size: 10px;}
.title-small{font-size: 12px;}
.title-medium{font-size: 14px;}
.title-large{font-size: 16px;}
.title-largest{font-size: 18px;}

.subtitle-smallest{color: #333; font-size: 8px;}
.subtitle-small{color: #333; font-size: 10px;}
.subtitle-medium{color: #333; font-size: 12px;}
.subtitle-large{color: #333; font-size: 14px;}
.subtitle-largest{color: #333; font-size: 16px;}

.textbox-shade{clear: both; background-color: #ffedbb; padding:15px; margin:10px;padding-top: 8px;}

td 
{
	/* border-bottom: 1px solid #CCC; */
	padding: 0 0.5em;
	width:100px;;

}
tr.red td{
	/* border-top: 1px solid #b10d23; */
	/* border-bottom: 1px solid #b10d23; */
	background: #ffedbb;
	font-weight:bold;
	/* border-right: 1px solid #b10d23; */
}

tr.red td:first-child
{
	/* border-left: 1px solid #b10d23; */
}

td {
	/* border-right: 1px solid #CCC; */
	text-align: left;
	}
th {
	padding: 0 5px;
	text-align: left;
}

td:first-child
{
	/* border-left: 1px solid #CCC; */
}

.table
{
	border-collapse: collapse;
	width: 400px;
}

form#kontakt label {
	float: left;
	width: 100px;
 	margin-bottom: 2px;
	font-weight: bold;
}
form#kontakt input, textarea {
	border: 1px solid #666;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 12px;	
 	margin-bottom: 2px;
}
form#kontakt input.button {
 	margin-left: 100px; 
	background-color: #fedb76;
}
form#kontakt ul {
	list-style-type: square;
}

ul.sitemap {
	list-style-type: square;
}
ul.sitemap ul {
	list-style-type: inherit;
	margin-left: 30px;
}

table.gallery {
	margin: 0;
	padding: 0;
}
table.gallery img {
	border: none;
	margin: 0;
	padding: 0;
	float: none;
}
table.gallery td {
	border: none;
	border-left: none;
	padding: 0;
	padding-bottom: 15px;
	width: 170px;
}

.portal_news_box {
 	float: left; 
 	background-color:#ffedbb; 
 	border: 2px solid #ffedbb; 
 	width: 270px; 
 	/* height: 200px; */
 	margin: 0; 
 	padding: 5px; 
 	margin-top: 20px; 
 	margin-right: 17px;
	text-align: center;
}

.portal_news_box h2 {
	text-algin: center;
	font-size:16px;
	margin-bottom: 0px;
	margin-top:0px;
}

div#moodmessage {
	margin-top:45px;  
	margin-bottom:60px;
}

div#moodmessage h1 {
	margin: 0px 0px 0px 50px;
	padding: 0px 0px 0px 0px;
	color: #FCBB00;
	font-style: italic;
}

div#moodmessage span {
	margin-left: 700px;
	width: 200px;
	font-style: italic;
	font-weight: bold;
	color: #c0c0c0;
	
}


/* ***************************************** Sudo Slider ***************************************** */

.slider ul, .slider ul li, .sliderul, .sliderli{
	margin:0;
	padding:0;
	list-style:none;
	}
.slider ul li, .sliderli{ 
	/* 
		define width and height of list item (slide)
		entire slider area will adjust according to the parameters provided here
		comment the height out, if autoheight is on. 
	*/ 
	width:696px;
/* 	height:241px; */
	overflow:hidden; 
	position:relative;
}	
.slider, .slider2 {
	width:696px;
	overflow:hidden; 
}
.graphic, .prevBtn, .nextBtn{
	 margin:0;
	 padding:0;
	 display:block;
	 overflow:hidden;
	 text-indent:-8000px;
 }
 
 .prevBtn, .nextBtn { 
	display:block;
	width:30px;
	height:77px;
	position:absolute;
	left:-30px;
	top:71px;
	z-index:1000;
	background:url(../images/btn_prev.html) no-repeat 0 0;	
	cursor:pointer;
}	
.nextBtn{ 
	left:696px;
}														
.nextBtn { 
	background:url(../images/btn_next.html) no-repeat 0 0;	
}	
#wrapper .prevBtn{ 
	left:-35px;
}	
		
/* numeric controls */	
ol {
	margin:1em 0;
	padding:0;
	height:28px;	
	
}
ol li{
	margin:0 10px 0 0; 
	padding:0;
	float:left;
	list-style:none;
	height:28px;
	line-height:28px;
}
ol li a{
	float:left;
	height:28px;
	line-height:28px;
	border:1px solid #B10D23;
	background:#FEDB76;
	color: #B10D23;
	padding:0 10px;
	text-decoration:none;
	font-weight:bold;
}
ol li a span {
	color: #B10D23;
}
ol li.current a, 

ol li.current a span{
	background:#FFEDBB;
	color:#D7744C;
}

ol li a:focus, .prevBtn a:focus, .nextBtn a:focus{outline:none;}

/* // Sudo Slider */


			
.graphic, .prevBtn, .nextBtn {
	margin:0;
	padding:0;
	display:block;
	overflow:hidden;
	text-indent:-8000px;
}
			
#container {	
	margin:0 auto;
	position:relative;
	text-align:left;
	width:696px;
	background:#fff;		
	margin-bottom:2em;
}

/* // Sudo Slider */

.caption {
	position:absolute;
	bottom:0;
	left:0;
	width:286px;
	height:21px;
	padding-top: 3px;
	text-align:center;
	color:#B10D23;
	font-weight:normal;
	background:#FFF2CF;
	background:transparent;
	background:rgba(255,255,255,0.7);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#a3ffffff,endColorstr=#a3ffffff); /* I just hate IE, but this works */
	zoom: 1; /* Part of the IE fix */
}

ol.controls {

}

ol.controls li a {
	font-size:80%;
	padding: 0px 5px;
	height: 18px;
	line-height: 18px;
}