@charset "utf-8";
/*<![CDATA[/*>*/

/******************************************************************/
/* SCREEN CSS FOR www.SWISSHOTELFILMAWARD.CH                          */
/* CSS Code by mediaparx.com | Marius Bleuer | December 2008      */
/******************************************************************/
/* RELEASED UNDER:                                                */
/*----------------------------------------------------------------*/
/* Creative Commons 2.5 Schweiz                                   */
/* Namensnennung - NichtKommerziell                               */
/* http://creativecommons.org/licenses/by-nc-nd/2.5/ch/           */
/******************************************************************/
/* Table of Contents:                                             */
/* ---------------------------------------------------------------*/
/* 1. basic container defintions                                  */
/* 2. header components                                           */
/* 3. mainNavi                                                    */
/* 4. subNavi                                                     */
/* 5. content & content style                                     */
/*    5.1 naviSortBy                                              */
/*    5.2 listGallery                                             */
/*    5.3 listDownloads                                           */
/*    5.4 list2Columns                                            */
/*    5.5 overwrite list classes styles                           */
/*    5.6 pagination                                              */
/*    5.7 form styles                                             */
/* 6. featureBox                                                  */
/* 7. listLegend                                                  */
/* 8. listSponsoren                                               */
/******************************************************************/
/* Parts of Eric Meyer's CSS reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	/*font-style:inherit;*/
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
}

:focus, a { outline:0; text-decoration:none; }
ol, ul { list-style:none; }
strong { font-weight:bold; }
em { font-style: italic; }

html{ font-size:medium; height:100%; }

@font-face {
 font-family: 'BebasNeueRegular';
 src: url('/fonts/bebasneue-webfont.eot');
 src: local('☺'), url('/fonts/bebasneue-webfont.woff') format('woff'), url('/fonts/bebasneue-webfont.ttf') format('truetype'), url('/fonts/bebasneue-webfont.svg#webfontf0WP9KEe') format('svg');
 font-weight: normal;
 font-style: normal;
}

@font-face {
    font-family: 'NovecentowideBold';
    src: url('/fonts/Novecentowide-Bold-webfont.eot');
    src: url('/fonts/Novecentowide-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/Novecentowide-Bold-webfont.woff') format('woff'),
         url('/fonts/Novecentowide-Bold-webfont.ttf') format('truetype'),
         url('/fonts/Novecentowide-Bold-webfont.svg#NovecentowideBookBold') format('svg');
    font-weight: normal;
    font-style: normal;

}


body{
	font-size: 14px;
	line-height: 1.5em;
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	text-align: center;
	background: #fff;
	color: #08163c;
	border-top: 8px solid #3c4661;
}

fieldset, img{ border:none; }
input, textarea, select, button{ font-size:100%; }
.clear{ clear:both; font-size:0em; line-height:0px; height:0px; }

/*************************************************/
/* 1. basic container defintions                 */
/*************************************************/
#containerCenterAll{
	text-align: center;
	margin: auto;
	/*width: 1276px;*/
	/*background: url(/auxx/layout/img-bg-header.png) center 162px no-repeat;*/
}
/*SAFARI & FF4 SPECIAL*/
#containerCenterAll a{
	-webkit-transition: color 0.25s linear;
	-moz-transition: color 0.25s linear;
}

#wrapperBG{ margin: auto; width:966px; padding:0px 20px; text-align:left; }

#header{
	float:left;
	position:relative;
	width:966px;
	height: 163px;
	font-size:85%;
	line-height:120%;
	color:#320a2b;
	text-transform: uppercase;
	font-family: 'NovecentowideBold', sans-serif;
    /*font-family: Lucida Sans, Lucida Grande, Lucida Sans Unicode, Verdana, sans-serif;*/

}

#containerVisualWrapper{ float:left; width:1370px; height:293px; position: relative;}

#overflowVisualBg {
	background: url(/auxx/layout/header_trans.png) no-repeat;
	width: 1276px;
	height: 295px;
	position: absolute;
	top: 0;
	/*left: 92px;*/
	/*overflow: hidden;*/
	z-index: 100;
}

#containerVisualWrapper #slideCon{
	position: absolute;
	top: 270px;
	/*bottom: -5px;*/
	left: 15px;
	float: left;
	padding: 5px 0px 5px 5px;
	z-index: 200;
	/*background: url(/auxx/layout/img-bg-slide.png);
	background: rgba(215, 213, 207, 0.3);*/

}
#containerVisualWrapper #slideCon img{
	float: left;
	margin-right: 5px;
	border-radius: 18px;
}
#containerVisualWrapper #slideCon img:hover{
	cursor: pointer;
}

