/*****************/
/* HTML Elemente */
/*****************/

body
 { font-size: 12pt; font-family: arial, helvetica, sans-serif; background-color: #ffc; margin: 0; padding: 0 }

li.singleline
{
 display: inline;
}

ul.pfote
{
 margin: 0;
 padding: 0 0 15px 0;
 list-style: none;
}

li.pfote
{
 margin: 0;
 padding: 0px 0px 0px 15px;
 background-image: url(../common/pfote_weiss.jpg);
 background-position: left;
 background-repeat: no-repeat;
 font-family: arial, helvetica, sans-serif;
 font-size: 12pt;
 text-decoration: none;
}

h1
{
 font-family: arial, helvetica, sans-serif;
 font-size: 14pt;
 font-weight: 800;
 text-decoration: none;
}

h2
{
 color: #ffffff;
 background-color: #7A7EFF; 
 font-family: arial, helvetica, sans-serif;
 font-size: 12pt;
 font-weight: 800;
 padding: 2px;
}

p
{
 font-family: arial, helvetica, sans-serif;
 font-size: 12pt;
 text-decoration: none;
 text-align: justify;
 padding: 0px 15px 0px 0px;
}

th
{
 height: 1em;
 text-align: left;
}

th.th
{
 height: 1em;
 text-align: left;
 background: #7A7EFF;
}

td
{
 vertical-align: top;
}

td.td
{
 vertical-align: top;
 background: #C4C6FF;
}

a,
a:visited,
a:active
{
 text-decoration: underline;
 color: #000000;
}

a:hover
{
 text-decoration: underline;
 color: #BF3B3B;
}

/********************/
/* Globale Elemente */
/********************/

.small
{
 display: inline;
 font-size: 70%;
}

#site_container
{
 width: 900px;
 text-align: left;
 border-top: 0px;
 border-left: 1px;
 border-right: 1px;
 border-bottom: 0px;
 border-style: solid;
 border-color: #7A7EFF;
}

#head
{
 height: 150px;
 border-top: 0px;
 border-left: 0px;
 border-right: 0px;
 border-bottom: 1px;
 border-style: solid;
 border-color: #7A7EFF;
}

#menu
{
 float: left;
 width: 170px;
}

ul.menu
{
 padding: 5px;
 margin: 0;
 border-left: 1px;
 border-right: 1px;
 border-bottom: 1px;
 border-top: 0px;
 border-style: solid;
 border-color: #7A7EFF;
}

#main_menu,
#member_login
{
 padding: 0;
 list-style: none;
 margin: 5px;
}

.sub_menu
{
 padding: 0px 0px 5px 15px;
 margin: 0;
 list-style: none;
}

#prod_submenu
{
 
}

.menu_title
{
 display: block;
 width: 160px;
 height: 20px; 
 color: #ffffff;
 background-color: #7A7EFF; 
 background-image: url(../common/menu_head.jpg);
 background-position: left;
 background-repeat: no-repeat;
 margin: 0;
 font-family: arial, helvetica, sans-serif;
 font-size: 8pt;
 font-weight: 800;
 text-align: center;
}

a.main_menu_item,
a.main_menu_item:visited
{
 padding: 1px 1px 1px 17px;
 display: block;
 font-family: arial, helvetica, sans-serif;
 color: #7A7EFF;
 font-size: 10pt;
 font-weight: 800;
 text-decoration: none;
 border: 1px;
 border-style: solid;
 border-color: #7A7EFF;
 margin: 0px 0px 5px 0px;
}

a.main_menu_item:hover,
a.main_menu_item_selected,
a.main_menu_item_selected:hover,
a.main_menu_item_selected:visited
{
 padding: 1px 1px 1px 17px;
 display: block;
 font-family: arial, helvetica, sans-serif;
 color: #0108DE;
 background-color: #F9ED8B;
 background-image: url(../common/pfote_gelb.jpg);
 background-position: left;
 background-repeat: no-repeat;
 font-size: 10pt;
 font-weight: 800;
 text-decoration: none;
 border: 1px;
 border-style: solid;
 border-color: #7A7EFF;
 margin: 0px 0px 5px 0px;
}

a.sub_menu_item,
a.sub_menu_item:visited
{
 padding: 1px 1px 1px 17px;
 display: block;
 font-family: arial, helvetica, sans-serif;
 color: #7A7EFF;
 font-size: 10pt;
 font-weight: 800;
 text-decoration: none;
 border: 1px;
 border-style: solid;
 border-color: #7A7EFF;
 margin: 0px 0px 5px 0px;
}

a.sub_menu_item:hover,
a.sub_menu_item_selected,
a.sub_menu_item_selected:hover,
a.sub_menu_item_selected:visited
{
 padding: 1px 1px 1px 17px;
 display: block;
 font-family: arial, helvetica, sans-serif;
 color: #0108DE;
 background-color: #F9ED8B;
 background-image: url(../common/pfote_gelb.jpg);
 background-position: left;
 background-repeat: no-repeat;
 font-size: 10pt;
 font-weight: 800;
 text-decoration: none;
 border: 1px;
 border-style: solid;
 border-color: #7A7EFF;
 margin: 0px 0px 5px 0px;
}

.input_label
{
 display: block;
 font-family: arial, helvetica, sans-serif;
 color: #ffffff;
 background-color: #7A7EFF;
 font-size: 8pt;
 font-weight: 800;
 text-decoration: none;
 border-top: 0px;
 border-left: 0px;
 border-right: 0px;
 border-bottom: 0px;
 border-style: solid;
 border-color: #7A7EFF;
 padding: 0px 0px 0px 15px;
 margin: 0px 0px 0px 0px;
}

.input_text
{
 position: relative;
 top: -1px;
 width: 100%;
 display: block;
 margin: 0px 0px 5px 0px;
 padding: 0px 5px 0px 5px;
 border: 1px;
 border-style: solid;
 border-color: #7A7EFF;
}

.input_button
{
 width: 100%;
}

#content
{
 margin: 0px 0px 0px 180px;
}

#footer
{
 clear: both;
 text-align: right;
 border-top: 1px;
 border-left: 0px;
 border-right: 0px;
 border-bottom: 1px;
 border-style: solid;
 background-image: url(../common/wolken.jpg);
 border-color: #7A7EFF;
 font-family: arial, helvetica, sans-serif;
 font-size: 8pt;
 font-weight: 800;
 text-decoration: none;
 padding: 0px 15px 0px 0px;
 margin: 0;
}

a.netzbetreuer,
a.netzbetreuer:visited,
a.netzbetreuer:active
{
 color: #000000;
 text-decoration: none;
}

a.netzbetreuer:hover
{
 color: #BF3B3B;
 text-decoration: underline;
}

.win
{
 margin: 5px;
}

.win_full
{
 width: 100%;
 margin: 5px;
}
.win_left
{
 float: left;
 margin: 5px;
}

.win_right
{
 float: right;
 margin: 5px;
}

.win_container
{
 padding: 5px;
 border: 1px solid #7A7EFF;
 text-align: center;
}

.win_header,
.win_footer
{
 display: block;
 height: 1.4em; 
 color: #ffffff;
 background-color: #7A7EFF; 
 font-family: arial, helvetica, sans-serif;
 font-size: 10pt;
 font-weight: 800;
 text-align: center;
}

a.win_footer_link,
a.win_footer_link:visited,
a.win_footer_link:active
{
 color: #ffffff;
}

a.win_footer_link:hover
{
 color: #2F2F2F;
}

.label
{
 font-family: arial, helvetica, sans-serif;
 font-size: 10pt;
 font-weight: 800;
}

.title
{
 font-family: arial, helvetica, sans-serif;
 font-size: 14pt;
 font-weight: 800;
}

.value
{
 text-align: justify;
}

.new
{
 font-size: 80%;
 vertical-align: middle;
 color: #282EFC;
 padding: 0 0 0 27px;
 background-image: url(../img/new.jpg);
 background-repeat: no-repeat;
 background-position: left;
 height: 25px;
}

.offer
{
 font-size: 80%;
 vertical-align: middle;
 color: #E2171A;
 padding: 0 0 0 27px;
 background-image: url(../img/offer.jpg);
 background-repeat: no-repeat;
 background-position: left;
 height: 25px;
}

/*************/
/* Formulare */
/*************/

form
{
 padding: 0;
 margin: 0;
}

p.error
{
 padding: 5px;
 margin: 15px;
 background-color: #FF5F5F; 
 color: #ffffff;
 font-family: arial, helvetica, sans-serif;
 font-size: 10pt;
 font-weight: 800;
}

p.message
{
 padding: 5px;
 margin: 15px;
 background-color: #37BF2F; 
 color: #ffffff;
 font-family: arial, helvetica, sans-serif;
 font-size: 10pt;
 font-weight: 800;
}

td.form_spacer_row
{
 height: 2px;
}

td.form_label
{
 width: 12em;
 color: #ffffff;
 background-color: #7A7EFF; 
 font-family: arial, helvetica, sans-serif;
 font-size: 10pt;
 font-weight: 800;
 padding: 2px;
 margin: 0;
}

td.form_hint
{
 color: #ffffff;
 background-color: #7A7EFF; 
 font-family: arial, helvetica, sans-serif;
 font-size: 10pt;
 font-weight: 800;
 padding: 2px;
 margin: 0;
}

td.form_label_special
{
 width: 12em;
 color: #000000;
 background-color: #F9ED8B; 
 font-family: arial, helvetica, sans-serif;
 font-size: 10pt;
 font-weight: 800;
 padding: 2px;
 margin: 0;
}

td.form_hint_special
{
 color: #000000;
 background-color: #F9ED8B; 
 font-family: arial, helvetica, sans-serif;
 font-size: 10pt;
 font-weight: 800;
 padding: 2px;
 margin: 0;
}


td.form_input
{
 border: 1px;
 border-style: solid;
 border-color: #7A7EFF;
 margin: 0 5px 0 0;
 padding: 0 5px 0 0;
}

input.form_input,
textarea.form_input
{
 border: 0;
 margin: 0;
 padding: 0px 0px 0px 5px;
}

input.button
{
 display: inline;
 padding: 0;
 margin: 0;
}