/**
 * Tourismusverein Schenna
 * www.schenna.com
 *
 * Farben:
 * dunkelgrau	#999999
 * mittelgrau	#f2f2f2
 * hellgrau		#f7f7f7
 * blau			#183a8d
 * blau creme	#3a579e
 * schwarz		#333333
 * gelb			#e5b449
 * gelb creme	#f2c665
 *
**/

/* common tags */
	html,
	body{
		font-size: 14px;
		line-height: 22px;
		min-height: 100%;
		width: 100%;
	}
	html{
		min-width: 970px;
	}
	html.no-min-width{
		min-width: 0;
	}
	html,
	body,
	textarea{
		color: #333333;
		font-family: 'Trebuchet MS', Arial, sans-serif;
	}
	address{
		font-style: normal;
	}
	p{
		margin: 0;
		padding: 0;
	}
	ul{
		margin: 0;
		padding: 0;
		list-style-type: none;
	}

/* headings */
	h1, h2, h3, h4, h5, h6{
		color: #183a8d;
		font-size: 18px;
		font-weight: normal;
		line-height: 23px;
		margin: 0;
		padding: 0;
	}
	h1{
		font-family: "UniversLTStd47LightCondensed", Arial, sans-serif;
		font-size: 35px;
		line-height: 40px;
	}
	h2, h3, h4, h5, h6{
		font-family: "UniversLTStd57Condensed", Arial, sans-serif;
	}
	h4{
		font-size: 16px;
		line-height: 20px;
	}
	h6{
		font-size: 24px;
		line-height: 28px;
	}
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{
		color: inherit;
		text-decoration: none;
	}
	.section#main .heading{
		padding-left: 20px;
		padding-right: 20px;
	}