#containerVisual{
	width:966px;
	height:296px;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 0;
}
#containerVisual img{
	/*display: block;*/
	margin-left: 691px;
	/*float: left;*/
}

#containerVisual .movingStar{
	width: 12px;
	height: 12px;
	position: absolute;
	font-size: 12px;
	line-height: 12px;
	background:url(/auxx/layout/img-stars.png) no-repeat;
	z-index: 100;
}



#containerContent{
	float:left;
	width:966px;
	min-height: 580px;
	padding: 40px 0px 28px 0px;
	margin-bottom: 0;
	position: relative;
	background: #fff;
}

#borderBottom{ float:left; width:1006px; height:20px; background:url(/auxx/layout/img-border-bottom.png) no-repeat; }

.colSmall{ float: left; padding: 0px 20px 0px 20px;  }

/*************************************************/
/* 2. header components                          */
/*************************************************/
#logohotellerieSuisse{ position:absolute; right:7px; bottom:9px; width: 158px; height: 55px; background:url(/auxx/content/img-header-logo.png) no-repeat; }
#logostarsandHotels{ position:absolute; left:13px; bottom:13px; width: 323px; height: 72px; background:url(/auxx/content/img-logo-stars-and-hotels.png) no-repeat; }

ul#languageSelection{ position:absolute; left:18px; bottom:11px; }
ul#languageSelection li{ float:left; margin-right:24px; }

#header ul li a{ float:left; color:#4d4f4f; }
#header ul li a:hover{ text-decoration: underline }
#header ul li a.active,
#header ul li a.current{ color:#152655;  }

ul#serviceNavigation{ position:absolute; right: 0px; top:10px; }
ul#serviceNavigation li{ float: left; margin-left:20px; }
ul#serviceNavigation li form{ float: left; }
ul#serviceNavigation li input{
	float:left;
	width:190px;
	padding:3px 5px;
	border:1px solid #c2c1bf;
	background-color: #fff;
	margin-right:7px;
	text-transform: uppercase;
	font-family: 'NovecentowideBold', sans-serif;
    /*font-family: Lucida Sans, Lucida Grande, Lucida Sans Unicode, Verdana, sans-serif;*/
}
ul#serviceNavigation li input:focus{ border:1px solid #152655; }
ul#serviceNavigation li form button{
	border:0px;
	cursor:pointer;
	background:url(/auxx/layout/img-sprite-button-elements.png) 0px 0px no-repeat;
	width:18px;
	line-height:14px;
	height:18px;
	line-height:18px;
	position:relative;
	text-indent:-9999px;
}
ul#serviceNavigation li a{ margin-top: 3px; }
ul#serviceNavigation li a#facebook{ margin-top: 2px }


/*************************************************/
/* 3. mainNavi                                   */
/*************************************************/
ul#mainNavi{
	float:left;
	width:966px;
	padding: 0px 0px 0px 0px;
	line-height:28px;
	display:block;
	/*background: #0f1c48;*/
	border-top: 1px solid #cdae7f;
	background: #fff;
}

ul#mainNavi li{
	float:left;
	height: 44px;
	margin: 0px 0px 0px 20px;
	position:relative;
    z-index:5;
}
ul#mainNavi li.backLava{

	border-top: 4px solid #cdae7f;
}
ul#mainNavi li a{
	padding-top: 4px;
	float:left;
	text-transform:uppercase;
	font-family: 'NovecentowideBold', sans-serif;
	font-size: 17px;
	line-height: 36px;
	color: #3c4661;
	/*font-weight: bold;*/
	/*border-top: 4px solid #0f1c48;*/
}
ul#mainNavi li a.active,
ul#mainNavi li a.current,
ul#mainNavi li a:hover{
	padding-top: 0px;
	border-top: 4px solid #d7d5cf;
}
ul#mainNavi li.lava a.active,
ul#mainNavi li.lava a.current,
ul#mainNavi li.lava a:hover{
	border-top: 0px none;
	padding-top: 4px;
}


