/*
    Document   : global
    Created on : 01.04.2009, 17:32:31
    Author     : tobiasgassmann
    Description:
        Purpose of the stylesheet follows.
*/

/*
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

.freely_created
{
  padding-left:5px;
  padding-right:5px;
  padding-top:5px;
  width:311px;
  height:44px;
}

.submit_new_design
{
  padding-left:5px;
  padding-right:5px;
  padding-top:15px;
}

.configured
{
  padding-left:5px;
  padding-right:5px;
  padding-top:5px;
  width:310px;
  height:44px;
}

.submit_your_own
{
  position:relative;
  right:0;
  bottom:0;
  padding-right:5px;
  padding-top:5px;
  padding-bottom:5px;
  width:332px;
  height:73px;
}

hr.simple
{
 border:none;
 width:80%;
 color: #999;
 background-color: #999;
 height: 1px;
}

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

hr.simple_white
{
 border:none;
 width:95%;
 color: #FFF;
 background-color: #FFF;
 height: 1px;
 text-align:center;
}

hr.simple_black
{
 border:none;
 width:95%;
 color: #000000;
 background-color: #000000;
 height: 1px;
 margin-top:20px;
 margin-bottom:20px;
 text-align:center;
}

hr.simple_black_small
{
 border:none;
 width:95%;
 color: #000000;
 background-color: #000000;
 height: 1px;
 text-align:center;
}

.rating_bar {
  width: 80px;
  background: url("../images/layout/star_off_75_spar.gif") 0 0 repeat-x;
}

.rating_bar div {
  height: 18px;
  background: url("../images/layout/star_on_75_spar.gif") 0 0 repeat-x;
}

.footer_bg {
   background: url("../images/layout/footer-bg.jpg") 0 0 repeat-x;
}



/* 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:105px;
	height:20px;
	margin:0 0 20px 0;
	padding:0;
	list-style:none;
	clear:both;
	position:relative;
	background: url(../images/layout/stars_spar_scaled.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 -20px}
.twostar {background-position:0 -40px}
.threestar {background-position:0 -60px}
.fourstar {background-position:0 -80px}
.fivestar {background-position:0 -100px}

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:21px;
	height:20px;
	text-decoration:none;
	z-index: 200;
}
ul.rating li.one a {left:0}
ul.rating li.two a {left:21px;}
ul.rating li.three a {left:42px;}
ul.rating li.four a {left:63px;}
ul.rating li.five a {left:84px;}
ul.rating li a:hover {
	z-index:2;
	width:105px;
	height:20px;
	overflow:hidden;
	left:0;
	background: url(../images/layout/stars_spar_scaled.gif) no-repeat 0 0
}
ul.rating li.one a:hover {background-position:0 -120px;}
ul.rating li.two a:hover {background-position:0 -140px;}
ul.rating li.three a:hover {background-position:0 -160px}
ul.rating li.four a:hover {background-position:0 -180px}
ul.rating li.five a:hover {background-position:0 -200px}
/* end rating code */