/*	.section#main h1{*/
	h1.heading{
		background: url('/themes/custom/images/backgrounds/gradients/x-ffffff-f1f1f1-1x30.png') bottom left repeat-x #fff;
		border-top-left-radius: 2px;
		border-top-right-radius: 2px;
		color: #183a8d;
		font-size: 35px;
		line-height: 40px;
		margin-bottom: 13px;
		min-height: 40px;
		padding: 34px 20px 13px;
		-moz-border-topleft-radius: 2px;
		-moz-border-topright-radius: 2px;
		-webkit-border-top-left-radius: 2px;
		-webkit-border-top-right-radius: 2px;
	}
	h2.heading{
		margin: 25px 0 15px;
	}
	.section#main h3{}
	.section#main h4{}
	.section#main h5{}
	.section#main h6{}

	/* links */
	a, a:hover{
		color: #183a8d;
		text-decoration: none;
	}
	a:visited{
		color: #183a8d !important;
	}
	.text p a:hover,
	.text p a{
		border-bottom: 1px dotted #183a8d;
		height: 17px;
		display: inline-block;
	}
	.ie7 .text p a:hover,
	.ie7 .text p a{
		display: inline;
		zoom: 1;
		line-height: 18px;
	}
	a.undercover,
	.undercover a{
		color: inherit !important;
		text-decoration: inherit !important;
	}
	a.arrowed{}
	a.arrowed:hover {
    	color: #183a8d !important;
	}
	a.highlight-link-fancybox-site,
	a.highlight-link-fancybox-flash,
	a.highlight-link{
		display: block;
		margin-top: 15px;
		border-bottom: none !important;
	}
	a.arrowed:before,
	a.highlight-link-fancybox-site:before,
	a.highlight-link-fancybox-flash:before,
	a.highlight-link:before{
		content: '';
		background: url('/themes/custom/images/sprites.png') -69px -257px no-repeat transparent;
		display: inline-block;
		height: 11px;
		margin-right: 7px;
		width: 7px;
	}

	a.arrowed.up:before,
	a.arrowed.down:before{
		width: 11px;
	}
	a.arrowed.down:before{
		background-position: -66px -211px;
	}
	a.arrowed.up:before{
		background-position: -18px -210px;
	}
	a.arrowed.left:before{
		background-position: -20px -258px;
	}
	a.arrowed.right:before{
		background-position: -69px -258px;
	}


	/* lists */
	ul{}
	ul li{}

	.text ul,
	ul.styled{}
	.text ul li,
	a.styled,
	ul.styled li{
		padding-left: 14px;
	}
	ul.styled li:before{}

	.ie7 .text ul,
	.ie7 ul.styled{
		list-style-type: circle;
	}

	ul.styled.arrow{}
	ul.styled.arrow li{}
	a.styled.arrow:before,
	ul.styled.arrow li:before{
		content: '';
		background: url('/themes/custom/images/sprites.png') -69px -258px no-repeat transparent;
		display: inline-block;
		height: 11px;
		margin-right: 7px;
		margin-left: -14px;
		width: 7px;
	}

	.text ul,
	ul.styled.circle{}
	.text ul li,
	ul.styled.circle li{}
	.text ul li:before,
	ul.styled.circle li:before{
		content: '';
		background: url('/themes/custom/images/sprites.png') -20px -738px no-repeat transparent;
		display: inline-block;
		height: 11px;
		margin-right: 7px;
		margin-left: -14px;
		width: 7px;
	}

	/* general classes */
	.no-js .js-only,
	.js .js-hide{
		display: none;
	}
	.bold{
		font-weight: bold;
	}
	.colored{
		color: #183a8d;
	}
	.highlight{
		color: #e5b449;
		font-size: 19px;
		line-height: 25px;
	}
	*:focus {outline: none;}
	::selection{
		background: #183a8d;
		color: #fff;
		text-shadow: none;
	}
	::-moz-selection{
		background: #183a8d;
		color: #fff;
		text-shadow: none;
	}
	.js .trigger{
		cursor: pointer;
	}
	a.button,
	input[type=submit],
	input[type=reset],
	button{
		background-color: #e5b449;
		border: none;
		border-radius: 2px;
		color: #fff !important;
		cursor: pointer;
		display: inline-block;
		font-size: 18px;
		font-family: 'UniversLTStd57Condensed', sans-serif;
		line-height: 22px;
		height: 22px;
		padding: 3px 20px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
	}
	input[type=submit],
	input[type=reset],
	button{
		height: 28px;
		padding: 0 20px;
	}
	.ie7 a.button,
	.ie7 input.button{
		display: inline;
		zoom: 1;
	}
	a.button:hover,
	input[type=submit]:hover,
	input[type=reset]:hover,
	button:hover{
		background-color: #C3993E;
	}
	a.knob{
		background-color: #fff;
		border: 1px solid #d9d9d9;
		cursor: pointer;
		display: block;
		line-height: 22px;
		text-align: right;
		padding: 4px;
		white-space: nowrap;
		position: relative;
	}
	a.knob:hover{
		background: url('/themes/custom/images/backgrounds/gradients/x-ffffff-f1f1f1-1x30.png') 0 0 repeat-x;
	}
	a.knob + a.knob{
		border-top: none;
	}
	a.knob:first-child{
		border-top-left-radius: 2px;
		border-top-right-radius: 2px;
	}
	a.knob:last-child{
		border-bottom-left-radius: 2px;
		border-bottom-right-radius: 2px;
	}
	a.knob .tipp{
		margin-left: 20px;
		margin-right: 18px;
	}

	/* layout classes */
	.span1{
		width: 316px;
	}
	.span2{
		width: 640px;
	}
	.span3{
		width: 986px;
	}
	.col{
		display: inline-block;
		vertical-align: top;
	}
	.ie7 .col{
		display: inline;
		position: relative;
		zoom: 1;
	}
	.col1{
		width: 158px;
	}
	.col2{
		width: 316px;
	}
	.col3{
		width: 474px;
	}
	.center{
		margin-left: auto;
		margin-right: auto;
	}
	.block{
		border-bottom: 5px solid #f2c665;
		border-radius: 2px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
	}

	/* alignments */
	.float.left{
		float: left;
	}
	.float.right{
		float: right;
	}
	.clear{
		clear: both;
	}
	.clear.left{
		clear: left;
		float: none;
	}
	.clear.right{
		clear: right;
		float: none;
	}


	/* Flyouts */
	.flyout-container {
			position: relative;
			z-index: 1;
		}
		.flyout-container .flyout-trigger {
			display: block;
			line-height: 15px;
			position: relative;
			z-index: 2;
			background-color: #e7ebf3;
			border-radius: 2px;
			color: black !important;
			font-family: "Trebuchet MS", Verdana, sans;
			border: 1px solid #d9d9d9;
		}
		.flyout-container .flyout-status {
			background-color: #5B7826;
			border-bottom-left-radius: 3px;
			border-top-left-radius: 3px;
			height: 15px;
		}
		.ie7 .flyout-container .flyout-status{
			position: absolute;
			left: 0;
		}
		.flyout-container .flyout-title {
			background: none repeat scroll 0 0 #E7EBF3;
			display: inline-block;
			padding: 8px 15px 8px 11px;
			width: 350px;
		}
		.ie7 .flyout-container .flyout-title {
			left: 35px;
			position: relative;
		}
		.flyout-container .flyout-detail {
			background: none repeat scroll 0 0 #E7EBF3;
			border-bottom-right-radius: 3px;
			border-top-right-radius: 3px;
			display: inline-block;
			font-weight: bold;
			padding: 7px 15px 7px 21px;
			text-align: right;
			width: 144px;
			white-space: nowrap;
		}
			.ie7 .flyout-container .flyout-detail {
				margin-left: 34px;
			}
		.ie7 .flyout-container .flyout-title, .ie7 .flyout-container .flyout-trigger .flyout-status, .ie7 .flyout-container .flyout-detail {
			display: inline;
		}
		.flyout-container .flyout-content {
			background: none repeat scroll 0 0 #FFFFFF;
			margin-left: 27px;
			margin-top: -5px;
			overflow: hidden;
			padding-top: 5px;
			position: relative;
			z-index: 1;
		}
		.flyout-container.closed{}
		.flyout-container.closed .flyout-status{}
		.flyout-container.closed .flyout-content{
			display: none;
		}
		.flyout-container.open .flyout-content{display: block;}

	/* notice */
	.notice{
		background: url('/themes/custom/images/backgrounds/gradients/x-ffffff-f1f1f1-3x127.png') left bottom repeat-x #fff;
		border: 1px solid #ccc;
		border-radius: 2px;
		margin: 20px 0;
		padding: 20px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
	}
	.notice .title{
		color: #183a8d;
		display: block;
		font-family: 'UniversLTStd47LightCondensed', sans-serif;
		font-size: 16px;
		font-weight: bold;
		line-height: 20px;
		margin-bottom: 5px;
	}
	.notice ul{
		margin: 5px;
	}

	/* general layout styles */
	#main p{}
	#main .text p + p{
		margin-top: 11px;
	}
	#main .content + .content{
		clear: both;
		margin-top: 15px;
	}
	#main .padded{
		padding: 0 20px;
	}
	#main .article.text{
		padding: 0 20px;
	}
	#main .article.text ul{
		padding: 10px;
	}

	/* images */
	.figure{
		position: relative;
	}
	.figure p{
		background: #183a8d;
		background: rgba(24, 58, 141, 0.5);
		bottom: 0;
		color: #fff;
		display: none;
		left: 20px;
		margin: 0;
		padding: 10px 20px;
		position: absolute;
		right: 20px;
	}
	.figure .controls{
		opacity: 0.3;
		position: absolute;
		right: 9px;
		top: 9px;
	}
	.figure:hover .controls{
		opacity: 1;
	}
	.figure .controls .inactive{
		opacity: 0.5;
	}
	.figure .controls .sprite:hover {
		background-color: #eeeeee;
	}
	.figure .controls .sprite{
		border-radius: 0px;
	}
	.figure .controls .sprite:first-child{
		border-top-left-radius: 2px;
		border-bottom-left-radius: 2px;
		-moz-border-top-left-radius: 2px;
		-moz-border-bottom-left-radius: 2px;
		-webkit-border-top-left-radius: 2px;
		-webkit-border-bottom-left-radius: 2px;
	}
	.figure .controls .sprite:last-child{
		border-top-right-radius: 2px;
		border-bottom-right-radius: 2px;
		-moz-border-top-right-radius: 2px;
		-moz-border-bottom-right-radius: 2px;
		-webkit-border-top-right-radius: 2px;
		-webkit-border-bottom-right-radius: 2px;
	}
	.no-js .figure .controls .navigation{
		display: none;
	}