/*************************************************/
/* 4. subNavi                                    */
/*************************************************/
#containerContent #subNaviPlaceholder{
	float:left;
	width:215px;
	/*padding: 20px 20px 17px 20px;*/
	margin: 0px 20px 10px 20px;
}

#containerContent ul#subNavi{
	float:left;
	width:215px;
	background-color: #fff;
	/*border-bottom: 1px solid #152655;*/
	/*padding: 20px 20px 17px 20px;*/
	margin: 0px 20px 10px 20px;
}
#containerContent ul#subNavi li{
	margin-left: -1px;
	word-wrap: break-word;
	display: block;

}
#containerContent ul#subNavi li a{
	display:block;
	padding:3px 10px 3px 0;
	color:#3C4661;
	text-decoration :none;
	font-family: 'NovecentowideBold', sans-serif;
	/*font-weight: bold;*/
	font-size: 16px;
	line-height: 19px;
	text-transform: uppercase;
	/*letter-spacing: 0.6px;*/
}
#containerContent ul#subNavi li a:hover, #containerContent ul#subNavi li a.active, #containerContent ul#subNavi li a.current{ color:#cdae7f; }


/*************************************************/
/* 5. content & content styles                   */
/*************************************************/
#content{
	float:left;
	width:450px;
	min-height:400px;
	padding: 0 0 40px 0;
	margin: 0px 0px 20px 0px;
	overflow: hidden;
}

#content h1{
	margin: 0px 0px 20px;
	padding: 0 0 4px;
	font-family: 'NovecentowideBold', sans-serif;
	/*font-weight: bold;*/
	font-size: 21px;
	line-height: 24px;
	color: #cdae7f;
	border-bottom: 1px solid #cdae7f;
	text-transform: uppercase;
	letter-spacing: 0.6px;
}
#content h2.voteCount{
	margin: 20px 0 20px 0;
	padding: 0;
	font-family: 'NovecentowideBold', sans-serif;
	/*font-weight: bold;*/
	font-size: 21px;
	line-height: 25px;
	color: #cdae7f;
}

#content h2{
	font-family: 'NovecentowideBold', sans-serif;
	/*font-weight: bold;*/
	font-size: 21px;
	line-height: 25px;
	margin: 0px 0px 10px 0px;
	color:	#cdae7f;
	text-transform: uppercase;
	/*font-weight: bold;*/
	border-bottom: 1px solid #cdae7f;
	letter-spacing: 0.6px;
}
#content h3{ font-size:110%; font-weight:bold; margin:0.2em 0px 0.15em 0px; }

#content ul{ margin-left:35px; list-style:disc outside; }
#content ol{ margin-left:35px; list-style:decimal; }

#content a{  color:#cdae7f; text-decoration: underline; }
#content a:hover{ color:#cdae7f; }

#content .message{ float:left; width:362px; height:37px; padding:11px 30px 5px 58px; margin-bottom:1em; font-weight:bold; color:#fff; }
#content #messageError{ background:url(/auxx/layout/img-sprite-message.png) no-repeat; }
#content #messageSuccess{ background:url(/auxx/layout/img-sprite-message.png) -450px 0px no-repeat; }

#content li.last{ margin-bottom:0px; }
#content img.imgLeft{ float: left; margin-right: 10px; }
#content img.imgRight{ float: right; margin-left: 10px; }
#content table td { vertical-align: top; }

#content a.linkRateMovieDE,
#content p.linkNoMoreRateDE{
	float:left;
	display:block;
	width:450px;
	height:65px;
	text-indent:-9999px;
	background:url(/auxx/layout/img-sprite-button-star-rating.png) 0px 0px no-repeat;
	border:none;
	margin:1.5em 0px 2em 0px;
}
#content a.linkRateMovieFR,
#content p.linkNoMoreRateFR{
	float:left;
	display:block;
	width:450px;
	height:65px;
	text-indent:-9999px;
	background:url(/auxx/layout/img-sprite-button-star-rating-fr.png) 0px 0px no-repeat;
	border:none;
	margin:1.5em 0px 2em 0px;
}
#content a.linkRateMovieDE:hover,
#content a.linkRateMovieFR:hover{ background-position:0px -65px; border:none; }
#content a.linkRateMovieDE:active,
#content a.linkRateMovieFR:active{ background-position:0px -130px; }
#content p.linkNoMoreRateDE,
#content p.linkNoMoreRateFR{ background-position:0px -195px; }

