@import "fonts/fonts.css";

:root {
	--main-color:      rgba(40,100,160, 1);     /* Dunkelblau */
	--link-color:      var(--main-color); 
	--menu-fond-color: rgba(255,255,255, 0.85); /* Transparentweiß */
	--fond-color:      rgb(200,217,233); 
	--text-color:      rgba(60, 60, 60, 1);     /* Schwarz */
	--shadow-color:    rgba(60, 60, 60, 0.5);   /* Schwarz */
	--menu-box-shadow: rgba(30,30,30, 0.6); 
	--helles-grau:      rgb(235,235,235);
	--helles-blau:      rgb(0,150,250);
	--einfach-weiss:    rgb(255,255,255); 
	--einfach-grau:     rgb(204,204,204);
	--footer-text:      var(--helles-blau);     
  
	--gradient-start:   rgb(90,150,205);
    --gradient-middle:  rgb(20,59,102);
    --gradient-end:     rgb(0,22,43);

}

/* ---- 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: bold;
	margin-bottom: 10px;
	margin-top: 20px;
	color: var(--text-color);
}
h3
{
	font-size: 16px;
	font-weight: bolder;
	margin-bottom: 10px;
	color: var(--text-color);
}
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:var(--text-color); }
a
{
	text-decoration: none;
	color: var(--link-color);
}
a:hover { color: var(--main-color); }
.zwischen1 { margin-bottom: 8px; margin-top: 20px; }
.zwischen2 { margin-bottom: 8px; margin-top: 12px; font-style: italic; }

.normal { font-weight: normal; }

.nobr { white-space: nowrap; }
.rot { font-weight: bold; color: var(--main-color); }


/* --- GEORDNETE LISTE (ol) --- */
ol.new-ol {
  list-style: none;
  counter-reset: custom-counter;
  padding: 0;
  margin: 0em 0;
}

ol.new-ol > li.new-li {
  counter-increment: custom-counter;
  position: relative;
  padding-left: 1.4em; /* Abstand für die Zahlen am linken Rand */
  margin-bottom: 0.5em;
  line-height: 1.5;
}

ol.new-ol > li.new-li::before {
  content: counter(custom-counter) ".";
  position: absolute;
  left: 0;
  top: 0;
  width: 1.2em;
  text-align: left;
}

/* --- UNGEORDNETE LISTE (ul) mit PNG-Bullet --- */
ul.new-list {
  list-style: none;
  padding: 0; /* Standalone: Komplett linksbündig am Seitenrand */
  margin: 0.4em 0 0.7em 0;
}

/* 
 * Spezifisch für die Verschachtelung unter der Klasse .new-ol:
 * Rückt die gesamte Liste unter den Text des übergeordneten .new-li ein.
 */
ol.new-ol ul.new-list {
  padding-left: 1.5em; /* Einzug unter den Text der neuen ol */
  margin: 0.5em 0;
}

ul.new-list li {
  position: relative;
  padding-left: 15px; /* Platz für das PNG-Bullet */
  margin-bottom: 0.5em;
  line-height: 1.5;
}

ul.new-list li::before {
  content: "";
  position: absolute;
  left: 0;
  width: 5px;
  height: 5px;
  background-image: url('../images/bullets.png');
  background-repeat: no-repeat;
  background-size: 5px 5px;
  /* Vertikale Zentrierung auf Versal-M */
  top: calc(0.72em - 2.0px); 
}

ul.compact {
  list-style: none;
  padding: 0;
  margin: 0.2em 0 0.5em 0;
}

ul.compact li {
  position: relative;
  padding-left: 15px; /* Platz für das PNG-Bullet */
  margin: 0.4em 0 0.5em 0;
  line-height: 1.1;
}

ul.compact li::before {
  content: "";
  position: absolute;
  left: 0;
  width: 5px;
  height: 5px;
  background-image: url('../images/bullets.png');
  background-repeat: no-repeat;
  background-size: 5px 5px;
  /* Vertikale Zentrierung auf Versal-M */
  top: calc(0.72em - 5.0px); 
}

#right
{
	width: 310px;
	float: right;
	padding-left: 36px;
	padding-top: 25px;
	margin-right: 75px;
	margin-top: 18px;
	display: inline;
} 

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

.content-box
{
	margin-left: 0;
	padding: 1.4em 0.8em 0.8em 0.8em;
	margin: 6px auto auto 0px;
	border-radius: 0px;
	box-shadow: 2px 3px 6px var(--shadow-color);
}

.blue { color: var(--link-color) }


.content-box p { 
	color: var(--text-color);
	border: none; 
	margin: 0 0 0.5em 0.8em; 
}
.content-box h2 { 
	color: var(--text-color);
	font-size: 16px; 
	margin-top: 0px;
	margin-bottom: 14px;
	margin-left: 0.8em;
}

