/* 
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed); 
*/

@import "fonts/fonts.css";


/* ---- reset -------------------------------------------------------- */
html { height: 100%; padding-bottom: 1px; }
*{ margin: 0; padding: 0; }
body,h1,h2,h3,h4,h5,h6,p,form,fieldset { margin:0;padding:0; }
:focus,:active { outline: 0; }

/* ---- typography --------------------------------------------------- */
h1 { font-size: 24px; font-weight: normal; margin-bottom: 15px;}
#left h1 { margin-left: -100px; }

h2
{
	font-size: 16px;
	line-height: 20px;
	font-weight: normal;
	margin-bottom: 10px;
	margin-top: 20px;
	color: #000;
}
h3
{
	font-size: 16px;
	font-weight: bolder;
	margin-bottom: 10px;
	color: #333;
}
h4
{
	font-size: 18px;
	font-weight: normal;
	float: left;
	margin: 3px 0 10px;
	width: 460px;
}
.toplink
{
	margin: 6px 25px 0px 0px;
	text-align: right;
	padding-bottom: 8px;
	font-weight: bold;
}

p { line-height: 1.4em; margin: 0 0 14px; color:#000; }
a { text-decoration: none; color: rgb(150,17,20); }
a:hover { color: #DE4F40; }
.zwischen1 { margin-bottom: 8px; margin-top: 20px; }
.zwischen2 { margin-bottom: 8px; margin-top: 12px; font-style: italic; }

ul
{
	color: #000;
	line-height: 18px;
	padding-left: 15px;
	list-style-image: url(../images/bullets.png);
	margin-top: -10px;
	margin-bottom: 14px;
}
ul li, ol li { margin-bottom: 0.4em; line-height: 1.4em; }
ol { color: #000; margin: 0px 0 14px 30px; }
.nobr { white-space: nowrap; }
.rot { font-weight: bold; color: rgb(150,17,20); }

#right
{
	width: 310px;
	float: right;
	padding-left: 36px;
	padding-top: 25px;
	margin-right: 75px;
	margin-top: 18px;
	display: inline;
} /*  border-left: 1px solid #ccc; */
#right2 { width: 310px; float: right; padding-left: 36px; margin-right: 75px; display: inline; } /*  border-left: 1px solid #ccc; */
#right img { float: left; margin: 5px 20px 2px 0; border: 1px solid #ccc;  }

.content-box
{
	margin-left: 0;
	background-color: rgb(225, 210, 190);
	padding: 1.6em 0.9em 1.0em 1.4em;
	margin: 6px auto auto 9px;
	background-image: url(../images/pattern.jpg);
	background-repeat: repeat;
	-moz-box-shadow:    inset 0 0 40px #000000;
	-webkit-box-shadow: inset 0 0 40px #000000;
	box-shadow:         inset 0 0 40px #000000;
	border-radius: 4px;
}

.content-box p { 
	color: rgb(225, 210, 190);
	border: none; 
	 
}
.content-box h2 { 
	color: rgb(225, 210, 190);
	font-size: 16px; 
	margin-top: 0px;
	margin-bottom: 16px;
}

.content-box a { color: rgb(225, 210, 190); font-weight: 700; }
.content-box a:hover { color: rgb(255,212,121); }

.preise { 
	margin-top: -1em;
	margin-bottom: 2em; 
} 

.preise h2 { 
	margin-top: 0;
	padding-top: 0; 
	padding-left: 1.4em;
	margin-bottom: 20px;
	font-weight: bold;
}

.preise p { 
	padding-left: 1.4em;
	border-top: 1px dotted black; 
	padding-top: 14px; 
} 


/* ---- layout -------------------------------------------------------*/
body
{
	font-family: "Roboto Condensed";
	font-size: 16px;
	color: #000;
	text-rendering: optimizeLegibility;
	/* 
	background-color: rgb(150,17,20);
 */
	background-image: url(../images/pattern.jpg);
	background-repeat: repeat;
}
img { border: 0; }
.x { clear: both; }
.break { border-top: 1px solid #ccc; margin: 30px 0; display: block; }
.no-border { border: 0; }
.space { margin-bottom: 20px; }
#wrapper
{
	margin: 0 auto;
	width: 1080px;
	/* 
	background: url(/images/entusiastas_del_tango-300.svg);
  	background-size: 300px 48px;
  	background-repeat: no-repeat;
  	background-position: 777px 15px;
	background-color: rgba(150,17,20,0.8);
 */
}
#kopf { padding: 31px 12px 4px 25px; }		
#kopf div
{
	color: rgb(235,235,235);
	font-size: 1.5em;
}
.kopf-desktop-right
{
	float: right;
	text-transform: uppercase;
	letter-spacing: 0.4ex;
	text-align: right;
	font-weight: 400;
}
.kopf-desktop { 
		float: left;
	}

.home-link
{
	display: inline-block;
	width: 100%;
	height: 65px;
}

#no-slider-bar
{
	display: block;
	height: 22px;
	width: 100%;
	margin-bottom: 30px;
	background-image: url(../images/pattern.jpg);
	background-repeat: repeat-x;
	background-position: 0px;
	box-shadow: none; 
	/* 
	background-color: rgb(150,17,20); 
 */
}

#navbar
{
	width: 100%;
	padding: 0px 10px 7px 0px;
	background-color: rgb(255, 235, 210);
	border-radius: 7px;
	font-size: 1.1em;
	line-height: 1;
	margin-top: 1em;
	min-height: 70px;
}

#bar
{
	height: 28px;
}

#content
{
	width: 1080px;
/* 
	-moz-box-shadow: 0px 0px 7px #999;
	-webkit-box-shadow: 0px 0px 7px #999;
	box-shadow: 0px 0px 7px #999;
 */
	background-color: rgb(255, 235, 210);
		 border-radius: 7px;

}

#left
{
	width: 500px;
	float: left;
	margin-left: 25px;
	min-height: 400px;
	margin-right: 0px;
	display: inline;
	padding-bottom: 15px;
	padding-left: 100px;
	padding-top: 24px;
}
#jury-left
{
	width: 270px;
	float: left;
	margin-left: 25px;
	min-height: 500px;
	margin-right: 0px;
	display: inline;
	padding-bottom: 15px;
	padding-left: 60px;
	padding-top: 24px;
}
#jury-left h1 { margin-left: -60px; }

#jury-right
{
	float: right;
	width: 600px; 
	padding-bottom: 4%;	
	margin-right: 4%;
	margin-top: 30px;
	display: inline;
} 

#jury-right img
{
	padding-bottom: 6px;
	margin-right: 0px;
}
.jury-spacer {
	margin-top: 105px;
}
.thumbs img
{
	padding-right: 5.9px!Important;
	padding-top: 3px;
	margin-right: 0px!Important; 
	width: 92px!important;
} 


#left p { margin-right: 0; }
#left2 { width: 500px; float: left; margin-left: 25px; min-height: 400px; margin-right: 0px; display: inline; padding-bottom: 15px;}
#left2 img, #right2 img { margin: 5px 20px 2px 0;  border: 1px solid #ccc; }
#left img { float: left; margin: 5px 20px 2px 0; padding: 3px; border: 1px solid #ccc; }
#feature { margin-left: 25px; padding-bottom: 10px; }
.small-post { 
	float: left; 
	width: 46%; 
	padding-right: 5%; 
	padding-bottom: 5%; 
}
.small-post:nth-of-type(2n) {
    padding-right: 0%;
}
.small-post img { 
	border: 1px solid #ccc; 
	width: 444px;  
	margin-bottom: 10px; 
}
.small-post h2 { 
	margin-top:10px; 
	margin-bottom: 10px; 
	font-weight: bold;
}
.small-post h3 {
	margin-top:12px;
	font-weight: normal;
}
.small-post p { 
}


#feature ul { margin-top: -11px; }
#footer p { color: rgb(235,235,235); font-size: 1em; margin: 5px 0 0 25px; padding-bottom: 2em; }
#footer p a { color: rgb(235,235,235); }
#footer p a:hover { text-decoration: underline; }

/* ---- menu ---------------------------------------------------------*/
.menu { list-style: none; margin: 14px 25px 10px 25px; float: left; padding-left: 0; }
.menu li { float: left; margin: 0 4px 0 0; }
.menu li a { display: block; font-size: 1.0em;  font-weight: bolder; padding: 10px 20px 10px 0px; color: #000; }
.menu li a .menu-item-desktop { display: block; }
.menu li a .menu-item-mobile { display: none; }
.menu a:hover { color: rgb(150,17,20); } 
.menu li.current a, .menu li.ooocurrent a { color: rgb(150,17,20); }
.menu li.current2 a { color: rgb(150,17,20); }
.menu li.ooocurrent2 a { color: rgb(150,17,20); }
.menu li.ooo a { color: #444; }
.menu li.ooo a:hover { color: rgb(150,17,20); }
.menu li ul { display: block; background: rgb(255, 245, 225); margin: -1px 0 0; position: absolute; display: none; z-index: 2;  }
.menu li ul li { float: none; display: inline; margin: 0; padding: 0; }
.menu li ul li a { width: auto; margin: 4px; white-space: nowrap; }




/* ---- imageslider --------------------------------------------------*/
#slider { margin-bottom: 30px; width: 1080px; height: 400px; }
.jgallery.jgallery-slider:after  { box-shadow: 0 0; }
.jgallery.jgallery-slider .jgallery-thumbnails.square:not(.full-screen).jgallery-thumbnails-horizontal, .jgallery.jgallery-slider .jgallery-thumbnails.square.number:not(.full-screen).jgallery-thumbnails-horizontal
{ display: none; }
.jgallery .nav { display: none; }
		
/* ---- tables -------------------------------------------------------*/
table { width: auto; border-collapse:collapse; margin-bottom: 0.5em; }
table.full { width: 100%; }
table.fixed { table-layout:fixed }
th,td { padding: 0.5em 0.8em 0.5em 0.1em; vertical-align: top; }
td.winner  { padding: 0px 10px 10px 0px }
td.winner_h1
{
	font-weight: bold;
	color: #FFF;
	background-color: rgb(150,17,20);
	border-right: 1px rgb(150,17,20) solid;
	border-left: 1px rgb(150,17,20) solid;
	padding: 6px 10px 7px 0px
}
td.winner_text { }
td.winner_textline { border-bottom: 2px rgb(255, 245, 225); solid; }
td.winner_abst { font-size: 1em; }
.aufgabe { font-size: 11px; color: #000; margin-bottom: 12px;}
.aufgabe td { vertical-align: top; padding: 3px 0px 5px 0px; border-top: 1px #999 solid; }
.aufgabe th { text-align: left; vertical-align: top; padding: 13px 0px 5px 0px; }
.fond { background-color: rgb(245, 220, 195); }



/* --------- Nach Oben -----------------------------------------------*/

#back-top { position: fixed; bottom: 15px; margin-left: 980px; }
#back-top a { width: 58px; display: block; text-align: center; font: 12px/120% "Roboto Condensed"; text-decoration: none; color: #ffffff; /* background color transition */ -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; }
#back-top a:hover {  }
/* arrow icon (span tag) */
#back-top span { width: 58px; height: 58px; display: block; margin-bottom: 7px; background: rgb(150,17,20) url(../images/uparrow.png) no-repeat center center; /* rounded corners */ /* background color transition */ -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; }
#back-top a:hover span { background-color: #DE4F40; }

	
	
/* --------- fix for specific pages -----------------------------------------------*/
.preistraeger-left { 
	padding-left: 0 !important; 	
}

.preistraeger-left h1 { 
	margin-left: 0 !important; 	
}

.hint-prettyPhoto {
	float: right;
	padding-top: 7px;
	margin-right: 60px;
	display: none;
}

.hint-prettyPhoto-single {
	float: left;
	padding-top: 7px;
	margin-left: 149px;
	display: none;
}

.pp_expand { 
	display: none !important;
}


	
/* --------- Tablet -----------------------------------------------*/
	
@media (min-width: 768px) and (max-width: 1024px) {
	
	body {
		font-size: 15px;
	}
	h1 { font-size: 20px; }
	h2 { font-size: 14px; }
	h3 { font-size: 14px; }
	h4 { font-size: 16px; width: auto; }
	#left h1 { 
		margin-left: 0px;
	}
	
	#wrapper { 
		background-position: 99% 27px;
		background-size: 200px 32px;
		width: 100%;
	}
	#kopf  { 
		padding-left: 5%;
	}



	#content { 
		width: 100%;
	}
	.menu { 
		width: 100%;
		margin-left: 0 !important;
		margin-right: 0;
		padding-left: 5%;
		padding-right: 5%;
	}
	.menu li a { 
		font-size: 0.9em; 
	}
	
	.menu li a .menu-item-desktop { display: none; }
	.menu li a .menu-item-mobile { display: block !important; }
	
	#left { 
		width: 80%; 
		max-width: 580px;
		float: none; 
		margin-left: 0 !important;
		margin-right: 0;
		padding-left: 5%;
		padding-right: 5%;
		display: block;
		min-height: 200px;
	}
	#left2 { 
		width: 80%; 
		max-width: 580px;
		float: none; 
		margin-left: 0 !important;
		margin-right: 0;
		padding-left: 5%;
		padding-right: 5%;
		display: block;
		min-height: 200px;
	}
	#right { 
		width: 90%; 
		float: none; 
		margin-left: 0 !important;
		margin-right: 0;
		padding-left: 5%;
		padding-right: 5%;
		padding-bottom: 5%;
		display: block;
	} 
	#jury-right { 
		width: 90%; 
		float: none; 
		margin-top: 10px;
		margin-left: 0 !important;
		margin-right: 0;
		padding-left: 5%;
		padding-right: 5%;
		padding-bottom: 5%;
		display: inline;
	} 
	#right2 { 
		width: 90%; 
		float: none; 
		margin-left: 0 !important;
		margin-right: 0;
		padding-left: 5%;
		padding-right: 5%;
		display: block;
		padding-bottom: 5%;
	} 
	.slider-gallery { 
		width: 100%; 
	}
	#footer p { 
		margin-left: 0 !important;
		margin-right: 0;
		padding: 1% 1% 1% 5%; 
	}
	
	#feature {
		padding-left: 5%;
		margin-left: 0;
	}
	
	.small-post img { 
		width: 100%;
		height: auto;
	}
	
	.jury-left { 
		width: 100% !important; 
		margin-left: 5% !important; 
	}
	
	.preistraeger-left {
		width: 100% !important; 
		margin-left: 0 !important;
		padding-left: 5% !important;
	}
	
	.hint-prettyPhoto {
		margin-right: 3%
	}
	
	.hint-prettyPhoto-single {
		display: none;
	}
	
}	


