@charset "utf-8";
/* CSS Document */

html {
}

body {
	margin: 0px;
	padding: 0px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: url('../img/bg.jpg') top center #4bb225 no-repeat;
	color: #282828;
}

img{
	border: 0px;
}

h1,
h2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #5f9723;
	font-weight: bold;

}

h1 {
  margin:0px;
  padding: 0px;
  position: absolute;
  top: 30px;
}

h2 {

}

h1 img,
h2 img{
	position:absolute;
}

h2 {
  margin:0px;
  padding: 0px;
}

#mainStage {
  height: 100%;
  z-index:1;
  /*position: relative;*/
}

.clear{
	clear: both;
	line-height: 0px;
	font-size: 0px;
}

#wrapper {
  position: relative;
  margin: 20px auto;
  width: 860px;
}

#logo {
  position: absolute;
  top: -10px;
  left: -15px;
  width: 150px;
  height: 120px;
}

#header{
  background: url('../img/contentbg_oben.png') top left no-repeat;
  height: 120px;
}

#body_wrapper {
  background: url('../img/contentbg.png') top left repeat-y;
}

#body {
  background: url('../img/contentbg_body.png') top left no-repeat;
  padding: 0px 25px 0px 140px;
}

#body p{
  margin:0 0 10px 0;
}

#footer {
  background: url('../img/contentbg_unten.png') bottom left no-repeat;
  height: 82px;
}

#subfooter {
  /*position: relative;*/
  width: 100%;
  background: url('../img/footer_background.png') bottom left repeat-x;
  height: 20px;
}

#subfooter .container {
  width: 820px;
  margin: 0px auto;
  padding: 0px 20px 0px 20px;
  color: #fff;
  position: relative;
}

#subfooter .container a { color: #fff; text-decoration: none; }
#subfooter .container .bookmarkItem { position:relative; top: 3px; left: 0px; }


#ecard_left{
  width: 290px;
  text-align:center;
  float:left;
}

#ecard_right{
  float:left;
  padding:110px 0 0 23px;
}

#ecard_nachricht{
  text-align: left;
  width:270px;
  padding:10px;
  background:#fff;
  margin:150px 0 0 0;
  color:#0a3561;
}

#flashMessage {
  width: 600px;
  padding: 5px 10px;
  margin-bottom: 10px;
}

.failure_message,
.failure_message a {
  background-color: #ffcccc;
  color: #cc3333;
}
.success_message,
.success_message a {
  background: #ccffcc;
  color: #3cb400;
}

.error-message,
.error-message a,
#flashMessage{
  background: #ff563c;
  color: #560109;
  padding: 0px 5px 0px 5px;
}



/* YouTube Challenge 2010 */
.italic { font-style: italic; }

