@charset "utf-8";
/*--------------- allgemeine tags-----------------------*/
* {
	margin: 0px;
	padding: 0px;
}

html {
	height: 100%;
}

body {
	background-color: #FFFFFF;
	height: 100%;
	background-image: url(images/bg.jpg);
	font-size: 100,1%;
	font-family: Arial, Helvetica, sans-serif;
	background-repeat: repeat-x;
	color: #FFFFFF;
}

a img {
border : 0 none;
}

a, a:link a:visited {
	color: #919da5;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}
.clearfloat {
	clear: both;
	font-size: 1px;
	line-height: 1px;
	height: 1px;
}

hr.simple_full
{
	border:none;
	width:100%;
	color: #FFFFFF;
	background-color: #999;
	height: 1px;
	margin-top:5px;
	margin-bottom:5px;
}

#seite {
	margin-right: auto;
	margin-left: auto;
	min-height: 100%;
	width: 1000px;
	font-size: 0.8em;
	background-color: #6c2864;
	margin-top: 10px;
}

#kopf {
	height: 94px;
	margin-left: 20px;
	position: relative;
}
#seite #kopf h1 {
	text-indent: -2000px;
	line-height: 0px;
}

#kopf  #logindashboard {
	height: 93px;
	background-image: url(images/loginBg.jpg);
	background-repeat: repeat-x;
	padding-top: 12px;
	padding-left: 10px;
	position: absolute;
	top: 0px;
	right: 0px;
	width: 420px;
}
#kopf form {
	color: #FFFFFF;
	display: inline;
	float: right;
	margin-right: 10px;
	margin-left: 10px;
}
#logindashboard input[type=submit]  {
	background-color: #919da5;
	height: 29px;
	width: 35px;
	border: 0 none;
	margin-left: 10px;
	color: #FFFFFF;
	background-image: url(images/go.jpg);
	background-repeat: no-repeat;
}

/* --------------------IE 6 Hack buttons---------------------- */

#logindashboard input.form-submit-en {
	height: 25px;
	width: 30px;
	cursor: pointer;
	text-indent: -9999px;
	border: none;
	background: url(images/go_mini_en.jpg) no-repeat left top;
}

#IEroot input.form-submit-en {
	width: 30px;
	font-size: 0;
	color: #fff;
	text-align: right;
}
#IEroot input.form-submit-en {
	width: 30px;
	text-indent: 0;
}

#logindashboard input.form-submit-de {
	height: 25px;
	width: 30px;
	cursor: pointer;
	text-indent: -9999px;
	border: none;
	background: url(images/go_mini_de.jpg) no-repeat left top;
}

#IEroot input.form-submit-de {
	width: 30px;
	font-size: 0;
	color: #fff;
	text-align: right;
}
#IEroot input.form-submit-de {
	width: 30px;
	text-indent: 0;
}

input.form-upload-en {
	height: 44px;
	width: 180px;
	cursor: pointer;
	text-indent: -9999px;
	border: none;
	background: url("images/details/upload_en.png") no-repeat left top;
}

#IEroot input.form-upload-en {
	width: 180px;
	font-size: 0;
	color: #fff;
	text-align: right;
}
#IEroot input.form-upload-en {
	width: 180px;
	text-indent: 0;
}

input.form-upload-de {
	height: 44px;
	width: 235px;
	cursor: pointer;
	text-indent: -9999px;
	border: none;
	background: url("images/details/upload_de.png") no-repeat left top;
}

#IEroot input.form-upload-de {
	width: 235px;
	font-size: 0;
	color: #fff;
	text-align: right;
}
#IEroot input.form-upload-de {
	width: 235px;
	text-indent: 0;
}

input.form-bigsubmit-en {
	height: 46px;
	width: 180px;
	cursor: pointer;
	text-indent: -9999px;
	border: none;
	background: url("images/details/submit_en.png") no-repeat left top;
}

#IEroot input.bigsubmit-en {
	width: 180px;
	font-size: 0;
	color: #fff;
	text-align: right;
}
#IEroot input.bigsubmit-en {
	width: 180px;
	text-indent: 0;
}

input.form-bigsubmit-de {
	height: 46px;
	width: 235px;
	cursor: pointer;
	text-indent: -9999px;
	border: none;
	background: url("images/details/submit_de.png") no-repeat left top;
}

#IEroot input.bigsubmit-de {
	width: 235px;
	font-size: 0;
	color: #fff;
	text-align: right;
}
#IEroot input.bigsubmit-de {
	width: 235px;
	text-indent: 0;
}