@media (max-width: 767px) {
	body {
		font-size: 15px;
	}
	h1 { font-size: 20px; }
	h2 { font-size: 14px; }
	h3 { font-size: 14px; }
	h4 { font-size: 16px; width: auto; }
	#left h1 { 
		margin-left: 0px;
	}
	
	#wrapper { 
		background-image: none;
		width: 100%;
		min-width: 320px;
	}
	#kopf {
		padding-left: 2%;
		padding-top: 3px;
	}
	
	#kopf .kopf-desktop { 
		display: none;
	}
	#kopf .kopf-mobil { 
		display: block !important;
		letter-spacing: 0;
		font-size: 0.6;
		margin-top:2px;
	}
	#kopf .kopf-mobil .not-on-phone { 
		display: none;
	}
	
	#navbar
	{
		width: 100%;
		background-color: rgb(255, 235, 210);
		min-height: 70px; 
		margin-top: 0;
		padding: 0px 10px 0px 18px;
		line-height: 1;
	}

	#bar
	{
		height: 6px;
	}
	
	#slider { 
		margin-bottom: 10px;
		width: 100%!Important; 
		height: 200px!Important;
	 }
	
	#content { 
		width: 100%;
	}
	.menu { 
		width: 100%;
		margin-left: 0 !important;
		padding-left: 0;
		padding-right: 1%;
		padding-bottom: 2px;
		margin: 2px 0px 0px 25px;
	}
	.menu li { 
		width: 32%;
		line-height: 1!important;
	}
	.menu li a { 
		font-size: 1.1 em; 
		padding: 10px 20px 3px 0px;
	}
	
	.menu li a .menu-item-desktop { display: none; }
	.menu li a .menu-item-mobile { display: block !important; }
	
	
	#left { 
		width: 95%; 
		float: none; 
		margin-left: 0 !important;
		margin-right: 0;
		padding-left: 2%;
		padding-right: 2%;
		display: block;
		min-height: 200px;
	}
	#left2 { 
		width: 95%; 
		float: none; 
		margin-left: 0 !important;
		margin-right: 0;
		padding-left: 2%;
		padding-right: 2%;
		display: block;
		min-height: 200px;
	}
	#right { 
		float: none;
		margin-left: 0!important;
		margin-top: -10px!Important; 
		margin-right: 0;
		padding-top: 0!Important; 
		padding-left: 2%;
		padding-right: 2%;
		padding-bottom: 5%;
		display: inline;
	} 
	#jury-right { 
		width: 90%; 
		float: none; 
		margin-top: 10px;
		margin-left: 0 !important;
		margin-right: 0;
		padding-left: 5%;
		padding-right: 5%;
		padding-bottom: 5%;
		display: inline;
	} 
	#jury-left
	{
		width: 90%;
		float: none;
		margin-left: 18px;
		margin-right: 0px;
		display: inline;
		padding-bottom: 15px;
		padding-left: 60px;
		padding-top: 10px;
	}
	#jury-left h1 { margin-left: 18px; }
	
	#jury-left p { 
		margin-left: 16px; 
	}
	.jury-spacer {
		margin-top: 0px;
	}
	
	#right2 { 
		width: 100%; 
		float: none;
		margin-left: 0!important;
		margin-right: 0;
		padding-left: 2%;
		padding-right: 2%;
		display: block;
		padding-bottom: 5%;
	}
	.content-box {
		margin-top: 0;
	}