#content .wrapperYouTube, #content .wrapperVimeo{ float:left; width:450px; height:276px; }
#content .wrapperVimeo{ height:253px; }

#content #starRating{
	float:left;
	width:438px;
	margin:12px 0px;
	padding:0px 6px;
	list-style:none;
	background:url(/auxx/layout/img-bg-star-rating.gif) no-repeat;
	height:38px;
}
#content #starRating li{ float:left; width:28px; height:38px; display:block; }
#content #starRating li.label{
	width:auto;
	color:#fff;
	padding:14px 10px 0px 8px;
	font-size:90%;
	line-height:100%;
}
#content #starRating li a{
	float:left;
	display:block;
	width:28px;
	height:38px;
	border-bottom:0px;
	background:url(/auxx/layout/img-sprite-star-rating.gif) 0px -114px no-repeat;
}
#content #starRating li a.active{ background:url(/auxx/layout/img-sprite-star-rating.gif) 0px -76px no-repeat; }
#content #starRating li a.hover{ background:url(/auxx/layout/img-sprite-star-rating.gif) 0px -38px no-repeat; }
#content #starRating li a.inactive,
#content #starRating li a.inactive:hover,
#content #starRating li a.inactive:active{
	background:url(/auxx/layout/img-sprite-star-rating.gif) 0px -114px no-repeat;
	cursor:default;
}
#content #starRating.inactive a{ cursor:default; }
#content #starRating.inactive li a.active{ background:url(/auxx/layout/img-sprite-star-rating.gif) 0px 0px no-repeat; }

/*************************************************/
/* 5.1 naviSortBy                                */
/*************************************************/
#content ul.naviSortBy{ float:left; width:450px; margin-left:0px; border-bottom:1px solid #cdae7f; margin-bottom:1.5em; margin-top: 30px;}
#content ul.naviSortBy li{ float:left; width:auto; margin:0px 1px 0px 0px; list-style:none; }
#content ul.naviSortBy li a{ display:block; color:#fff; padding:3px 7px; font-size:90%; line-height:110%; font-weight:bold; background:#cdae7f; border:0px; }
#content ul.naviSortBy li a:hover,
#content ul.naviSortBy li a.current,
#content ul.naviSortBy li a.active{
	color:#fff;
	background:#3C4661;
	border:none;
}

#content ul.listWide, #content ul.listArticles, #content dl.list2Columns{ float:left; width:450px; list-style:none; margin-left:0px; }

/*************************************************/
/* 5.2 listGallery                               */
/*************************************************/
#content ul#listGallery li{ float:left; width:140px; height:86px; padding:0px 15px 15px 0px; }
#content ul#listGallery li.noSpace{ padding-right:0px; }
#content ul#listGallery li a{ float:left; position:relative; width:140px; height:86px; border-bottom:none; }
#content ul#listGallery li a img{ float:left; width:138px; height:84px; border:1px solid #152655; }

/*************************************************/
/* 5.3 listDownloads                             */
/*************************************************/
#content dl.listDownloads{ padding-top:0.25em; }
#content dl.listDownloads dt{ font-weight:bold; position:relative; padding-left:0px; }
#content dl.listDownloads dd{ padding:0px 0px 1em 20px; }
#content dl.listDownloads dt span{ padding-left:20px; display:block; }
#content dl.listDownloads dt a{ display:inline-block; font-size:50%; width:16px; height:16px; line-height:16px; border:none; position:absolute; top:1px; left:0px; }
#content dl.listDownloads dt a:hover{ border:none; }
#content dl.listDownloads dt a.linkPIC{ width:14px; height:14px; line-height:14px; background:url(/auxx/layout/img-sprite-button-elements.png) 0px -501px; top:2px; left:2px; }
#content dl.listDownloads dt a.linkMOV{ width:14px; background:url(/auxx/layout/img-sprite-button-elements.png) 0px -485px; left:3px; }
#content dl.listDownloads dt a.linkFILE{ width:14px; background:url(/auxx/layout/img-sprite-button-elements.png) 0px -516px; left:2px; }
#content dl.listDownloads dt a.linkPP{ background:url(/auxx/layout/img-sprite-button-elements.png) 0px -533px; }
#content dl.listDownloads dt a.linkXLS{ background:url(/auxx/layout/img-sprite-button-elements.png) 0px -550px; }
#content dl.listDownloads dt a.linkDOC{ background:url(/auxx/layout/img-sprite-button-elements.png) 0px -567px; }
#content dl.listDownloads dt a.linkPDF{ background:url(/auxx/layout/img-sprite-button-elements.png) 0px -584px; }
#content dl.listDownloads dt a.linkWEB{ background:url(/auxx/layout/img-sprite-button-elements.png) 0px -601px; }
#content dl.listDownloads dt a.linkZIP{ background:url(/auxx/layout/img-sprite-button-elements.png) 0px -618px; left:1px; }