#topmenu
{
  background:url("../images/layout/menu_button_middle.jpg") repeat-x left top;
  width:100%;
  font-size:22px;
  line-height:22px;
  font-family:impact;
   font-style:normal;
      border:0px dotted green;
   overflow:hidden;
   border-top:1px solid #888888;
   border-bottom:1px solid #888888;

}
    #topmenu ul {
   margin:0;
   padding:0px 0px 0px 0px;
   list-style:none;
      }
    #topmenu li {
      display:inline;
      margin:0;
      padding:0;
      }
    #topmenu a {
      float:left;
      background:url("../images/layout/menu_button_middle.jpg") repeat-x left top;
      margin:0px 23px;
      padding:0px;
      text-decoration:none;
      border:0px solid #555555;
      }
    #topmenu a span {
      float:left;
      display:block;
      padding:10px 24px 9px 23px;
   margin:0px 0px 0px 0px;
      color:#016131;
      }

    #topmenu .menu_with_linebreak {
      padding-top:3px;
      padding-bottom:2px;
      line-height:16px;
      }




    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #topmenu a span {float:none;}
    /* End IE5-Mac hack */

    #topmenu a:hover, #topmenu a.active {
      background: #B30101 repeat-x left top;
      }
    #topmenu a:hover span, #topmenu a.active span {
      color:white;
      }


   button.submit_button
    {
        /*background:url("../images/layout/submit_button.jpg") repeat-x left top;*/
        background:#90a431;
        /*color:black;*/
        border:1px solid black;
        text-align:center;
        text-decoration:none;
        font-family:tahoma,arial;
        font-size:12px;
        color:#333;
        padding: 1px 10px 1px 10px;
    }

    button.submit_button:hover
    {
        /*background:url("../images/layout/submit_button_hover.jpg") repeat-x left top;*/

        /*border:1px solid black;*/
        /*cursor:pointer;*/
        background:#c9d49a;
        border:1px solid #ffcccc;
        cursor:pointer;
    }

    span.submit_button
    {
        display:block;
    }



#start_page_jury
{
    position:absolute;
    top:0px;
    left:-5px;
    width:260px;
    height:135px;
    border:0px solid red;
}

#start_page_latest
{
    background-image:url('../images/startpage/start_latest.jpg');
    position:absolute;
    top:140px;
    left:-5px;
    width:260px;
    height:305px;
    border:0px solid red;
}

#start_page_main
{
    position:absolute;
    top:0px;
    right:0px;
    width:620px;
    height:345px;
    border:0px solid red;
}

#start_page_timeline
{
    background-image:url('../images/startpage/start_timeline.jpg');
    position:absolute;
    top:357px;
    right:0px;
    width:620px;
    height:85px;
    border:0px solid red;
}


a.a_to_button
{
        background:url("../images/layout/submit_button.jpg") repeat-x left top;
        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:#333;
}

a.a_to_button:hover
{
        background:url("../images/layout/submit_button_hover.jpg") repeat-x left top;
        border:1px solid #white;
        cursor:pointer;
}
span.a_to_hover
{
    display:block;
}

a.a_to_button_mini
{
        background:url("../images/layout/submit_button.jpg") repeat-x left top;
        padding-top:2px;
        padding-bottom:2px;
        padding-left:10px;
        padding-right:10px;

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

        font-family:tahoma,arial;
        font-size:10px;
        color:#333;
}

a.a_to_button_mini:hover
{
        /*background:url("../images/layout/submit_button_hover.jpg") repeat-x left top;*/
        background:orange;
        border:1px solid #ffcccc;
        cursor:pointer;
}

a.logout_button
{
        background:url("../images/layout/submit_button.jpg") repeat-x left top;
        padding-top:3px;
        padding-bottom:2px;
        padding-left:15px;
        padding-right:16px;
        color:black;

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

}

a.logout_button:hover
{
        background:url("../images/layout/submit_button_hover.jpg") repeat-x left top;
        border:0px solid black;
        cursor:pointer;
}

span.logout_button
{
    display:block;
}


.normal_link
{
    color:#016131;
    text-decoration:underline;
    font-size:10px;
    font-family:sans-serif;
}

.white_text
{
    color:white;
    font-family:sans-serif;
    font-size:12px;
}

.green_text
{
    color:#016131;
    font-family:sans-serif;
    font-size:12px;
}

.black_text
{
    color:#333;
    font-family:sans-serif;
    font-size:12px;
}

.big_white_text
{
    color:white;
    font-family:sans-serif;
    font-size:15px;
}

.idea_title_text
{
      font-size:13px;
      line-height:20px;
      font-weight:700;
      font-family:sans-serif;
      letter-spacing: 0.7px;
}