/* --------------------IE 6 Hack buttons---------------------- */

#kopf .formpaar {
	display: inline;
	margin-left: 5px;
	margin-top: 4px;
	float: left;
}
#logindashboard h2 {
	display: inline;
	float: left;
	font-weight: normal;
	font-size: 1.2em;
	text-transform: uppercase;
	color: #FFFFFF;
	margin-top:4px;
}
#hauptteil #inhalte {
	padding-left: 41px;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-right: 41px;
}

#logindashboard  label {
	font-size: 10px;
}
#kopf  #logindashboard #help {
	float: right;
	font-size: 1em;
}
#help a, help a:link, help a:visited {
	font-size: 0.9em;
	color: #FFFFFF;
}

#rightCol {
	float: right;
	/* width: 254px; */
	background-color: #4f1b48;
	/* margin-left: 30px; */
	margin-right:-41px;
}

#hauptteil {
	padding-bottom: 82px;
}
/*-----------------------------navigation-----------------------*/
#navi {
	height: 61px;
	font-family: Arial, Helvetica, sans-serif;
	clear: both;
	background-color: #6C2864;
	margin-bottom: 10px;
	background-image: url(images/menuBg.jpg);
	background-repeat: no-repeat;
	margin-left:40px;
}
#navi li {
	display: inline;
	float: left;
	font-size: 1.1em;
	line-height: 60px;
	width: 153px;
}
#navi li.last {
	border: 0 none;
}
#navi a, #navi a:link, #navi a:visited  {
	text-decoration: none;
	color: #FFFFFF;
	text-align: center;
	display: block;
}
#navi a:hover {
	font-weight: bold;
	font-size: 1.3em;
}
#navi a.current, #navi a.current:link, #navi a.current:visited  {
	font-weight: bold;
	font-size: 1.3em;
}

/*-----------------------------footer*-----------------------*/
#footer {
	clear: both;
	height: 70px;
	margin: -70px auto 0 auto;
	font-size: 0.7em;
	color: #FFFFFF;
	width: 1000px;
	background-image: url(images/bgFooter.jpg);
	background-repeat: repeat-x;
	padding-top: 20px;
}

#footer a:link, #footer a:visited {
	text-decoration: none;
	display: inline;
	color: #FFFFFF;
	margin: 5px 10px 0px 10px;
}

#footer a:hover {
	text-decoration: underline;
}




/*-------------------------------------------------------BEGIN--------------------------------------------------------------*/
/*---------------------------------------------additional stuff by Tobias---------------------------------------------------*/

.FB_Link{
color:white;
}

.FB_Link:visited{
color:white;
}

.FB_Link:active{
color:white;
}

.FB_Link:hover{
background-color:white;
color:blue;
text-decoration:none;
}

.FB_Link:link{
color:white;
}



.smallIdeaOne {
	float:left;
	width:170px;
	height:87px;
	border:0px solid red;
	margin-top:18px;
	margin-left:15px;
	padding:5px;
	background-color:#FFFFFF;
}

#terms_and_conditions h2 {
	font-weight: normal;
	font-size: 1.4em;
	margin-bottom:20px;
	margin-top:30px;
}

#terms_and_conditions div {
	font-weight: normal;
	margin-left:40px;
	margin-bottom:20px;
	text-align: justify;
	line-height:20px;
}


h2.contest_description{
	font-weight: normal;
	font-size: 1.4em;
	margin-left:-40px;
	margin-bottom:20px;
	margin-top:30px;
	color:#AD8DAC;
}

h3.contest_description{
	font-weight: light;
	font-size: 1.0em;
	margin-left:-20px;
	margin-bottom:20px;
	margin-top:-20px;
	color:#AD8DAC;
}

div.contest_description{
	position:relative;
	font-weight: normal;
	text-align: justify;
	line-height:20px;
	margin-left:50px;
	margin-right:50px;
	margin-bottom:50px;	
}



.fb_profile_pic_rendered{
vertical-align:middle;
}


.small_headers{
	padding-left:5px;
	text-align:left;
	font-weight:700;
}

.soft_label{
	color:#999999;
	font-weight:100;
	text-decoration:italic;	
}

.greenHR{
	margin-top:20px;
	margin-bottom:20px;
	height:1px;
	margin-left:20px;
	margin-right:20px;
	background-color:#AD8DAC;
	overflow:hidden;
}

.orangeHR{
	margin-top:20px;
	margin-bottom:20px;
	height:1px;
	margin-left:20px;
	margin-right:20px;
	background-color:#4F1B48;
	overflow:hidden;
}