/*************************************************/
/* 5.4 list2Columns                              */
/*************************************************/
#content dl.list2Columns dt{ float:left; display:block; width:140px; }
#content dl.list2Columns dt a, #content dl.list2Columns dt a:hover, #content dl#listJury dt img{ float:left; border:1px solid #152655; margin-top:4px; }
#content dl.list2Columns dt a img{ float:left; width:138px; height:84px; }
#content dl.list2Columns dd{ float:left; display:block; width:275px; padding-left:35px; margin-bottom:2em; min-height:88px; }
#content dl.list2Columns dd h2{
	float:left;
	width:275px;
	margin:0px 0px 0.35em -35px;
	padding-left:35px;
	/*background:url(/auxx/layout/img-sprite-button-elements.png) 15px -380px no-repeat;*/
	display:inline;
}
#content dl.list2Columns dd div{ float:left; width:100%; margin-bottom:0.25em; font-size:90%; line-height:140%;}
#content dl.list2Columns dd blockquote{ float:left; width:100%; padding:0.25em 0px; }
#content dl.list2Columns dd blockquote span{ font-weight:bold; }
#content dl.list2Columns dd a{ float:left; }

/*************************************************/
/* 5.5 overwrite list classes styles             */
/*************************************************/
#content dl#listNominations dd div{ font-size:90%; line-height:150%; }

#content ul.listArticles li{ width:425px; padding-left:25px; margin-bottom:1.5em; }
#content ul.listArticles li h2{
	width:415px;
	margin:0px 0px 0.25em -24px;
	padding-left:0;
}
#content ul.listArticles li p{ padding-bottom:0.35em; }

#content ul#listMediaMessages li span{ display:inline-block; font-size:90%; margin-bottom:0.15em;  }
#content ul#listSearchResults li span{ font-weight:bold;  }

#content ul#listSitemap { margin-left:0px; list-style:none; margin-bottom:0px;}
#content ul#listSitemap li { margin-bottom:0px;}
#content ul#listSitemap li ul{ margin-left:0px; list-style:none; margin-bottom:0.5em; }
#content ul#listSitemap li ul li{ padding-left:10px;  }

#content dl#listJuryPrices, #content dl#listPublicPrice{ margin-top:0.25em; }
#content dl#listJuryPrices dd a, #content dl#listPublicPrice dd a{ float:none; }

#content ul h2, #content ol h2, #content dl h2,
#content ul h2 a, #content ol h2 a, #content dl h2 a,
#content ul h2 a:hover, #content ol h2 a:hover, #content dl h2 a:hover{ /*font-weight:bold;*/ border:none; }

#content ul h2 a span, #content ol h2 a span, #content dl h2 a span{
	width:9px; height:10px; line-height:10px; background:url(/auxx/layout/img-sprite-button-elements.png) -9px -35px; display:inline-block;
}
#content ul h2 a:hover span, #content ol h2 a:hover span, #content dl h2 a:hover span{
	background:url(/auxx/layout/img-sprite-button-elements.png) 0px -35px;
}

#content ul#listNominations{ margin-top:0.25em; }
#content ul#listNominations li .title{ font-size:90%; line-height:140%; margin-bottom:0.25em; }
#content ul#listNominations li div, #content ul#listNominations li a{ font-size:90%; line-height:140%; }
#content ul#listNominations li a.linkMore,
#content ul#listNominations li a.linkMoreHide{ margin-top: 0.25em; float:right; padding-right:15px; border:none; background:url(/auxx/layout/img-sprite-button-elements.png) right -720px no-repeat; }
#content ul#listNominations li a.linkMore:hover,
#content ul#listNominations li a.linkMoreHide:hover{ float:right; padding-right:15px; border:none; background:url(/auxx/layout/img-sprite-button-elements.png) right -670px no-repeat; }
#content ul#listNominations li a.linkMoreHide{ background:url(/auxx/layout/img-sprite-button-elements.png) right -820px no-repeat; }
#content ul#listNominations li a.linkMoreHide:hover{ background:url(/auxx/layout/img-sprite-button-elements.png) right -770px no-repeat; }
#content ul#listNominations li a.linkMore span.hide,
#content ul#listNominations li a.linkMoreHide span.show{ display:none; }
#content ul#listNominations li a.linkMore.linkMoreHide span.show{ display:none !important; }
#content ul#listNominations li a.linkMore span.show,
#content ul#listNominations li a.linkMoreHide span.hide{ display:inline; }