.content-box a { color: var(--text-color); font-weight: 700; }
.content-box a:hover { color: var(--link-color); }

.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 var(--text-color); 
	padding-top: 14px; 
} 


/* ---- layout -------------------------------------------------------*/
body
{
	font-family: "Roboto Condensed";
	font-size: 16px;
	color: var(--text-color);
	text-rendering: optimizeLegibility;
}

/* 1. Registrieren der CSS-Variable, damit sie animiert werden kann */
@property --middle-stop {
  syntax: '<percentage>';
  inherits: false;
  initial-value: 75%;
}

.animated-bg {
  /* Mindesthöhe für das Element, damit der Verlauf sichtbar ist */
  height: 100vh; 
  width: 100%;

  /* 2. Einbinden der Variable in den Verlauf */
  background: linear-gradient(
    to bottom, 
   	var(--gradient-start)  0%,
    var(--gradient-middle) var(--middle-stop),
    var(--gradient-end)    100%
  );
	background-attachment: fixed; 

  /* 3. Zuweisung der Animation (z.B. 5 Sekunden Dauer, unendlich, hin und her) */
  animation: shiftGradient 4s ease-in-out infinite alternate;
}

/* 4. Definition der Animation von 60% bis 80% */
@keyframes shiftGradient {
  0% {
    --middle-stop: 40%;
  }
  100% {
    --middle-stop: 80%;
  }
}
    
#topimage {
	max-width: 100%;
	height: auto;
	display: block;
}

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;
}

#kopf { padding: 31px 12px 4px 25px; }		

#kopf div
{
	color: var(--helles-grau);
	font-size: 1.5em;
	display: block;
}
.kopf-desktop-right
{
	float: right;
	text-transform: uppercase;
	letter-spacing: 0.37ex;
	text-align: right;
	font-weight: 400;
	margin-right: 0.5em;
}
.kopf-desktop { 
		float: left;
	}

.home-link
{
	display: inline-block;
	width: 100%;
	font-weight: 400;
	text-decoration: none;
	color: var(--helles-grau);
}

#no-slider-bar
{
	display: block;
	height: 22px;
	width: 100%;
	margin-bottom: 30px;
	background-color: var(--main-color);
	background-position: 0px;
	box-shadow: none;
}

#navbar
{
	width: 100%;
	padding: 0px 0px 0px 0px;
	background-color: white;
	border-radius: 8px 8px 0 0;
	font-size: 1.1em;
	line-height: 1;
	margin-top: 2.8em;
	min-height: 70px;
}

#bar
{
	height: 10px;
}

#content
{
	width: 1080px;
	background-color: white;
	border-radius: 0 0 8px 8px;

}

#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: 250px;
	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; margin-bottom: 1em; }

#jury-right
{
	float: right;
	width: 620px; 
	padding-bottom: 15px;	
	margin-right: 0;
	margin-top: 30px;
	display: inline;
} 

#jury-right img
{
	padding-bottom: 14px;
	margin-right: 0px;
}

.thumbs img
{
	padding-right: 6px!Important;
	padding-top: 0px!Important;
	margin-right: 0px!Important; 
	max-width: 150px!important;
	max-height: 130px!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 { 
}

.special-post { 
	float: left; 
	width: 30%; 
	padding-right: 5%; 
	padding-bottom: 5%; 
}
.special-post:nth-of-type(2n) {
    padding-right: 0%;
}
.special-post img { 
	border: 1px solid #ccc; 
	width: 640px;  
	margin-bottom: 10px; 
}

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

/* ---- menu ---------------------------------------------------------*/
.menu { list-style: none; margin: 16px 25px 10px 25px; float: left; padding-left: 0; }
.menu li { float: left; margin: 0 40px 0 0; }
.menu li a { display: block; font-size: 1.0em;  font-weight: bolder; padding: 10px 10px 10px 0px; color: var(--text-color); }
.menu li a .menu-item-desktop { display: block; }
.menu li a .menu-item-mobile { display: none; }
.menu a:hover { color: var(--main-color); } 
.menu li.current a, .menu li.ooocurrent a { color: var(--main-color); }
.menu li.current2 a { color: var(--main-color); }
.menu li.ooocurrent2 a { color: var(--main-color); }
.menu li.ooo a { color: var(--text-color);  }
.menu li.ooo a:hover { color: var(--main-color);  }
.menu li ul { 
	display: block; 
	background: var(--menu-fond-color); 
 	margin: 40px 0 0; 
	position: absolute; 
	display: none; z-index: 2; 
	border-radius: 7px; 
	box-shadow:   4px 5px 7px var(--menu-box-shadow);

}
.menu li ul li { float: none; display: inline; margin: 0; padding: 0; }
.menu li ul li a { width: auto; margin: 4px; white-space: nowrap; }

.spec-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 6px !important;
    margin-bottom: 12px; 
    padding: 0; 
    border: none;
    text-align: left;
  }