.greyHR{
	margin-top:20px;
	margin-bottom:20px;
	height:1px;
	margin-left:20px;
	margin-right:20px;
	background-color:#919da5;
	overflow:hidden;
}

.greyJuryHR{
	margin-top:70px;
	margin-bottom:70px;
	height:1px;
	margin-left:90px;
	margin-right:90px;
	background-color:#919da5;
	overflow:hidden;
}

.winnersHR{
	margin-top:30px;
	margin-bottom:30px;
	height:1px;
	margin-left:0px;
	margin-right:0px;
	background-color:#919da5;
	overflow:hidden;
}

.winnersTrennerHR{
	margin-top:30px;
	margin-bottom:30px;
	height:1px;
	margin-left:0px;
	margin-right:0px;
	background-color:#FFFFFF;
	overflow:hidden;
}


/*JURY-PRIZES-CONTEST*/

.addthis_toolbox .custom_images a
{
    width: 60px;
    height: 60px;
    margin: 0;
    padding: 0;
}

.addthis_toolbox .custom_images a:hover img
{
    opacity: 1;
}

.addthis_toolbox .custom_images a img
{
    opacity: 0.75;
}

a.jpc_div_stat, a.jpc_div:hover {
	display:block;
	background-color: #AD8DAC;
	height:88px;
	font-family: Trebuchet MS, sans-serif;
	font-size: 28px;
	padding-left: 20px;
	padding-right: 20px;
	vertical-align: middle;
	color: #FFFFFF;
	text-decoration: none;
	text-align:center;
}	

a.jpc_div {
	display:block;
	background-color: none;
	height:88px;
	font-family: Trebuchet MS, sans-serif;
	font-size: 28px;
	padding-left: 20px;
	padding-right: 20px;
	vertical-align: middle;
	color: #FFFFFF;
	text-decoration: none;
	text-align:center;
}

.button_dyn_dark
{
    background:url("images/layout/submit_button_dyn.jpg") repeat-x left top;
	background-color: #4F1B48;
	background-repeat: repeat;
    padding-top:2px;
    padding-bottom:2px;
    padding-left:35px;
    padding-right:36px;

    border:1px solid white;
    text-align:center;
    font-weight:100;
    text-decoration:none;

    font-family:tahoma,arial;
    font-size:12px;
    color:#FFFFFF;
}

.button_dyn_light
{
    background:url("images/layout/submit_button_dyn.jpg") repeat-x left top;
	background-color: #AD8DAC;
	background-repeat: repeat;
    padding-top:2px;
    padding-bottom:2px;
    padding-left:35px;
    padding-right:36px;

    border:1px solid white;
    text-align:center;
    font-weight:100;
    text-decoration:none;

    font-family:tahoma,arial;
    font-size:12px;
    color:#FFFFFF;
}

#anchor_contest {
display:block;
width:253px;
height:52px; 
background-image : url(images/layout/tabContest.jpg); 
} 

#anchor_contest:hover { 
background-image : url(images/layout/tabContest_f2.jpg); 
} 


#anchor_prizes {
display:block;
width:253px;
height:52px; 
background-image : url(images/layout/tabPrizes.jpg); 
} 

#anchor_prizes:hover { 
background-image : url(images/layout/tabPrizes_f2.jpg); 
} 


#anchor_jury {
display:block;
width:253px;
height:52px; 
background-image : url(images/layout/tabJury.jpg); 
} 

#anchor_jury:hover { 
background-image : url(images/layout/tabJury_f2.jpg); 
} 


/* star rating code - use lists because its more semantic */
/* No javascript required */
/* all the stars are contained in one matrix to solve rollover problems with delay */
/* the background position is just shifted to reveal the correct image. */
/* the images are 16px by 16px and the background position will be shifted in negative 16px increments */
/*  key:  B=Blank : O=Orange : G = Green * /
/*..... The Matrix ....... */
/* colours ....Background position */
/* B B B B B - (0 0)*/
/* G B B B B - (0 -16px)*/
/* G G B B B - (0 -32px)*/
/* G G G B B - (0 -48px)*/
/* G G G G B - (0 -64px)*/
/* G G G G G - (0 -80px)*/
/* O B B B B - (0 -96px)*/
/* O O B B B - (0 -112px)*/
/* O O O B B - (0 -128px)*/
/* O O O O B - (0 -144px)*/
/* O O O O O - (0 -160px)*/