#content dl#listMovieDetails{ float:left; width:450px; }
#content dl#listMovieDetails dt{ float:left; width:65px; padding-right:10px; font-weight:bold; }
#content dl#listMovieDetails dd{ float:left; width:135px; padding-right:15px; }

/*************************************************/
/* 5.6 pagination                                */
/*************************************************/
#content ul.pagination{ float:right; width:auto; list-style:none; margin-left:0px; font-size:90%; }
#content ul.pagination li{ float:left; margin:0px 0px 0px 5px; }
#content ul.pagination li.number{ margin:0px 0px 0px 3px; }
#content ul.pagination li a{
	float:left;
	display:block;
	height:19px;
	line-height:19px;
	padding:0px 5px;
	border:1px solid #cdae7f;
	color:#926b30;
	background-color: #D7D5CF;
}
#content ul.pagination li a:hover{ border:1px solid #481840; color:#481840; }
#content ul.pagination li a.current{ background-color: #152655; color: #fff; border:1px solid #481840; }

/*************************************************/
/* 5.7 form styles                               */
/*************************************************/
#content form{ float:left; width:450px; }
#content form *{ margin-bottom:3px; line-height:130%; }
#content form fieldset{ margin-bottom:1em; }
#content form h2{  margin:0.75em 0px; }

#content .labelLeft{ float:left; width:140px; padding-right:10px; font-weight:bold; }

#content .inputTextField{ float:left; width:294px; padding:2px; border:1px solid #c2c1bf; background-color: #d7d5cf; line-height:100%; }
#content .textarea, #content .textareaTiny{
	float:left;
	width:294px;
	padding:2px;
	border:1px solid #c2c1bf;
	background-color: #d7d5cf;
	height:144px;
}
#content .textareaTiny{ height:30px; }
#content .inputTextField:focus, #content .textarea:focus, #content .textareaTiny:focus{ border:1px solid #152655; }

#content .selectWide{ float:left; width:300px; border:1px solid #c2c1bf; padding:2px 0px; background:#d7d5cf; }
#content .selectWide option{ padding-bottom:2px; margin-bottom:0px; }

#content .checkbox{ float:left; display:inline; margin:2px 5px 2px 0px; width:14px; height:14px; }

#content .listFormElements{ float:left; width:300px; list-style:none; margin-left:0px; }
#content .listFormElements li{ float:left; width:300px; }
#content .listFormElements li label{ float:left; display:block; width:270px; font-weight:normal; }
#content .listFormElements li .errorInput{ font-weight:bold; background:none; color:#152655; }

#content p.infoText{ float:left; display:block; padding-bottom:1em; font-size:82.5%; }

#content .errorInput{ background:#152655; color:#fff; }
#content .errorInputFile{ color:#152655; font-weight:bold; }

#content .buttonSubmit{
	float:left;
	padding:2px 3px;
	line-height:100%;
	border:0px;
	cursor:pointer;
	width:auto;
	overflow:visible;
	color:#fff;
	background:#152655;
	line-height:1.25em;
}

#content .buttonSubmit:hover{ background:#cdae7f; color:#fff; }

#content #formReSearch input{ margin-right:5px; width:200px; }


/*************************************************/
/* 6. featureBox                                 */
/*************************************************/
.featureBox{
	position:relative;
	width:215px;
	background-color: #fff;
	padding: 0 0 20px 0;
	margin-bottom:10px;
}

.featureBox h4,
.featureBox h5.star{
	/*margin-left: -1px;*/
	padding: 0 0 4px;
	font-family: 'NovecentowideBold', sans-serif;
	font-weight: normal;
	font-size: 21px;
	line-height: 24px;
	text-transform: uppercase;
	margin-bottom: 10px;
	display: block;
	/*width: 140px;*/
	/*font-weight: bold;*/
	border-bottom: 1px solid #cdae7f;
	color:#cdae7f;
	letter-spacing: 0.6px;
}

