html, body{
    height: 100%;
}

body{
	margin: 0;
	padding: 0;
	background: #fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #464646;
	font-size: 100%;
}

/*-----------------------   BASICS   -----------------------*/
img{
	border: none;
}

.clear{
	font-size: 1%;
	clear: both;
	display: block;
}

.relEL{
    position: relative;
	top: 0;
	left: 0;
}

a{
    color: #DB3534;
}

hr{
    background: #fff;
	color: #fff;
	border: none;
	border-bottom: 1px solid #98da45;
	height: 2px;
}

pre.debug{
	text-align: left;
	font-size: 120%;
	padding: 1em;
	background: #FFFFFF;
	color: #000000;
	border: 3px solid #999999;
}

#wrap{
    clear: both;
	float: none;
	background: #e5ffb1 url(../images/bg_wrap.gif) repeat-y;
}

.fckimgleft{
    float: left;
	margin: 0 1em 0 0;
}
.fckimgright{
    float: left;
	margin: 0 0 0 1em;
}


/*-----------------------   CONTENT   -----------------------*/
#content{
	width: 725px;
	float: left;
	margin: 0;
	padding: 32px 19px;
	background:#fff;
}

#content h1, #content h2, #content h3, #content h4, #content caption{
	margin-top: 0;
	padding-top: 0;
	color: #847648;
	font-family: Arial, Helvetica, sans-serif;
}
#content h1{
   font-size: 120%;
}
#content h2{
   font-size: 110%;
}
#content h2.homeBoxes{
   font-size: 90%;
   color: #db3534;
   width: 192px;
   margin: 0 -4px;
   padding-left: 18px;
}

#content h3, #content h4, #content caption{
   font-size: 100%;
   font-weight: bold;
}

#content p, #content table, #content ul, #content ol{
   font-size: 80%;
   line-height: 1.5em;
}
#content table p, #content ul p, #content ol p{
   font-size: 100%;
}

#content a{
    text-decoration: none;
}
#content a:hover{
    text-decoration: underline;
}
#content a.more{
    padding-left: 11px;
    background: url(../images/arrow_right.gif) no-repeat 0px 4px;
	white-space: nowrap;
}

.alignLeft{
	text-align: left;
}
.alignRight{
	text-align: right;
}



/* home */
#homeThumbs{
    margin: 0;
	padding: 0;
	list-style-type: none;
	width: 198px;
	float: left;
}
#homeThumbs li{
    margin: 0;
	padding: 0;
	display: inline;
}
#homeThumbs a{
    margin: 0 1px 1px 0;
	padding: 0;
	display: block;
	float: left;
    width: 98px;
	height: 167px;
	background:#CCC;
}

#homeLandscape{
    position: absolute;
	top: 125px;
	left: 414px;
	height: 335px;
}

/* home boxes */
#homeNews{
    width: 202px;
	float: left;
	padding: 0 4px 4px 4px;
	margin: 1em 7px;
	border: 1px solid #f2e917;
}
#homeEvents{
    width: 202px;
	float: left;
	padding: 0 4px 4px 4px;
	margin: 1em 7px;
	border: 1px solid #ebf464;
}
#homeNewspaper{
    width: 202px;
	float: left;
	padding: 0 4px 4px 4px;
	margin: 1em 7px;
	border: 1px solid #d0ef92;
}

#homeNews h2{
   background: #f2e917 url(../images/arrow_bottom.gif) no-repeat left center;
}
#homeEvents h2{
   background: #ebf464 url(../images/arrow_bottom.gif) no-repeat left center;
}
#homeNewspaper h2{
   background: #e5ffb1 url(../images/arrow_bottom.gif) no-repeat left center;
}

.infobox{
    float: right;
	width: 36%;
	font-size: 84%;
	color: #666666;
}

/* content lists */
ul.contentList{
    margin: 1em 0;
	padding: 0;
	list-style-type: none;
}
ul.contentList li{
    margin: 0;
	padding: 0.5em 0;
	width: 100%;
	border-bottom: 1px solid #ee9e9e;
	display: table;
}
ul.contentList li img{
    float: right;
}
#content ul.contentList li p{
    margin: 0;
	padding: 0;
}

#content ul.contentList h2 small{
    display: block;
	line-height: 14px;
}

/* companyList */
ul.companyList h2{
    background: #f0ffd1;
	color: #333;
}


/* download lists */
ul.downloadList{
    margin: 1em 0;
	padding: 0;
	list-style-type: none;
}
ul.downloadList li{
    margin: 0;
	padding: 0 0 0 15px;
	background: url(../images/arrow_right.gif) no-repeat 0px 4px;
}

/* thumbs */
.thumb a, #gallery a, #sideGallery a{
    cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: url(/images/zoom_in.cur),pointer; /* absolute url! */
}

.thumb.detail{
    float: right;
	margin: 0 0 0 0.5em;
}

#content ul#sideGallery{
    margin: 0 0 0 1em;
	padding: 0;
	float: right;
	list-style-type: none;
	width: 120px;
	line-height: 80%;
}
#sideGallery li{
    margin: 0;
	padding: 0;
    display: inline;
}
#sideGallery li a{
    margin: 0 0 1px 0;
	text-align: right;
	display: block;
}