/* the default rating is placed as a background image in the ul */
/* use the background position according to the table above to display the required images*/
.rating{
	width:85px;
	height:17px;
	margin:0 0 0 0;
	padding:0;
	list-style:none;
	clear:both;
	position:relative;
	background: url(images/details/starmap.gif) no-repeat 0 0;
}
/* add these classes to the ul to effect the change to the correct number of stars */
.nostar {background-position:0 0}
.onestar {background-position:0 -17px}
.twostar {background-position:0 -34px}
.threestar {background-position:0 -51px}
.fourstar {background-position:0 -68px}
.fivestar {background-position:0 -85px}
ul.rating li {
	cursor: pointer;
 /*ie5 mac doesn't like it if the list is floated\*/
	float:left;
	/* end hide*/
	text-indent:-999em;
}
ul.rating li a {
	position:absolute;
	left:0;
	top:0;
	width:17px;
	height:17px;
	text-decoration:none;
	z-index: 200;
}
ul.rating li.one a {left:0}
ul.rating li.two a {left:17px;}
ul.rating li.three a {left:34px;}
ul.rating li.four a {left:51px;}
ul.rating li.five a {left:68px;}
ul.rating li a:hover {
	z-index:2;
	width:85px;
	height:17px;
	overflow:hidden;
	left:0;
	background: url(images/details/starmap.gif) no-repeat 0 0
}
ul.rating li.one a:hover {background-position:0 -102px;}
ul.rating li.two a:hover {background-position:0 -119px;}
ul.rating li.three a:hover {background-position:0 -136px}
ul.rating li.four a:hover {background-position:0 -153px}
ul.rating li.five a:hover {background-position:0 -170px}
/* end rating code */

.rating_bar {
  width: 65px;
  background: url("images/details/starOffWhite.gif") 0 0 repeat-x;
}

.rating_bar div {
  height: 13px;
  background: url("images/details/starOnWhite.gif") 0 0 repeat-x;
}

.rating_bar_purple {
  width: 65px;
  background: url("images/details/starOffPink.gif") 0 0 repeat-x;
}

.rating_bar_purple div {
  height: 13px;
  background: url("images/details/starOnPink.gif") 0 0 repeat-x;
}

/* end rating code */




/* begin of dropdown-styles */

#user-sortation-selection {
	position: relative;
	width: 150px;
	color: #000000;
	font-family: Trebuchet MS, sans-serif;
	font-size: 12px;
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#user-sortation-selection li.first {
	display: block;
	border: 1px solid #016131;
	background-color: #FFFFFF;
	background-image: url(../img/layout/combo_f1.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

#user-sortation-selection li {
	display: none;
	border: 1px solid #FFFFFF;
	background-color: #FFFFFF;
	height: 18px;
	margin: 0px;
	padding: 0px 3px 0px 3px;
	cursor: pointer;
}

#user-sortation-selection.open li {
	display: block;
}

#user-sortation-selection li.highlighted.first {
	background-image: url(../img/layout/combo_f2_spar.gif);
}

#user-sortation-selection li.highlighted {
	background-color: #016131;
	border: 1px solid #016131;
}



/* end of dropdown-styles */


/* begin of dropdown-styles */
ul.sortation-list {
	text-align: left;
	position: absolute;
	width: 145px;
	color: #000000;
	font-family: Trebuchet MS, sans-serif;
	font-size: 12px;
	list-style: none;
	margin: 0px;
	padding: 0px;
	border:0px solid #ffffff;
}

ul.sortation-list li.current-sortation {
	display: block;
	width:142px;
	border: 1px solid #FFFFFF;
	background-color: #FFFFFF;
	background-image: url(images/details/dropdown-buttonLattea.JPG);
	background-repeat: no-repeat;
	background-position: right center;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 3px;
}

ul.sortation-list.open
{
	
}

ul.sortation-list li {
	display: none;
	border: 0px solid #FFFFFF;
	background-color: #FFFFFF;
	height: 18px;
	margin: 0px;
	padding: 0px 3px 0px 3px;
	cursor: pointer;
}

ul.sortation-list.open li {
	display: block;
}

ul.sortation-list li.highlighted.current-sortation {
	color:black;
	border: 1px solid #FFFFFF;
	background-color: #FFFFFF;
	background-image: url(images/details/dropdown-button-wideLattea.JPG);
}

ul.sortation-list li.highlighted {
	background-color: #AD8DAC;
	border: 0px solid #aaa;
	color:white;
}





/* end of dropdown-styles */


/*---------------------------------------------additional stuff by Tobias---------------------------------------------------*/
/*--------------------------------------------------------END---------------------------------------------------------------*/