.featureBox h5.star{
	font-size: 14px;
	/*font-weight: bold;*/
	padding: 2px 0; 
}
.featureBox a{ color:#cdae7f; }
.featureBox a:hover{ color:#cdae7f; }
.featureBox h5, .featureBox h5 a span.genre, .featureBox h5 a span.genre:hover{ font-weight:normal; }
.featureBox.image{ background: none; padding: 0px; width: 198px;}
.featureBox.image img{ margin: 0px; padding:0px; width:198px; height:142px; }
.featureBox p a img{ margin-bottom:10px; }
.featureBox .imageLink{ display: block; }

.sponsor a { display: block; }
.sponsor img { /*margin-top: 10px;*/ }

/*************************************************/
/* 7. listLegend                                 */
/*************************************************/
ul#listLegend{
	margin: 0 auto;
	width:920px;
	padding: 4px 23px;
	font-size:85%;
	color:#D7D5CF;
	text-transform: uppercase;
	font-family: 'NovecentowideBold', sans-serif;
	/*font-weight: bold;*/
	font-size: 11px;
}

ul#listLegend li{ float:right; margin-left:15px; }
ul#listLegend li#copyright{ float:left; margin-left:0px; text-transform: uppercase; }
ul#listLegend li#copyright a{ text-transform:none;  text-transform: uppercase; }
ul#listLegend li a{ color: #D7D5CF; text-transform: uppercase;  }
ul#listLegend li a.active,
ul#listLegend li a.current,
ul#listLegend li a:hover{ text-decoration: underline; text-transform: uppercase;  }

/*************************************************/
/* 8. listSponsoren                              */
/*************************************************/
/*
ul.listSponsoren, ul.listSponsoren li, ul.listSponsoren li a{ float:left; }
ul.listSponsoren li{ padding-right:10px; }
ul.listSponsoren li.noPadding{ padding-right:0px; }
ul.listSponsoren h6{ float:left; font-size:125%; text-transform:uppercase; color:#9f7a97; font-weight:normal; padding:0px 0px 10px 17px; background:url(/auxx/layout/img-arrow-logo.png) left 3px no-repeat; }

ul#listHauptSponsoren{ width:258px; margin:5px 28px 0px 0px; padding-left:20px; }
ul#listCoSponsoren{ width:660px; margin-top:5px; padding-left:20px; }

ul#listHauptSponsoren li.title{ width:258px; padding-right:0px; }
ul#listCoSponsoren li.title{ width:660px; padding-right:0px; }
*/
.listSponsoren h6{
	background:transparent url(/auxx/layout/img-arrow-logo.png) no-repeat scroll left 3px;
	color:#9F7A97;
	float:left;
	font-size:125%;
	font-weight:normal;
	padding:0 0 10px 17px;
	text-transform:uppercase;
}
.listSponsoren ul{ clear:both; }
.listSponsoren ul li{ padding-right:10px; float:left; }
#sponsorList1{ float:left; padding-left:22px; }
#sponsorList2{ float:left; padding-left:40px; }
#sponsorList2a{ float:left; padding-left:40px; }
#sponsorList3{ float:right; padding-right: 20px; }
#sponsorList3 h6{ float:right; }
#sponsorList3 ul li{ padding-left:10px; padding-right: 0px; float:right; }


/** Captcha **/
#content h2.voteTitle {
	float:left;
	width:275px;
	margin: 15px 0 10px -15px;
	padding-left:35px;
	background:url(/auxx/layout/img-sprite-button-elements.png) 15px -380px no-repeat;
}

#content #captcha {
	border: 1px solid #152655;
	padding: 15px 35px 35px 35px;
	margin: 0 0 25px 0;
	width: 378px;
}

#content #captcha .wrapperSubmit{
	text-align: center;
	margin: 10px 0 -55px 0;
	clear: both;
}

#content #captcha .wrapperSubmit input{
	background: #3C4661;
	color: #fff;
	border: 0px none;
	text-decoration: underline;
	padding: 8px 15px 8px 15px;
	cursor: pointer;
}

#content #recaptcha_response_field {
	margin: 10px 0 10px 0;
}