.idea_title_text_ver2
{
      font-size:13px;
      line-height:13px;
      font-weight:700;
      font-family:Trebuchet MS, sans-serif;
      letter-spacing: 0.7px;
      color: #016131;
}

.idea_owner_ver2
{
      font-family:Trebuchet MS, sans-serif;
      letter-spacing: 0.5px;
      font-size:12px;
      font-weight:700;
      color:#333;
}

.small_orange_text
{
      font-family:Trebuchet MS, sans-serif;
      letter-spacing: 0.4px;
      font-size:11px;
      font-weight:100;
      color:rgb(198,143,42);
}

.small_white_text
{
      font-family:Trebuchet MS, sans-serif;
      letter-spacing: 0.4px;
      font-size:11px;
      font-weight:100;
      color:white;
}

.small_white_text a
{
      text-decoration:none;

}

.small_green_text
{
      font-family:Trebuchet MS, sans-serif;
      letter-spacing: 0.4px;
      font-size:11px;
      font-weight:100;
      color:#016131;
}

.small_green_text a
{
      text-decoration:none;

}

.small_black_text
{
      font-family:Trebuchet MS, sans-serif;
      letter-spacing: 0.4px;
      font-size:11px;
      font-weight:100;
      color:#333;
}

.small_black_text a
{
      text-decoration:none;

}

.same_width_mempro
{
    width:110px;
}

.idea_submitted_ver2
{
      font-family:Trebuchet MS, sans-serif;
      letter-spacing: 0.5px;
      font-size:10px;
      font-weight:100;
      color:#333;
}

.latest_members_username
{
      font-family:Trebuchet MS, sans-serif;
      letter-spacing: 0.5px;
      font-size:10px;
      font-weight:700;
      color:#333;
}

.latest_ideas_more_link
{
      font-family:Trebuchet MS, sans-serif;
      letter-spacing: 0.5px;
      font-size:10px;
      font-weight:700;
      color:#990002;
      text-decoration:none;
}

.login_input_text
{
    width:113px;
    height:14px;
    font-size:10px;
    border:0px;
    background:url(../images/layout/inputLogin.gif) no-repeat;
}

.register_link
{
    font-size:10px;
    border:0px;
}

.headline_field
{
    position:relative;
    border-top:7px solid #709224;
    background-color:#cdded1;
    margin-bottom:0px;
    border-bottom:10px solid white;
    padding-top:10px;
    padding-bottom:10px;
    padding-left:20px;
    padding-right:20px;
    text-align:left;
    font-family:sans-serif;
    font-size:13px;
    line-height:18px;
	color:#016131;
}

.headline_big_text
{
    /* background-image:url("../images/layout/headline_field.jpg"); */
    background-color:#cdded1;
    margin-bottom:0px;
    padding-top:10px;
    padding-bottom:10px;
    padding-left:10px;
    padding-right:10px;
    text-align:left;
    font-family:sans-serif;
    font-size:16px;
    line-height:18px;
	color:#016131;
    font-weight:700;
}

.headline_small_text
{
    position:relative;
    border:0px solid white;
    /* background-image:url("../images/layout/headline_field.jpg"); */
    background-color:#cdded1;
    margin-bottom:0px;
    padding-top:10px;
    padding-bottom:10px;
    padding-left:10px;
    padding-right:10px;
    text-align:left;
    font-family:sans-serif;
    font-size:13px;
    line-height:18px;
	color:#016131;
}

.divider_content_class {
    height:7px;
    background-color:#FFFFFF;
    border-bottom: 7px solid #016131;
}

.divider_content_class_no_border {
    height:0px;
    background-color:#FFFFFF;
}

.see_all
{
    position:relative;
    border:0px solid red;
    width:100px;
    height:20px;
    float:right;
    text-align:right;
    color:#016131;
    font-family:sans-serif;
    font-size:10px;
}