/*	.no-js .figure:hover p{*/
    .team .figure.twoImages:hover img.hideMe,
    html:not(.touch) .figure:hover p{
		display: block;
	}
    
    /* Fix für ie8, da er :not() nicht unterstützt */
    html.ie8 .figure:hover p{
		display: block;
	}
    
    .team .figure.twoImages:hover img{
		display: none;
	}

	/* Static map */
	.static-map-container{
		position:relative;
	}
	.static-map-container .map-shadow{
		position: absolute;
		left: 50%;
		top: 50%;
		width: 67px;
		height: 76px;
		margin-left: -34px;
		margin-top: -63px;
		background: url(/themes/custom/images/jQuery.dMaps/iconShadow.png) no-repeat center center transparent;
	}

	/* tables */
	table td,
	table th{
		padding: 0;
	}
	p + table.styled,
	.text p + table{
		margin-top: 10px;
	}
	table.styled,
	.text table{
		border-spacing: 1px;
		border-collapse: separate;
		font-size: 12px;
		line-height: 15px;
		width: 100%;
	}
	table.styled th,
	table.styled td,
	.text table th,
	.text table td{
		background-color: #e7ebf3;
		padding: 4px 10px;
	}
	table.styled thead th,
	table.styled thead td,
	.text table tr.table-highlight th,
	.text table tr.table-highlight td{
		background-color: #4661a4;
		color: #fff;
		font-size: 13px;
		font-weight: normal;
	}
	table.styled td.number,
	.text table td.number{
		text-align: center;
	}
	table.styled td.date,
	.text table td.date{
		text-align: center;
	}
	table.styled td.price,
	.text table td.price{
		text-align: center;
	}
	table.styled *:first-child tr:first-child th:first-child,
	table.styled *:first-child tr:first-child td:first-child,
	.text table *:first-child tr:first-child th:first-child,
	.text table *:first-child tr:first-child td:first-child{
		border-top-left-radius: 2px;
		-moz-border-topleft-radius: 2px;
		-webkit-border-top-left-radius: 2px;
	}
	table.styled *:first-child tr:first-child td:last-child,
	table.styled *:first-child tr:first-child th:last-child,
	.text table *:first-child tr:first-child td:last-child,
	.text table *:first-child tr:first-child th:last-child{
		border-top-right-radius: 2px;
		-moz-border-topright-radius: 2px;
		-webkit-border-top-right-radius: 2px;
	}
	table.styled *:last-child tr:last-child td:first-child,
	table.styled *:last-child tr:last-child th:first-child,
	.text table *:last-child tr:last-child td:first-child,
	.text table *:last-child tr:last-child th:first-child{
		border-bottom-left-radius: 2px;
		-moz-border-bottomleft-radius: 2px;
		-webkit-border-bottom-left-radius: 2px;
	}
	table.styled *:last-child tr:last-child td:last-child,
	table.styled *:last-child tr:last-child th:last-child,
	.text table *:last-child tr:last-child td:last-child,
	.text table *:last-child tr:last-child th:last-child{
		border-bottom-right-radius: 2px;
		-moz-border-bottomright-radius: 2px;
		-webkit-border-bottom-right-radius: 2px;
	}
	.text table + p{
		margin-top: 15px;
	}

	table.clean{
		border-spacing: 0 !important;
		font-size: 14px !important;
		line-height: 22px !important;
	}
	table.clean th,
	table.clean td{
		background-color: inherit !important;
		padding: 0 !important;
	}

	/* forms */
	.error,
	.error *{
		border-color: #e5b449 !important;
	}
	.error.checkbox label{
		border-bottom: 1px solid #e5b449 !important;
	}
	input,
	textarea{
		border: none;
		border-radius: 2px;
		background: #fff;
		font-size: 14px;
		line-height: 20px;
		margin: 0;
		height: 20px;
		padding: 0;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
	}
	input.styled,
	textarea.styled{
		border: 1px solid #d9d9d9;
	}
	input.styled{
		height: 28px;
		line-height: 28px;
		padding: 0 10px;
	}
	textarea.styled{
		font-size: 14px;
		line-height: 18px;
		padding: 10px;
	}
	input.number{
		text-align: center;
		padding: 0 5px;
	}
	.js input.blank,
	.js textarea.blank{
		color: #999;
	}
	form label{
		display: inline-block;
	}
	.ie7 form label{
		display: inline;
		zoom: 1;
	}
	form.styled input[type=text]{
		border: 1px solid #ccc;
		height: 28px;
		line-height: 28px;
		padding: 0 5px;
	}
	form.styled input[type=text].date{
/*		text-align: center;*/
	}
	form.styled input[type=submit]{
		background: #F2C665;
		color: white;
		height: 28px;
		line-height: 28px;
		font-size: 17px;
		margin-top: 10px;
		padding: 0 20px;
	}
	form input[type=radio]{
		margin-right: 10px;
		vertical-align: bottom;
	}
	form input[type=checkbox]{
		margin-right: 10px;
		vertical-align: middle;
	}
	.ie7 form input[type=checkbox]{
		margin-right: 10px;
		vertical-align: middle;
	}
    form input[type=submit].disabled{
    	background:#999999;
    	cursor: default;
    }

	/* tools */
	#toolbar{
		text-align: right;
		margin-right: 63px;
		margin-bottom: 5px;
	}
	#toolbar .toolbar-item{
		background: #f7f7f7;
		background: linear-gradient(top, #f7f7f7, #f2f2f2);
		background: -moz-linear-gradient(top, #f7f7f7, #f2f2f2);
		background: -o-linear-gradient(top, #f7f7f7, #f2f2f2);
		background: -webkit-linear-gradient(top, #f7f7f7, #f2f2f2);
		border-radius: 2px;
		display: inline-block;
		height: 48px;
		text-align: left;
		vertical-align: top;
		width: 48px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
	}
	#toolbar .toolbar-item:hover {
		background-color: #eeeeee;
	}
	.ie7 #toolbar .toolbar-item{
		display: inline;
		zoom: 1;
	}
	#toolbar .toolbar-item + .toolbar-item{
		margin-left: 5px;
	}

	/* privacy text */
	.privacy-text{
		overflow-y: scroll;
	}

	/* tooltips */
	.tooltip-container{}

	/* pagination */
	.pagination{
		text-align: center;
	}
	.pagination .pagination-container{
		color: #183a8d;
		display: inline-block;
		font-size: 15px;
		font-weight: bold;
		padding: 3px 5px;
	}
	.pagination .pagination-container:hover,
	.pagination .pagination-container.current{
		color: #edc05f;
	}
	.pagination .pagination-container.previous,
	.pagination .pagination-container.next{
		font-family: "UniversLTStd57Condensed", sans-serif;
	}

	.pagination .pagination-container.first,
	.pagination .pagination-container.previous{
		border-right: 1px solid #d5d5d5;
		padding: 3px 10px;
	}

	.pagination .pagination-container.next,
	.pagination .pagination-container.last{
		border-left: 1px solid #d5d5d5;
		padding: 3px 10px;
	}

	/* lists */
	.list{}
	.list .list-item{
		border-bottom: 1px solid #d9d9d9;
/*		height: 125px;*/
		padding: 20px 0;
		position: relative;
	}
	.list .list-item:first-child{
		border-top: 1px solid #d9d9d9;
	}
	.list .list-item + .list-item{}
	.list .list-item .col{
		height: 100%;
	}
	.list .list-item .col + .col{
		margin-left: 20px;
	}

	.list .list-item .image,
	.list .list-item .info{
		min-height: 126px;
	}

	.list .list-item .image{
		border-radius: 2px;
		overflow: hidden;
		text-align: center;
		width: 187px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
	}
	.list .list-item .image img{
		display: inline-block;
		vertical-align: middle;
		width: 187px;
	}
	.list .list-item .info{
		position: relative;
		width: 340px;
	}
	.list .list-item .info h3{
		font-size: 14px;
		font-family: 'Trebuchet MS', sans-serif;
		margin: -1px 0 2px 0;
	}
	.list .list-item .info .button{
		float: right;
		margin-top: 10px;
	}
	.list .list-item .action{
		line-height: 30px;
		position: absolute;
		right: 0;
		text-align: right;
		top: 20px;
	}
	.list .list-item .action a.knob .tipp{
		display: none;
	}
	html:not(.touch) .list .list-item .action:hover a.knob .tipp,
    html.touch .list .list-item .action.open a.knob .tipp {
		display: inline;
	}
    /* Fix für ie8, da er :not() nicht unterstützt */
    html.ie8 .list .list-item .action:hover a.knob .tipp {
        display: inline;
    }
	.list .pagination{
		margin-top: 30px;
	}

