/* Lotteriegewinnspende basic style*/

body, div, h1, h2, h3, h4, h5, h6, pre, caption, table, tr, th, li, dl, dt, dd, span, em, strong, small, big, abbr, acronym, address, b, i, img, form,textarea, select,
 label, fieldset,legend, input {
  float:none;
  clear:none;
  text-align:left;
  font-family:Lucida,Arial, Verdana,arial,sans-serif; font-size:12px;
  color: #353131;
  }
body, div, h1, h2, h3, h4, h5, h6, p, pre, table, tr, td, th, li, ul, ol, dl, dt, dd, span, em, strong, small, big, abbr, acronym, address, b, i, img, form,fieldset,legend
  {
  border:0px none;
  border-spacing:0px;
  border-collapse:collapse;
}

html{ height:101%}
body
{
  top: 0%;
  background-color : #FFF;
  text-align: center;

}
a {text-decoration:none;outline:0;color: #006aaf;}
a:link, a:visited {color: #006aaf; font-weight: normal}
a:hover {text-decoration: underline; }

img {vertical-align:top; }
p {margin-bottom: 15px}

h1, h2 {font-family:Lucida,Trebuchet MS, Arial,Verdana,arial,sans-serif; font-size:18px; margin-bottom: 10px}

#wrapper { width:998px; margin: auto; margin-top:0px; text-align: left; }
#header {height: 75px; width: 650px; float: left; display: inline;}
#logo {margin: 19px 0 0 50px; }
#referrer {float: right;margin: 10px 0px 5px 80px; width:  200px; display: inline; }
#referrer span {font-family:Lucida,Arial,Verdana,arial,sans-serif; color: silver;}
#teaser {height: 250px}
#main_teaser, #btn_bestellen {float: left;}
#container {width:650px ; float: left; }
#container_inner {padding:50px 20px 50px 50px; float: left; }
#container a {font-weight: bold;; text-decoration: underline;}
#marginal {float: left; width:345px;}
#marginal_inner {padding:50px 20px; background-image: url("img/bg_marginal.png"); background-position: bottom; background-repeat: no-repeat;  }

#footer_nav {margin: 20px; }
#footer_nav li {float: left;  margin: 0 12px; display: inline;  }
#footer_nav li a {color: #000; font-family:Lucida, Arial,Verdana,arial,sans-serif; font-size:14px;}

#main_nav {height: 38px; display: block; padding-left: 28px; background-image:url('img/bg_main_nav.png'); background-repeat:no-repeat;background-position:left top;}
#main_nav li {float: left; height: 30px; margin: 0 8px; display: inline;  }

#main_nav li a{font-size: 14px; display: block;color:#FFF; margin: 4px 10px 0 ; font-weight: normal;  font-family:Lucida, Arial,Verdana,arial,sans-serif; font-size:14px;}
#main_nav li a:hover {color:#FFF;}
#main_nav li.active {background-image:url('img/bg_main_nav_active.png'); background-repeat:repeat-x;background-position:left top;}
#main_nav li.active a:hover {color:#FFF;}
#main_nav li.projekt_link {float: right ; width: 340px; margin-right: 0}


#container_inner ul,  #marginal_inner ul{list-style: square; margin: 0 0 30px 30px}

fieldset {border: none; padding:  0; margin-bottom: 30px}
fieldset legend {padding:  15px 0; font-size: 12px; margin-left: 10px; font-weight: bold;}

input, select {border: 1px solid gray; text-align: left; padding: 2px 5px}
select {padding-left: 0px}
.button {background-color: #B4C7D0; color: #FFF; padding: 3px 10px; margin-top:25px; width: auto; font-weight: bold; }
label {margin-top: 10px}
label span {float: left; width: 225px}
/* login  */
#loginform { margin: auto; width: 400px}

#loginform fieldset label { width: 170px; margin-right: 10px}

.los {width: 175px; height: 120px; margin-top: 30px; float: left; margin-right:15px; background-image: url("img/bg_los.png"); background-position: left top; background-repeat: no-repeat; text-align: center;}
.los h2 {display: inline; color: gray;}
.los span {color: #006aaf;font-family:Lucida,Arial,Verdana,arial,sans-serif; font-size:18px; font-weight: bold;}
.los span.big {font-size: 26px}
button.los {border: none;color: #006aaf;font-family:Lucida, Arial,Verdana,arial,sans-serif; font-size:18px; font-weight: bold; }
#deinlos {text-align: right;padding-right: 56px }
#extra_cost { text-decoration: underline; }
#deinlos span {}

.teaser-123 {height: 165px; padding:10px 0 0 140px;background-image: url("img/icon_123.png"); background-position: 0 0; background-repeat: no-repeat;}
.teaser-123 h2 {padding-top:10px}
#half_left, #half_right {width: 450px;  display: inline;}
#half_left {margin-right: 10px; float: left;}
#half_right	{margin-left: 10px; float: right;}


#half_left label span, #half_right label span {float: left; text-align: right; margin-right: 15px; width: 150px}
label select, label input.text_field  {float: left; width: 225px; }
label select {width: 232px}





.toggle_box {height:0px; overflow:hidden; width: 450px; background-color: #B4C7D0; }
#brands {overflow:hidden;}

#brands label, #modell label {float: left; width: 100px; display: inline; margin: 7px 5px 0 0}
#message_text .thickbox_inner{text-align: center; padding: 50px 20px}
#message_text h2 {display: inline; padding-left: 30px; background-position: left; background-repeat: no-repeat; height: 23px}
#message_text h2.okay {background-image: url("img/okay.gif");}
#message_text h2.not_okay {background-image: url("img/not_okay.gif");}


#TB_overlay {
  position: fixed;
  z-index:98;
  top: 0px;
  left: 0px;
  background-color:#000;
  filter:alpha(opacity=50);
  -moz-opacity: 0.50;
  opacity: 0.50;
  height:100%;
  width:100%;
  display:none;

}

.thickbox_container {
 position: fixed;
    z-index: 99;
    color:#000000;

    margin:0 75px;
    width:800px;
    display:none;
    background-color:#FFF;


    border: 1px solid #000;


    text-align:left;
    top:20px;

}

#preview {width: 760px; height: 300px; overflow: auto; border: 1px solid #BFC9D2}
#preview p, h3 {padding: 10px}
#preview ol {padding: 10px 30px}
#preview ol li{margin-bottom: 8px}
#preview span.highlight {background-color: lime;; text-decoration: underline;}
.thickbox_inner {padding: 20px}
.btn_close {position: absolute;right: 10px; top: 10px; }


#marginal_inner #supporter {list-style: none;}
#supporter li {margin-bottom: 30px}
#supporter li img {border: 1px solid #006AAF; float: left; margin-right: 10px;}
#supporter li h3 {float: left;}

#formulario label, #formulario input, #formulario textarea {
display:inline;
float:left;
}
#formulario label {
margin-left:70px;
width:150px;
margin-top:0;
}
#formulario input, #formulario textarea {
color:#000000;
padding:1px;
}
#formulario p {
clear:right;
padding-bottom:5px;
}