#albumSel_Select{
    float: left;
	margin: 1em 0;
}
#gallery{
    margin: 0;
	padding: 0;
	list-style-type: none;
}
#gallery li{
    margin: 0;
	padding: 0;
    display: inline;
}
#gallery li a{
    margin: 1px 7px 7px 1px;
	padding: 2px;
    display: block;
	width: 120px;
	height: 90px;
	float: left;
	text-align: center;
	border: 1px solid #d6d6d6;
}
#gallery li a:hover{
    margin: 0 6px 6px 0;
	border: 2px solid #db3534;
}
#gallery li a img{
	background: #fff;
	max-height: 90px;
}

/* persons */
#content ul#personList{
    margin: 0;
	padding: 0;
	list-style-type: none;
}
#content ul#personList li{
    margin: 0 0 0 3%;
	padding: 0;
	width: 31%;
    float: left;
}
#content ul#personList li.col1{
    margin-left: 0;
}
#content ul#personList li.newRow{
    width: 99%;
	height: 16px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	font-size: 1%;
	float: none;
	clear: both;
}

#content ul#personList h2{
    margin: 0 0 0.2em 0;
	padding: 0;
}
#content ul#personList h2 a{
    color: #0066B0;
	text-decoration: none;
}
#content ul#personList p{
    margin: 0;
	padding: 0;
}
#content ul#personList .thumb{
    float: left;
	margin-right: 0.4em;
}
#content ul#personList .thumb img{
    width: 70px;
}
    

/* Page Liste */
ul#pageList{
    margin: 0;
	padding: 0;
	list-style-type: none;
}
ul#pageList li{
    margin: 0;
	padding: 1em 0;
	border-top: 1px dashed #A9B4B8;
	clear: both;
}
#content ul#pageList h2{
    margin: 0 0 0.2em 0;
	padding: 0;
}
#content ul#pageList h2 a{
    color: #0066B0;
	text-decoration: none;
}
#content ul#pageList p{
    margin: 0;
	padding: 0;
}
#content ul#pageList .thumb{
    float: right;
	margin-left: 0.4em;
}

h1 .date, h2 .date{
    color: #87abc5;
}

/* Sitemap */
#sitemap ul li{
    font-weight: bold;
	margin-bottom: 1em;
}
#sitemap ul li li{
    font-weight: normal;
	margin-bottom: 0;
}

/* Gästebuch */
ul.gBook{
    margin: 0;
	padding: 0;
	list-style-type: none;
}
ul.gBook li{
    margin: 0;
	padding: 1em 0;
	border-top: 1px solid #ee9e9e;
	clear: both;
}
.gBookForm{
	border-top: 1px solid #ee9e9e;
}
.gBookForm label{
	float: left;
	width:70px;
}

/* inhalt > tabelle default */
#content table{
	border-spacing:0;
	border-collapse:collapse;
	background: #f7f3e8;
	width: 99%;
}
#content table td, #content table th{
	background: #fff;
	margin: 0;
	padding: 1px;
	vertical-align: top;
}
#content table th, #content table tr:first-child td, #content table tr:first-child th{
    background: #a89146;
	color: #fff;
	font-weight: bold;
	text-align: left;
}

#content table tr.even td{
    background: #efead6;
}
#content table tr.odd td{
    background: #f7f3e8;
}

#content table.club th, #content table.club tr:first-child td, #content table.club tr:first-child th{
    background: #8ec146;
}
#content table.club tr.even td{
    background: #e5ffb2;
}
#content table.club tr.odd td{
    background: #f3ffdd;
}


/* Formulare: */
.tf{
	background: #fff;
	border: 1px solid #767676;
	margin: 1px;
	padding: 1px;
}
.tf:focus, .tf:active{
	border: 2px solid #0066b0;
	margin: 0px;
}
#content form p{
	margin-bottom: 0;
	padding-bottom: 0;
}
label.lLeft{
	float:left;
	width: 90px;
}
label.lBlock{
	display: block
}
p#send{
    margin-left: 90px;
}

.submit{
	padding: 1px 12px;
	background: #c6d9de;
	border: 1px solid #9fb9c0;
	color: #0066b0;
	font-weight: bold;
}
.submit:focus, .submit:active{
	background: #0066b0;
	border: 1px solid #0066b0;
	color: #fff;
}

.errorBox {
	background:#FFEDED;
	border:1px solid #FEACAC;
	color:#540000;
	margin:1em 0;
	padding:2px 6px;
}
.error{
    color:#540000;
	display: block;
}
#content .errorBox h3{
	color: #e24646;
}
.errorBox a{
	text-decoration: none;
}
.errorBox a strong{
	border-bottom: 1px solid #e24646;
}

p.pError label{
	color: #e24646;
}
p.pError input.tf{
	border-color: #e24646;
}


/*-----------------------   NAVIGATION   -----------------------*/
#navigation{
    width: 197px;
	float: left;
}