/* fix the bug */
.buggy-chrome .block,
.buggy-chrome #main{
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}

@media print{
	html{
		min-width: 0px !important;
		min-height: 0px !important;
/*		width: 640px;*/
	}
	.section#main .heading{
		padding: 0;
	}
	.no-print{
		display: none !important;
	}
    .print-only{
        display: block!important;
        visibility: visible!important;
    }
    /* Seitenumbruch */
    .page-break{
        page-break-after:always;
        visibility:hidden;
    }
	.button, input[type=submit], input[type=reset]{
		display: none !important;
	}
	.tabs,
	.action.undercover,
	.controls,
	.nav,
	.info-box,
	.user-actions{
		display: none !important;
	}
	#main{
		display: inline !important;
	}
	table td,
	table th{
		padding: 0;
	}
	table.styled,
	#main .text table{
		border-spacing: 0px;
		border-collapse: collapse;
		font-size: 12px;
		line-height: 15px;
		width: 100%;
	}
	table.styled th,
	table.styled td,
	#main .text table th,
	#main .text table td{
		color: #000 !important;
		border: 1px solid #ededed;
		padding: 4px 10px;
	}
	ul.styled,
	.text ul{
		list-style-type: disc;
	}
	ul.styled li,
	.text ul li{
		margin-left: 17px;
		padding-left: 0;
	}
	ul.styled li:before,
	.text ul li:before{
		display: none !important;
	}
	a.highlight-link-fancybox-site,
	a.highlight-link-fancybox-flash,
	a.highlight-link{}
	a.arrowed:before,
	a.highlight-link-fancybox-site:before,
	a.highlight-link-fancybox-flash:before,
	a.highlight-link:before{
		content: '> ';
		vertical-align: top;
	}
	.pagination{
		display: none;
	}
	.static-map-container .map-shadow{
		background: none;
	}
	#main .padded{
		padding-left: 0;
		padding-right: 0;
	}
}