.main_div_intro
{
    position:relative;
    border:0px solid white;
    height:0px;
    background-image:url("../images/layout/field_full_top.jpg");
}

.main_div_outro
{
    position:relative;
    border:0px solid white;
    height:0px;
    background-image:url("../images/layout/field_full_bottom.jpg");

}

.main_div
{
    position:relative;
    background:#cdded1;
    margin-left:0px;
    margin-right:0px;
    padding:5px;
}

.main_div_inner
{
    position:relative;
    background:#FFFFFF url("../images/layout/field_full_bg_spar.jpg") repeat-x;
    margin-left:0px;
    margin-right:0px;
    padding:5px;
}

.small_main_div_intro
{
    position:relative;
    border:0px solid white;
    height:12px;
    background-image:url("../images/layout/field_small_top.gif");
    width:349px;
}

.small_main_div_outro
{
    position:relative;
    border:0px solid white;
    height:14px;
    background-image:url("../images/layout/field_small_bottom.gif");
    width:349px;

}

.small_main_div
{
    background:#FFFFFF url("../images/layout/field_full_bg_spar.jpg") repeat-x;
    margin-left:0px;
    margin-right:0px;
    padding:0px;
}


.large_main_div_intro
{
    position:relative;
    border:0px solid white;
    height:12px;
    background-image:url("../images/layout/field_large_top.gif");
    width:525px;
}

.large_main_div_outro
{
    position:relative;
    border:0px solid white;
    height:14px;
    background-image:url("../images/layout/field_large_bottom.gif");
    width:525px;

}

.large_main_div
{
    background:#FFFFFF url("../images/layout/field_full_bg_spar.jpg") repeat-x;
    margin-left:0px;
    margin-right:0px;
    padding:0px;
}

.member_profile_pic
{
    width:311px;
    height:44px;
    border:none;
    margin: 5px 0px 20px 0px;
}

.idea_details_pic
{
    width:310px;
    height:44px;
    border:none;
    margin: 5px 0px 20px 0px;
}

.sub_header_box
{
    border:1px solid #999999;
    background-color:#333333;
    width:200px;
    height:40px;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    padding:4px;

}

.sub_header_first_line
{
      font-family:Trebuchet MS, sans-serif;
      letter-spacing: 1.6px;
      font-size:13px;
      line-height:18px;
      margin-bottom:3px;
      font-weight:700;
      color:rgb(198,143,42);
}

.sub_header_second_line
{
      font-family:Trebuchet MS, sans-serif;
      letter-spacing: 0.5px;
      font-size:12px;
      font-weight:100;
      color:white;

}



.sub_header_single_line
{
      font-family:Trebuchet MS, sans-serif;
      letter-spacing: 1.6px;
      font-size:13px;
      line-height:18px;
      margin-top:10px;
      font-weight:700;
      color:#333;

}


.profile_name
{
      font-family:Trebuchet MS, sans-serif;
      letter-spacing: 0.5px;
      font-size:13px;
      font-weight:700;
      color:#016131;
}

.enter_idea_intro
{
    position:relative;
    border:0px solid white;
    height:5px;
    background-image:url("../images/layout/field_full_top.jpg");
}

.enter_idea_outro
{
    position:relative;
    border:0px solid white;
    height:15px;
    background-image:url("../images/layout/field_full_bottom.jpg");
}

.enter_idea
{
    position:relative;
    background:url("../images/layout/field_full_bg.jpg") repeat-y;
    margin-left:0px;
    margin-right:0px;
}

.enter_idea_right_col
{
    color:black;
    font-family:sans-serif;
    font-size:13px;
    line-height:18px;
    text-align:left;
}

.green_tabs
{
    position:relative;
    background:url("../images/layout/field_full_bg_spar.jpg") repeat-y;
    margin-left:0px;
    margin-right:0px;
}