/* 
	.slider-gallery { 
		width: 100%; 
	}
 */
	#footer p { 
		margin-left: 0 !important;
		margin-right: 0;
		padding: 1% 1% 1% 2%; 
	}

	#feature {
		padding-left: 2%;
		margin-left: 0;
	}
	
	.small-post { 
		float: none; 
		width: 100%; 
		padding-right: 0%; 
		padding-bottom: 5%; 
	}
	
	.small-post img { 
		width: 95%; 
		height: auto !important; 
	}
	
	.preistraeger-left {
		width: 100% !important; 
		margin-left: 0 !important;
		padding-left: 2% !important;
	}
	
	.jury-left { 
		width: 100% !important; 
		margin-left: 5% !important; 
	}
	
	.hint-prettyPhoto {
		margin-right: 4%
	}
	
	.hint-prettyPhoto-single {
		float: right;
		margin-right: 2%
	}
	
	th,td { 
		padding: 0.3em 0.5em 0.3em 0.1em; 
		font-size: 0.70em;
	}
}	

@media (max-width: 420px)  {

	.content-box {
	display: none;
	}

	#slider { 
		margin-bottom: 10px;
		width: 100%!Important; 
		height: 160px!Important;
	 }
	
	#jury-right { 
		width: 90%;
		float: none; 
		text-align: left;
		padding-left: 18px; 
	}

	img.jury-thumb {
		width: 90%;
		text-align: left; 
	}
	
	.thumbs {
		margin-left: 18px;
	} 

	.thumbs img
	{
		padding-right: 8px!Important;
		padding-top: 3px;
		width: 116px!important;
		margin-left: 0; 
	} 

}