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

body {
background:url(images/bg_global.gif) repeat-x #3a3a3a;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
margin:0;
padding:0;
line-height:1.6em;
}

a {
color:#e7970b;
}

a:hover {
text-decoration:none;
}

a img {
border:none;
}

#wrapper {
width:940px;
margin:0 auto;
}

/*Header*/

#header {
height:75px;
padding:10px 0 0 0;
margin:0 0 0 0;
}

#header h1 {
background:url(images/logo.jpg) no-repeat;
width:500px;
height:66px;
margin:0;
padding:0;
float:left;
}

#header h1 span {
display:none;
}

#message_box {
background:url(images/bg_message.gif) no-repeat;
float:right;
width:210px;
height:42px;
margin:10px 0 0 0;
padding:5px;
color:#FFFFFF;
line-height:20px;
}

#message_box img {
float:left;
padding:2px 10px 0 5px;
}

#language {
float:right;
width:150px;
}

#language img {
padding:25px 0 0 0;
float:left;
}

/*Main*/
#main {
background:url(images/bg_main.jpg) no-repeat -4px 0;
float:left;
margin:0 0 10px 0;
padding:10px 0 0 0;
width:940px;
}

/*Left*/
#left {
width:700px;
float:left;
}

.left_box {
background:url(images/bg_box_left_top.gif) left top no-repeat;
padding:5px 0 0 0;
float:left;
}

.left_box_content {
background:url(images/bg_box_left_bottom.gif) left bottom no-repeat #ffffff;
padding:10px;
width:680px;
float:left;
margin:0 0 10px 0;
}

.content_box {
padding:10px;
}

#left h1 {
background:url(images/bg_h1.gif) repeat-x left bottom;
margin:0 -10px 0 -10px;
padding:0 10px 0 10px;
height:49px;
border-bottom:1px solid #d1d1d1;
font-size:24px;
line-height:40px;
}

/*Boxen Auswahl*/

#allgemeine_fragen {
border-right:1px solid #c7c7c7;
font-size:15px;
float:left;
width:319px;
margin:0 10px 0 0;
}


#rettungsring {
text-align: center;
font-size:15px;
float:center;
width:638px;
margin:0 10px 0 0;
}

#support {
font-size:15px;
}

h2 {
color:#dd9700;
padding:0;
margin:5px 0 5px 0;
font-size:26px;
font-weight:bold;
}

.support_img {
width:141px;
height:141px;
margin:0 auto;
display:block;
}

/*Right*/

#right {
float:right;
width:220px;
}

.sub_box {
width:220px;
margin:0 0 10px 0;
}

.sub_top {
background:url(images/bg_box_right_top.png) no-repeat;
height:34px;
color:#ffffff;
padding:5px 0 0 10px;
}

.sub_content {
background:url(images/bg_box_right_bottom.gif) no-repeat left bottom #ffffff;
padding:10px;
overflow:auto;
}

.sub_box h3 {
margin:0;
padding:0;
text-transform:uppercase;
line-height:34px;
font-size:17px;
}

.sub_top img {
float:left;
margin:0 4px 0 0;
}

/*Footer*/

#footer {
background:#303030;
width:100%;
clear:both;
border-top:1px solid #4f4f4f;
padding:10px 0 10px 0;
text-align:center;
color:#686868;
font-size:11px;
}

#footer a {
color:#686868;
text-decoration:none;
}

/*Login*/

input#send {
background:url(images/buttons/button_white.jpg) no-repeat;
width:103px;
height:31px;
border:none;
font-weight:bold;
text-align:center;
text-transform:uppercase;
color:#666666;
cursor:pointer;
float:left;
margin:0 5px 0 0;
}

input {
margin:0 0 5px 0;
color:#666666;
}

input#e_mail {
background:url(images/form/bg_mail.gif) no-repeat;
border:none;
width:170px;
height:32px;
padding:0 0 0 30px;
line-height:28px;
}