.idea_input_box
{
    background-color:#999999;
    border:0px solid white;
    margin-left:0px;
    margin-right:0px;
    position:relative;
    color:white;
    font-family:sans-serif;
    font-size:13px;
    line-height:18px;
    padding:10px;

}

.idea_input_partial
{
    position:relative;
    padding:5px;
    background-color:red;
    margin-right:0px;
    margin-left:0px;
    text-align:left;
    color:white;
    font-family:sans-serif;
    font-size:13px;
    line-height:18px;
    z-index:2;

}

.regular_input
{
    background-color:rgb(204,204,204);
    border:1px solid white;
    font-size:12px;
    line-height:18px;
    height:18px;
    width:250px;
}

.smaller_regular_input
{
    background-color:rgb(204,204,204);
    border:1px solid white;
    font-size:12px;
    line-height:18px;
    height:18px;
    width:200px;
}

.smaller_regular_select
{
    background-color:rgb(204,204,204);
    border:1px solid white;
    font-size:12px;
    line-height:18px;
    height:22px;
    width:200px;
}

.very_small_regular_input
{
    background-color:rgb(204,204,204);
    border:1px solid white;
    font-size:12px;
    line-height:18px;
    height:18px;
    width:100px;
}


.wider_regular_input
{
    background-color:rgb(204,204,204);
    border:1px solid white;
    font-size:12px;
    line-height:18px;
    height:18px;
    width:300px;
}

.small_headers
{
    color:#016131;
    font-size:12px;
    line-height:18px;
    font-family:Trebuchet MS, sans-serif;
    letter-spacing: 2px;

}

.file_browser
{
    font-size:9px;
    line-height:10px;
    background-color:red;
    display:block;
}


.small_standard_font
{
        font-size:12px;
        line-height:17px;
        font-weight:100;
        font-family:Trebuchet MS, sans-serif;
        letter-spacing: 0.8px;
        color:#333;
}

.very_small_white_font
{
        font-size:9px;
        line-height:13px;
        font-weight:100;
        font-family:Trebuchet MS, sans-serif;
        letter-spacing: 0.2px;
        color:white;

}

span.very_small_white_font:hover
{
    text-decoration:underline;
    cursor:pointer;
}


.small_narrow_font
{
        font-size:11px;
        line-height:16px;
        font-weight:100;
        font-family:Trebuchet MS, sans-serif;
        letter-spacing: 0.2px;
        color:#333;
}

.very_small_narrow_font
{
        font-size:10px;
        line-height:16px;
        font-weight:100;
        font-family:Trebuchet MS, sans-serif;
        letter-spacing: 0.0px;
        color:#333;
}

span.very_small_narrow_font:hover
{
    text-decoration:underline;
    cursor:pointer;
}

.smallest_narrow_font
{
        font-size:9px;
        line-height:16px;
        font-weight:100;
        font-family:Trebuchet MS, sans-serif;
        letter-spacing: -0.5px;
}


.login_button
{
    background-image:url('../images/layout/submit.jpg');
    border:0px;
    height:16px;
    width:16px;
    padding:0px;
    margin:0px;
    cursor:pointer;

}

root {
    display: block;
}

html,
body
{
    padding:0px;
    margin:0px;
    background: #F6FAFD url(../images/sBgSky.jpg) repeat-x;
    color:#F6FAFD;
    text-align:center;
	height:100%;
}

#seite
{
	min-height:100%;
	margin: 0 50px;
	position:relative;
	width:890px;
	margin-left:auto;
	margin-right:auto;
	border:0px solid red;
}


#hauptteil
{
	padding-top:12px;
	padding-bottom:50px;
}

#fuss
{
	margin-top:-20px;
	margin-left:auto;
	margin-right:auto;
	width:890px;
	height:50px;

}





#content-wrapper
{
	min-height:100%;
	margin: 0 50px;
	position:relative;
}



.width_2_columns
{
	width:200px;
	margin:5px;
}

div.spacer
{
	overflow:hidden;
	position:relative;
	width:200px;
	height:1px;
}