#bgHeaderLines {
	position: absolute;
	top: 170px;
	left: 0;
	width: 100%;
	margin: 0;
	padding: 0;
	height: 293px;
	border-top: 1px solid #cdae7f;
	border-bottom: 1px solid #cdae7f;
}
#footer {
	width: 100%;
	height: 40px;
	background: #3c4661;
	padding-top: 9px;
}

#slideCon div {
	position: relative;
	height: 70px;
	width: 70px;
	display: block;
	/*float: left;*/
	/*z-index: 500;*/
}

#slideCon div span{
	width: 30px;
    height: 30px;
    display: block;
    text-indent: -9000px;
    -moz-border-radius: 18px;
    -webkit-border-radius: 18px;
    border-radius: 18px;
    cursor: pointer;
    opacity: 0.9;
    position: absolute;
    top: 50%;
    left: 50%;
    background-size: 36px 36px;
    margin: -23px 0 0 -23px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
     z-index: 600;
    background-color:#a8872d;
    cursor: pointer;
}

#slideCon div div{
	width: 0px;
    height: 0px;
    position: absolute;
    top: 50%;
    left: 50%;
    overflow: hidden;
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
    margin: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    -webkit-transition: all 0.1s ease-out;
    -moz-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    -ms-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
    z-index: 800;
    cursor: pointer;
}

#slideCon div:hover span{
	width: 84px;
    height: 84px;
    -moz-border-radius: 42px;
    -webkit-border-radius: 42px;
    border-radius: 50px;
    opacity: 0.6;
    margin: -50px 0 0 -50px;
    /*background-size: 22px 32px;*/
    background-color:#a8872d;
    z-index: 600;

}

#slideCon div:hover div{
	width: 75px;
    height: 75px;
    background-size: 130% 130%;
    margin: -45px 0 0 -45px;
    -moz-border-radius: 45px;
    -webkit-border-radius: 45px;
    border-radius: 45px;
    z-index: 800;
}

.slideable {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
}

.first {
	display: block;
}


/*]]>*/

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{ padding:0px; margin:0px;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#4a2742; padding-bottom:5px; }
#TB_window a:link{ color:#4a2742; }
#TB_window a:hover, #TB_window a:active, #TB_window a:focus{ color:#920169; }

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay { position:fixed; z-index:300; top:0px; left:0px; height:100%; width:100%; }
.TB_overlayMacFFBGHack{ background: url(../auxx/thickbox/macFFBgHack.png) repeat; }
.TB_overlayBG{ background:#000; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; }
#TB_window {
	position:fixed;
	background:#fff;
	z-index:302;
	display:none;
	border:5px solid #152655;
	text-align:left;
	top:50%;
	left:50%;
	padding-bottom:15px;
}
#TB_window img#TB_Image{ display:block; margin:15px 0 0 15px; }
#TB_caption{ float:left; height:25px; padding:7px 30px 10px 15px; font-size:82.5%; line-height:130%; width:75%; }
#TB_caption #TB_secondLine{ padding-top:5px; }
#TB_closeWindow{ float:right; height:25px; padding:7px 14px 10px 0px; font-size:82.5%; line-height:130%; }
#TB_closeAjaxWindow{ float:right; padding:0px 10px 0px 0px; text-align:right; height:27px; line-height:27px; }
#TB_ajaxWindowTitle{ float:left; padding:0px 0 0px 10px; }
#TB_title{ background:url(/auxx/layout-cug/img-bg-table-th.png) repeat-x #481840; height:27px; line-height:27px; font-size:90%; color:#fff; }
#TB_title a#TB_closeWindowButton{ float:right; display:block; color:#fff; font-weight:bold; height:27px; line-height:27px; }
#TB_title a#TB_closeWindowButton:hover{ color:#9F7A97; font-weight:bold; height:27px; line-height:27px; text-decoration:underline; }
#TB_ajaxContent{ clear:both; padding:15px; margin-bottom:-15px; overflow:hidden; text-align:left; line-height:1.4em; background:#1e031a; color:#fff; }
#TB_ajaxContent.TB_modal{ padding:15px; }
#TB_ajaxContent p{ padding:5px 0px; }
#TB_ajaxContent h1{ margin:15px 0px; font-size:120%; font-weight:bold; }
#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:303;
	top:50%;
	left:50%;
	margin:-6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
#TB_HideSelect{
	z-index:299;
	position:fixed;
	top:0;
	left:0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}
#TB_iframeContent{ clear:both; border:none; margin-bottom:-1px; margin-top:1px; }