input#code {
background:url(images/form/bg_code.gif) no-repeat;
border:none;
width:170px;
height:32px;
padding:0 0 0 30px;
line-height:28px;
}

a.no_password {
padding:5px 0 0 0;
display:block;
clear:both;
}

/*Logged In*/

ul#user_data {
list-style:none;
margin:0;
padding:0;
}

li#user_name {
background:url(images/icons/icon_user.gif) no-repeat;
padding:0 0 6px 25px;
margin:0 0 6px 0;
border-bottom:1px solid #c7c7c7;
}

li#user_email {
background:url(images/icons/icon_mail.gif) no-repeat;
padding:0 0 6px 25px;
margin:0 0 6px 0;
border-bottom:1px solid #c7c7c7;
}

li#user_code {
background:url(images/icons/icon_code.gif) no-repeat;
padding:0 0 6px 25px;
margin:0 0 6px 0;
border-bottom:1px solid #c7c7c7;
}

#logout {
background:url(images/buttons/button_white.jpg) no-repeat;
width:103px;
height:31px;
display:block;
font-weight:bold;
text-align:center;
text-transform:uppercase;
color:#666666;
text-decoration:none;
line-height:32px;
font-size:12px;
float:right;
}

/*Downloads*/

ul.downloads {
list-style:none;
margin:0;
padding:0;
display:block;
color:#333333;
text-decoration:none;
padding:6px 0 6px 25px;
background:url(images/icons/bullet_point.gif) no-repeat 0 6px;

}

ul.downloads li{
border-bottom:1px solid #c7c7c7;
margin:0;
padding:0;
}


.kasten {
width: 400px;

}



ul.downloads a:hover {
background:url(images/icons/bullet_point.gif) no-repeat 0 6px #f2f2f2;
}

.sub_box .sub_content .accordion h3 a{
background:url(images/icons/bullet_point.gif) no-repeat 0 7px;
margin:0;
padding:0 0 0 25px;
font-size:14px;
text-transform:none;
}

.sub_box .sub_content .accordion h3 a:hover{
color:#cb6300;
}

.sub_box .sub_content .accordion {
width:219px;
}

.sub_box .sub_content h3.ui-state-active a{
background:url(images/icons/bullet_point_down.gif) no-repeat 0 7px;
color:#cb6300;
}


/*Accordion*/
.accordion {
margin:0 -10px 0 -10px;
}

.accordion h3 {
padding:0 0 0 10px;
margin:0;
border-bottom:1px solid #d1d1d1;
border-top:1px solid #ffffff;
font-size:18px;
}

.accordion h3 a {
background:url(images/icons/icon_frage.gif) no-repeat #f8f8f8 0 5px;
padding:10px 0 10px 39px;
color:#333333;
display:block;
text-decoration:none;
}

.accordion h3 a:hover {
background:url(images/icons/icon_frage.gif) no-repeat #FFFFFF 0 5px;
}

h3.ui-state-active a{
color:#cb6300;
}

.accordion div {
padding:0 10px 0 10px;
}

/*FrageFormular*/

#frage_formular {
margin:0 -10px 0 -10px;
}

#frage_formular label{
text-transform:uppercase;
font-size:15px;
width:155px;
display:block;
float:left;
font-weight:bold;
}

#frage_formular .input {
background:url(images/bg_label.gif) repeat-x left top;
padding:10px;
}


#frage_formular input {
background:url(images/bg_form.gif) repeat-x left top;
border:1px solid #d1d1d1;
padding:5px;
width:508px;
color:#333333;
}


#frage_formular textarea {
background:url(images/bg_form.gif) repeat-x left top;
width:508px;
height:100px;
border:1px solid #d1d1d1;
padding:5px;
color:#333333;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
}

#frage_formular select {
width:508px;
background:url(images/bg_form.gif) repeat-x left top #ffffff;
border:1px solid #d1d1d1;
padding:5px;
color:#333333;
}