:root{
	overflow-y:scroll;
}

div.juryPerson
{
	font-family:tahoma,verdana,arial;
	font-size:10pt;
	/*width:390px;*/
}
div.juryPerson h1
{
	font-family:tahoma,verdana,arial;
	margin-bottom:14px;
	color:#b30101;
	font-size:14pt;
	font-weight:normal;
	margin:0px;
	margin-bottom:10px;
}
div.juryPerson h2
{
	font-size:10pt;
	color:black;
	font-weight:normal;
	margin:0px;
}
div.juryPerson h3
{
	font-size:10pt;
	color:black;
	font-weight:normal;
	margin-top:0px;
    margin-bottom:0px;
}
div.juryPerson em
{
	font-size:10pt;
	color:#555555;
}
div.juryPerson p
{
	font-size:10pt;
	color:black;
}
div.juryPerson p.footer
{
	margin-top:10px;
	font-size:8pt;
	color:black;
}

div.juryPerson li {
    color:black;
}

div.juryPerson ul {
    color:black;
}

img.juryPerson
{
	border:1px solid #ccc;
}


table.listing {}
table.listing tr td
{
	vertical-align:top;
}

a.white
{
	color:#e0e0e0;
	text-decoration:underline;
}
a.white:hover
{
	text-decoration:none;
}

a.green
{
	color:#016131;
	text-decoration:underline;
}
a.green:hover
{
	text-decoration:none;
}


div.termsScroll {}

div.termsScroll h1
{
	font-family:tahoma,verdana,arial;
	margin-bottom:14px;
	color:#b30101;
	font-size:14pt;
	font-weight:normal;
	margin:0px;
	margin-bottom:10px;
}
div.termsScroll h2
{
	font-family:tahoma,verdana,arial;
	font-size:10pt;
	color:#016131;
	font-weight:bold;
	margin:0px;
}
div.termsScroll p, div.termsScroll ul li
{
	font-family:tahoma,verdana,arial;
	font-size:10pt;
	margin-left:20px;
	margin-top:0px;
	color:#000000;
}








.grey_text
{
    color:#7e7e7e;
    font-family:sans-serif;
    font-size:10px;
    text-decoration:none;
}

.grey_text a {
    color:#7e7e7e;
    text-decoration:none;
}

.orange_text
{
    color:#F16422;
    font-family:sans-serif;
    font-size:10px;
    text-decoration:none;
}

.orange_text a {
    color:#F16422;
    text-decoration:none;
}







div.impScroll
{
 font-family:tahoma,verdana,arial;
 font-size:10pt;
 margin-left:20px;
 margin-top:0px;
 color: #000000;
}
div.impScroll h1
{
	font-family:tahoma,verdana,arial;
	margin-bottom:14px;
	color:#b30101;
	font-size:14pt;
	font-weight:normal;
	margin:0px;
	margin-bottom:10px;
}
div.impScroll h2
{
	font-family:tahoma,verdana,arial;
	font-size:10pt;
	color:#016131;
	font-weight:bold;
	margin:0px;
}

div.impScroll a
{
 font-family:tahoma,verdana,arial;
 font-size:10pt;
 color:white;
 margin-top:0px;
 text-decoration:underline;
}

div.impScroll p, div.impScroll ul li
{
	font-family:tahoma,verdana,arial;
	font-size:10pt;
	margin-left:20px;
	margin-top:0px;
	color:#000000;
}

.bag_pic_plastic {
    margin-left:10px;
    margin-right:10px;
    border:0px solid red;
    background-image:url('../images/layout/thumb_plasticbag.jpg');
    height:82px;
    width:81px;
}

.bag_pic_longlife {
    margin-left:10px;
    margin-right:10px;
    border:0px solid red;
    background-image:url('../images/layout/thumb_longlifebag.jpg');
    height:82px;
    width:81px;
}