#mainNav{
	margin: 0;
	padding: 0;
	width: 197px;
	list-style-type: none;
	background: url(../images/bg_mainnav.gif) repeat-y;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 76%;
	font-weight: bold;
}

#mainNav li{
	margin: 0;
	padding: 0;
}
#mainNav li a{
	display: block;
	margin: 0;
	padding: 3px 0 3px 17px;
	text-decoration: none;
	color: #917c38;
	background: url(../images/bg_mainnav_li.gif) no-repeat left bottom;
}
#mainNav li.active a{
	color: #db3534;
	background: url(../images/bg_mainnav_li_active.gif) no-repeat left bottom;
}
#mainNav a:hover{
	color: #db3534;
}

/* Subnav: */
#mainNav li ul {
	background: url(../images/bg_mainnav_ul.gif);
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#mainNav ul li a{
	font-weight: normal;
	border-bottom: 1px solid #fff;
}
#mainNav li.active ul li a {
	color: #272727;
	background: url(../images/bg_mainnav_ul_li.gif) no-repeat left center;
}
#mainNav li.active ul li.active a {
	color: #db3534;
}
/* Sub-Subnav: */
#mainNav li.active ul li ul li a {
	padding-left: 28px;
}
/* Sub-Subnav: */
#mainNav li.active ul li ul li ul {
	display: none;
}


#metaContainer{
    float: left;
	width: 154px;
	height: 100%;
	position: relative;
	padding-left: 26px;
	top: 0;
	left: 0;
}

#langNav{
    margin: 20px 0 0 20px;
	padding: 0;
	list-style-type: none;
	clear: both;
    font-family:Arial,Helvetica,sans-serif;
    font-size:76%;
}
#langNav li{
    display: inline;
}
#langNav a{
    display: block;
	background: #f3e80f;
	color: #917C38;
	text-decoration: none;
}
#langNav .active a{
    display: none;
}

#fontNav{
    margin: 20px 0 0 58px;
	padding: 0;
	list-style-type: none;
	display: none; /* show with javascript */
}
#fontNav li{
    display: inline;
}
#fontNav a{
    display: block;
	float: left;
	color: #455E6C;
	text-decoration: none;
	height: 1px;
	width: 1px;
	padding: 20px 0 0 20px;
	margin: 0 2px;
	text-indent:-999em;
}

#fontNav .smaller a{
    background: url(../images/font_minus.gif) no-repeat;
}
#fontNav .default a{
    background: url(../images/font_default.gif) no-repeat;
}
#fontNav .bigger a{
    background: url(../images/font_plus.gif) no-repeat;
}


/* suche */
#searchForm #q{
    width: 124px;
	border: 1px solid #bac3c6;
	background: #eeeff0;
	height: 18px;
	padding: 1px;
	vertical-align: middle;
}
#searchForm #q:focus{
	border: 1px solid #0064ac;
}

#searchForm #sf_submit{
	vertical-align: middle;
	margin-left: 2px;
}



#metaNav{
    margin: 0;
	padding: 0;
	list-style-type: none;
	position: absolute;
	bottom: 20px;
	left: 26px;
}
#metaNav li{
    display: inline;
}
#metaNav a{
    display: block;
	color: #455E6C;
	font-size: 12px;
	text-decoration: none;
	padding: 0 16px 0 0;
}
#metaNav .active a{
	color: #0066B0;
}

/*-----------------------   HEADER   -----------------------*/
#header{
	height: 92px;
	background: url(../images/bg_header.gif) repeat-x;
	border-top: 1px solid #fff;
}

#sitelogo{
	width: 197px;
	height: 92px;
	float: left;
	margin: 0;
	padding: 0;
}
#sitelogo img{
	width: 197px;
	height: 92px;
}
#topteaser{
	width: 592px;
	height: 92px;
	margin: 0;
	padding: 0;
	float: left;
	overflow: hidden;
	background: url(../images/bg_topteaser.gif) no-repeat;
	text-indent:-999em;
}

/*-----------------------   FOOTER   -----------------------*/
#footer{
	background: #b7ea6d;
	height: 32px;
	font-size: 76%;
	margin: 0 0 0 216px;
	padding: 7px 0 0 0;
	font-weight: bold;
}

#footer ul{
    list-style-type: none;
	margin: 0;
	padding: 0;
	background: #568e14;
	height: 1.2em;
}
#footer li{
    display: inline;
}
#footer li a{
    display: block;
	float: left;
	color: #FFF;
	padding: 0 1em 0 3px;
}


#footer, #footer a{
	text-decoration: none;
	color: #A9B4B8; 
}
#footer p{
    padding: 0;
	margin: 0;
}

/*-----------------------   LIGHTBOX   -----------------------*/
#lightbox a{
	background: none;
}
#outerImageContainer{
	border: 4px solid #f3e80f;
	border-bottom: none;
	background: #fff url(../images/logo_kukmirn_light.gif) no-repeat center;
}
#imageDataContainer{
	border: 4px solid #f3e80f;
	border-top: none;
}
#loading{
	top: 70%;
}