.spec-table th {
    border: none;
    padding: 0.1em 0 0.4em 0;
    font-weight: bold;
  }

.spec-table td {
    padding: 0.3em 0 0.3em 0;
    border: none;
  }

.spec-table tbody tr:nth-child(even) {
    background-color: none;
  }

.spec-table td:first-child {
    width: 29%;
  }


/* ---- imageslider --------------------------------------------------*/
#slider { margin-bottom: 30px; width: 1080px; height: 366px; }
.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; }
		
		
.header-banner {
  width: 100%;
  max-width: 1080px;
  height: 400px;
  overflow: hidden; /* Wichtig, damit das Bild beim Zoomen nicht über den Rand ragt */
  position: relative;
  background-color: var(--helles-grau); /* Platzhalter-Farbe während des Ladens */
  margin-top: 0px;
}

.zoom-image {
  width: 100%;
  height: 100%;
  object-fit: cover; /* Behält das Seitenverhältnis bei und füllt den Container aus */
  display: block;
  
  /* Animation definieren */
  animation: gentleZoom 12s ease-in-out infinite alternate;
}

/* Definition der Zoom-Bewegung */
@keyframes gentleZoom {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.1); /* Zoomt um lediglich 5% heran */
  }
}		
		
		
		
/* ---- 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: var(--einfach-weiss);
	background-color: var(--main-color);
	border-right: 1px var(--main-color) solid;
	border-left: 1px var(--main-color) solid;
	padding: 6px 10px 7px 0px
}
td.winner_text { }
td.winner_textline { border-bottom: 2px var(--text-color) solid; }
td.winner_abst { font-size: 1em; }
.aufgabe { font-size: 11px; color: var(--text-color); 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: var(--fond-color); 
}



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

#back-top { position: fixed; bottom: 30px; margin-left: 1016px; }
#back-top a { width: 58px; display: block; text-align: center; font: 12px/120% "Roboto Condensed"; text-decoration: none; color: var(--main-color); /* 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: var(--main-color) url(../images/uparrow.png) no-repeat center center;
	/* rounded corners */
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
	border-radius: 7px;
}

#back-top a:hover span { background-color: var(--helles-blau); }

	
	
/* --------- 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;
	}
	
	#topimage {
		max-width: 100%;
		height: auto;
		display: block;
	}
	
	#wrapper { 
		background-position: 99% 27px;
		background-size: 200px 32px;
		width: 100%;
	}
	#kopf  { 
		padding-left: 5%;
	}



	#content { 
		width: 100%;
		border-radius: 0!important;
	}
	.menu { 
		width: 100%;
		margin-left: 0 !important;
		margin-right: 0;
		padding-left: 5%;
		padding-right: 5%;
		margin-bottom: 0px;
	}
	.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;
		background-color: var(--helles-blau);
	}
	h1 { font-size: 20px; }
	h2 { font-size: 14px; }
	h3 { font-size: 14px; }
	h4 { font-size: 16px; width: auto; }
	#left h1 { 
		margin-left: 0px;
	}
	.animated-bg {
		background-color: var(--helles-blau);
	}
	
	#topimage {
		max-width: 100%;
		height: auto;
		display: block;
	}

	#wrapper { 
		background-image: none;
		width: 100%;
		min-width: 320px;
	}
	#kopf {
		padding-left: 20px;
		padding-top: 12px;
		padding-bottom: 40px;
	}
	
	#kopf .kopf-desktop { 
		display: none;
	}

	#kopf .kopf-desktop-right { 
		text-align: left !important;
		float: left; 
	}

	#kopf .kopf-mobil { 
		display: block !important;
		letter-spacing: 0;
		font-size: 0.6;
		margin-top:2px;
	}

	#kopf .kopf-mobil .not-on-phone { 
		display: none;
	}

	.home-link
	{
		display: inline-block;
		width: 100%;
		font-weight: 400;
		text-decoration: none;
		color: var(--helles-grau);
	}

	#navbar
	{
		width: 100%;
		background-color: white;
		min-height: 70px; 
		margin-top: 0;
		padding: 0px 10px 0px 18px;
		line-height: 1;
		border-radius: 0;
	}

	#bar
	{
		height: 10px;
		background-color: none;
		margin-top: 0px;
	}
	
	#slider { 
		margin-bottom: 10px;
		width: 100%!Important; 
		height: 200px!Important;
	 }
	
	#content { 
		width: 100%;
		border-radius: 0 !important;
	}
	
	.menu { 
		width: 100%;
		margin-left: 0 !important;
		padding-left: 0;
		padding-right: 1%;
		padding-bottom: 2px;
		margin: 2px 0px 12px 25px;
	}
	.menu li { 
		width: 32%;
		line-height: 1!important;
	}
	.menu li a { 
		font-size: 1.1em; 
		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;
	}
	#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; 
	} 

}