#frage_formular input#send {
background:url(images/buttons/button_orange_big.jpg) no-repeat;
width:525px;
height:43px;
border:none;
font-weight:bold;
text-align:center;
text-transform:uppercase;
color:#ffffff;
cursor:pointer;
float:right;
font-size:18px;
}

/*Fragen*/

.keine_frage {
text-align:center;
padding:10px;
font-size:24px;
color:#CCCCCC;
}

/*tabs*/

.tabs {
clear:both;
}

ul.tab_navigation {
list-style:none;
margin:0;
padding:0;
position:relative;
right:-473px;
top:-45px;
width:400px;
}

ul.tab_navigation li {
float:left;
}

ul.tab_navigation li a {
background:url(images/buttons/button_white.jpg) no-repeat;
width:103px;
height:31px;
display:block;
font-weight:bold;
text-align:center;
text-transform:uppercase;
color:#666666;
text-decoration:none;
line-height:30px;
font-size:12px;
}

ul.tab_navigation li a.selected, ul.tab_navigation li a:hover {
background:url(images/buttons/button_orange.jpg) no-repeat;
color: #ffffff;
}

/*Konversation*/

.konversation {
background:#f8f8f8;
border:1px solid #d1d1d1;
padding:10px;
margin:0 0 10px 0;
}

.benutzer {
background:url(images/icons/icon_user_konv.jpg) no-repeat left top;
border-bottom:1px solid #d1d1d1;
padding:0 0 20px 80px;
margin:0 0 8px 0;
}

.ess {
background:url(images/icons/icon_ess_konv.jpg) no-repeat left top;
border-bottom:1px solid #d1d1d1;
padding:0 0 20px 80px;
margin:0 0 8px 0;
}

.konversation_info {
dispay:block;
float:left;
margin:0 0 10px 0;
width:578px;
}

.konversation_info ul {
list-style:none;
margin:0;
padding:0;
}

.konversation_info li {
float:left;
}

li.date {
background:url(images/icons/icon_date.gif) no-repeat 0 1px;
padding:0 0 0 20px;
margin:0 8px 0 0;
}

li.topic {
background:url(images/icons/icon_topic.gif) no-repeat 0 3px;
padding:0 0 0 20px;
margin:0 8px 0 0;
}

li.nachricht_titel {
background:url(images/icons/icon_title.gif) no-repeat 0 1px;
padding:0 0 0 20px;
margin:0 8px 0 0;
}

/*Passwort vergessen*/

#passwort_vergessen {
text-align:center;
}

#passwort_vergessen input {
background:url(images/bg_form.gif) repeat-x left top;
border:1px solid #d1d1d1;
padding:5px;
width:208px;
color:#333333;
text-align:left;
}

#passwort_anfordern input#send {
background:url(images/buttons/button_orange.jpg) no-repeat;
width:103px;
height:31px;
border:none;
font-weight:bold;
text-align:center;
text-transform:uppercase;
color:#ffffff;
cursor:pointer;
float:left;
margin:0 0 0 280px;
}

.small_text {
font-size:11px;
color:#999999;
width:525px;
margin:0 0 0 154px;
}

#frageFormular input.zeichen_anzeige {
background:none;
border:none;
width:35px;
font-weight:bold;
color:#999999;
text-align:center;
}

/*Meldungen*/

.anfrage_erfolg {
background:url(images/icons/tick.gif) 5px center no-repeat #8aab3a;
border:1px solid #6f8f21;
color:#FFFFFF;
font-weight:bold;
padding:10px 10px 10px 55px;
margin:0 0 5px 0;
}

.sub_box .anfrage_erfolg {
background:url(images/icons/tick.gif) 5px center no-repeat #8aab3a;
border:none;
color:#FFFFFF;
font-weight:bold;
padding:14px 10px 14px 55px;
margin:0 0 0 0;
}

.fehler {
background:url(images/icons/cross.gif) 5px center no-repeat #a11414;
border:1px solid #740909;
color:#FFFFFF;
font-weight:bold;
padding:10px 10px 10px 55px;
margin:0 0 5px 0;
clear:both;
}