.youtubechallenge a, .youtubechallenge a:visited, .youtubechallenge a:hover { color: #003872; text-decoration: underline; }
.youtubechallenge .blueChallenge { color: #003872; }
.youtubechallenge .blueChallenge.afterUploadImage { padding-top: 15px; }
.youtubechallenge .subtext { color: #003872; font-size: 10px; margin: 0px 0px 0px 5px; padding: 2px 0px 2px 0px; }
.youtubechallenge .containerLeft_home { width: 470px; }
.youtubechallenge .containerLeft_uservideos { position: relative; top:0px; left: 0px; width: 375px; }
.youtubechallenge .containerLeft_uservideosupload { position: relative; top:0px; left: 0px; width: 375px; }
.youtubechallenge .containerLeft_firstprizes { position: relative; top:0px; left: 0px; width: 630px; }
.youtubechallenge .containerRight_home { position: absolute; top:4px; left: 640px; width: 160px; padding: 40px 0px 0px 0px; }
.youtubechallenge .containerRight_uservideos { position: absolute; top:118px; left: 540px; width: 220px; padding: 0px 0px 0px 0px; }
.youtubechallenge .volvic1500mlflasche { position: absolute; bottom: 2px; left: 420px;  }
.youtubechallenge .subInfos { margin: 0px 0px 0px 7px;  }
.youtubechallenge .television { margin: 0px 0px 12px 0px; display: block;  }
.youtubechallenge .hauptgewinne {  display: block; float:right; position: relative; left: -18px; top: -10px;  }
.youtubechallenge .singleVideoTeaser { width: 370px; }
.youtubechallenge .singleVideo { display: block; width: 370px; height: 300px; background: #282828;  }
.youtubechallenge .singleVideo_title { width: 370px; font-size: 16px; color:#003872; font-weight: bold; overflow: hidden; margin: 10px 0px 0px 0px;}
.jennymitflasche { position: absolute; bottom: 2px; left: 9px;}
.stoerer_preise { position:absolute; bottom: -60px; margin-top: -40px; left: 630px; z-index: 10; width: 170px; height:74px;}
.youtubechallenge .videoslider { margin: 20px 0px 0px 0px; }

.formUserData .text label { font-weight: bold; }
.formUserData .password label { font-weight: bold; }

.youtubechallenge .formUserData { }
.youtubechallenge .formUserData .input { margin: 0px 0px 10px 0px; }
.youtubechallenge .formUserData .input.text label, .youtubechallenge .formUserData .input.password label { width: 130px; display: block; float: left; }
.youtubechallenge .formUserData .input.text input, .youtubechallenge .formUserData .input.password input { width: 240px; }
.youtubechallenge .formUserData .input.text .error-message { margin: 8px 0px 5px 0px; }
 #YoutubechallengeAgb, #YoutubechallengeNewsletter { float: left; }
 #YoutubechallengeVideotitle { width: 260px; }
 #YoutubechallengeVideodescription { width: 260px; height: 100px; }
 .uploadinfos { margin: 0px 0px 20px 15px; padding: 0px; list-style:circle; font-size: 11px; line-height: 160%;}

 .youtubechallenge .containerLeft_firstprizes .firstprizesTeaser { width: 250px; position: relative;}
 .youtubechallenge .containerLeft_firstprizes .firstprizesTeaser.left { float: left; margin: 0px 70px 0px 0px; }
 .youtubechallenge .containerLeft_firstprizes .firstprizesTeaser.left.last { float: left; margin: 0px; }
 .youtubechallenge .containerLeft_firstprizes .gewinnAegypten { position: absolute; bottom: -50px; left: 155px; }
 .youtubechallenge .containerLeft_firstprizes .stoererAegypten { position: absolute; top: -50px; left: 550px; }
 .youtubechallenge .containerLeft_firstprizes .gewinnIpod { position: absolute; bottom: -40px; left: 180px; }
 


/* YOUTUBE EXTENSION */

#thumbs_ext{ position:relative; width:645px; }
#thumbs .youtubeThumbs, #thumbs_ext .youtubeThumbs{ float:left; white-space:nowrap; }
#thumbs_ext .youtubeThumbs a{ background:url("../img/youtubechallenge/schatten_klein.png") no-repeat; width:92px; height:80px; padding:7px 0 0 5px; }
#thumbs_ext .youtubeThumbs a img{ width:88px; height:70px; }
#thumbs_ext .youtubeThumbs .title{ width:92px; }
#thumbs_ext #slideContainer{ width:575px;}
#thumbs_ext #slideLeft, #thumbs_ext #slideRight{ width:26px; height:80px;}
#thumbs_ext #slideLeft{ background-image:url("../img/youtubechallenge/btn_videoslider_arrow_left.jpg");}
#thumbs_ext #slideRight{ background-image:url("../img/youtubechallenge/btn_videoslider_arrow_right.jpg");  left:0px;}
#thumbs_ext #slider{ left:-5px;}
#thumbsAnzahl{ display:none; }

.youtubeThumbs { float: left; }
.youtubeThumbs a{
	background:url("../img/youtubechallenge/background_videoslider_item.gif") bottom left no-repeat;
	display:block;
	width:110px;
	height:85px;
	padding:0px 4px 0px 3px;
    margin: 0px 0px 10px 0px;
	cursor:pointer;
}
.youtubeThumbs a img { width:87px; height:70px; text-align:left; padding-top: 12px; }
.youtubeThumbs .title{ font-size:11px; width:96px; overflow:hidden; padding:0 0 0 5px; position:relative; top:-8px; }

#slideContainer{ float:left; width:580px; overflow:hidden; height:110px; position:relative;}
#slideLeft, #slideRight{ float:left; background-repeat:no-repeat; width:35px; height:92px; background-position:0px 1px;}
#slideLeft{ background-image:url("../img/youtubechallenge/btn_videoslider_arrow_left.jpg");}
#slideRight{ background-image:url("../img/youtubechallenge/btn_videoslider_arrow_right.jpg"); cursor:pointer; position:relative; left:-10px; z-index: 1000000;}
#slider{ position:absolute; left:-2px; top:-4px; height:114px; white-space:nowrap; width:1000000px; z-index:10000;}

#sort{ position:absolute; top:100px; left:0px; z-index:10000; }
#sort .text{ font-size:12px; font-weight:bold; }
#sort .text a{ font-weight:normal; text-decoration:none; padding-left:10px; }

/* YOUTUBE EXTENSION [END] */



/** Administrate **/
.badmin_menu {margin-bottom:10px;}
.badmin_menu a { background: #000; color: #FFF  !important; padding: 3px 6px; }
.badmin_menu a:hover { background: #666; color: #fff; }
.badmin_menu a.active { background: #666666; color: #fff; }

.administrate { font-size: 12px; }
.administrate p { padding: 0px !important; }
.administrate .items { margin: 10px 0px 0px 0px; border-bottom: 1px solid #666; padding-bottom: 10px; }
.administrate .items .item { margin: 6px 0px 3px 0px; }
.administrate .items .item a.approve{ color: green; }
.administrate .items .item a.reject{ color: red; }
.administrate h3 { margin-left: 0; font-size: 12px; }

.administrate_stats .items .item { margin: 10px 0px 10px 0px; border: 1px solid #999; height: 1%; font-size: 12px; }
.administrate_stats .items .item h3 { font-size: 12px; margin: 5px 5px 0 5px; background-color: #eee; padding: 2px; text-align: center; }
.administrate_stats .items .item h4 { font-size: 12px; margin: 0px 0px 5px 0px; font-weight: bold; }
.administrate_stats .items .item a { text-decoration: underline; }
.administrate_stats .items .item .subitem { float: left; width: 211px; height: 1%; margin: 5px 5px 5px 5px; display: inline; }
.administrate_stats .items .item ul { list-style: none; margin: 0; }
.administrate_stats .items .item li { padding-bottom: 5px; }

#col_middle_menu { margin: 0px; }
#col_middle_menu ul { list-style: none; float: left; margin: 0px; padding: 0px; }
#col_middle_menu ul li { float: left; }

#col_middle_menu ul li a { font-size: 11px; font-weight: bold; background: #282828; color: #FFFFFF; text-decoration: none; margin-right: 4px; display: block; padding: 4px 10px 3px 10px; }
#col_middle_menu ul li a:hover,
#col_middle_menu ul li.active a,
#col_middle_menu ul li.active a:hover { background: #388888; color: #fff; }
#col_middle_menu ul li.active a { }

.administrate_serverjobs .items { border-top: 1px dashed #ccc;}
.administrate_serverjobs .items .item { padding-bottom: 20px; border-bottom: 1px dashed #ccc; }
.administrate_serverjobs .items .item .previewImage { float:left; position: relative; top: 0px; left: 0px; margin-right: 20px; height: 120px; }
.administrate_serverjobs .items .item .previewImage img {border: 2px solid #282828; }

.administrate_users .search { margin: 10px 0px 0px 0px; }
.administrate_users .search .input { float: left; }
.administrate_users .results_count { margin: 0px 0px 10px 15px; }
.administrate_users .items { border-top: 1px dashed #ccc; }
.administrate_users .items .item { padding: 10px 0px; margin: 0px; border-bottom: 1px dashed #ccc; }
.administrate_users .items .item .name { width: 180px; padding-left: 10px; float: left; }
.administrate_users .items .item .name .hint { padding: 0px 2px; float: left; font-size: 9px; }
.administrate_users .items .item .name .hint_red { color: #FFF; background: #E00; }
.administrate_users .items .item .email { padding-left: 10px; float: left; }
.administrate_users .items .item .actions { padding-right: 5px; float: right; }
.administrate_users .items .item .actions a { padding: 3px 5px; background: #ccc; color: #333; }
.administrate_users .items .item .actions a:hover { background: #333; color: #ddd; }

.administrate.administrate_articles .items { }
.administrate.administrate_articles .items .flashy { background: #ffde00; padding: 2px; display: block; margin-left: 0px; font-size: 20px; }/*padding:5px; font-size:26px*/
/*.administrate.administrate_articles .items .item { border: 1px solid #c74250; padding: 10px; }*/
.administrate.administrate_articles .items .item { border-bottom: 1px dashed #c74250; margin-top:0px}
.administrate.administrate_articles .items .item h2 { margin: 0px; }
.administrate.administrate_articles .items .item.text { background: url(../img/administrate/btn_make-up-tipp.gif) top right no-repeat; }
.administrate.administrate_articles .items .item.photo { background: url(../img/administrate/btn_photo-tipp.gif) top right no-repeat;  }
.administrate.administrate_articles .items .item.video { background: url(../img/administrate/btn_video-tipp.gif) top right no-repeat;  }

.administrate.administrate_articles .items .item.text.new,
.administrate.administrate_articles .items .item.photo.new,
.administrate.administrate_articles .items .item.video.new { background-color: lightgreen; }

a {
  color: #5F9723;
}

#landingpage{
  font-family: arial;
  color:#000;
}

#landingpage .headline{
  font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
  font-size:26px;
  color:#0a3561;
  font-weight:bold;
}

#landingpage .error-message{
  padding: 5px;
  background-color: none;
  background:none;
  color:#ff0000;
}

/** WATERSPILL **/
.waterspill_iframe { overflow: hidden; display: block; border: 0px; }
#waterspill_flash { position: absolute; top: 0%; left: 0%; }

/** Facebook FBLIKE **/
#like {
  position: absolute;
  visibility:hidden;
  overflow:hidden;
  width:115px;
  top:0px;
  left:500px;
  z-index:10;
  height: 21px;
}