/* ========== DIVs ========== */

body {
text-align: center;
color: #000000;
background-color: #ffffff;                
}
.frame {
position: relative;
top: 10px;
width: 650px;
margin: auto;
text-align: left;
}
.navi2 {
position: absolute;
top: 0px;
left: 0px;
width: 140px;
color: #ffffff;
background-color: #fbbc11;                
text-align: left;
}
.navi_top {
height: 44px;
width: 140px;
background-image:url(../media/bg_01.gif);
}
.navi_middle {
min-height: 250px;
width: 140px;
color: #ffffff;
background-color: #fbbc11;                
background-image:url(../media/bg_02.gif);
}
.navi_bottom {
height: 217px;
width: 140px;
background-image:url(../media/bg_03.gif);
background-repeat: no-repeat;
}
.content {
position: absolute;
top: 0px;
left: 140px;
width: 530px;
min-height: 500px;
border-top: 1px solid #fbbc11;
border-right: 1px solid #fbbc11;
padding-bottom: 15px;
text-align: left;
}
.error_msg {
margin-left: 5px;
margin-top: 5px;
width: 510px;
border: 1px solid #6C9AC7;
padding-top: 5px;;
padding-left: 5px;
padding-right: 5px;
margin-bottom: 5px;
background-image:url(../media/bg.gif);
}


/* ========== Standardformate Text ========== */

h2 {
margin-left: 20px;
margin-right: 15px;
margin-bottom: 20px;
margin-top: 20px;
padding-left: 5px;
font-family: "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 22px;
font-weight: 100;
/* margin: 0px; */
color: #000000;                                 
background-color: #ffffff;
text-transform:uppercase;
}
p {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 17px;
margin: 0px 0px 5px 0px;
}
a {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 17px;
color: #999999;                                 
text-decoration: none;
}
table {
width: 500px;
}
td { 
vertical-align: top
}
textarea, input, select {
border: 1px solid #6C9AC7;
font-size: 12px;
background-color: white;
}
.formcomment{
font-size: 10px;
color: #444444;
background-color: white;
}
.button {
padding-left: 2px;
border: 1px dashed #fbbc11;
font-size: 12px;
color: #fbbc11;
background-color: white;
}
.sidebar_headline {
margin-left: 0px;
margin-bottom: 0px;
text-transform:uppercase;
font-weight: bold;
font-size: 11px;
letter-spacing: 2px;
color: #000000;
}
.block200 {
width: 200px;
display: block;
float: left;
}
.block150 {
width: 150px;
display: block;
float: left;
}

/* ========== Navi ========== */

.navi_middle p {
margin-left: 10px;
margin-bottom: 0px;
color: #000000;                                 
background-color: #fbbc11;
}
.navi_middle a {
font-size: 11px;
text-transform:lowercase;
letter-spacing: 1px;
color: #ffffff;                                 
background-color: #fbbc11;
}
.navi_middle a:hover {
color: #000000;
background-color: #fbbc11;
}
.navi_headline {
margin-left: 0px;
margin-bottom: 0px;
text-transform:uppercase;
font-weight: bold;
font-size: 11px;
letter-spacing: 2px;
color: #000000;
background-color: #fbbc11;
}
.navi_bottom p {                                    /* noch optimieren */
padding-top: 150px;
padding-left: 10px;
color: #888888;                                 
}
.navi_bottom a {
font-size: 11px;
letter-spacing: 1px;
color: #888888;                                 
text-transform:lowercase;
}
.navi_bottom a:hover {
color: #000000;                                 
}


/* ========== Searchbox ========== */

.searchbox {
position: relative;
left: 7px;
width: 130px;
padding-left: 2px;
border: 0px dashed #999999;
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
}
.searchbox input {
border: 1px solid white;
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
background-color: white;
}
#searchboxbutton {
padding-left: 2px;
border: 1px solid white;
color: #ffffff;                                 
background-color: #fbbc11;
font-size: 9px;
}

/* ========== Content ========== */

.content p {
padding-left: 25px;
padding-right: 25px;
color: #333333;                                 
}
.content a {
border-bottom: 1px dotted #fbbc11;
color: #333333;                                 
background-color: white;
}
.content a:hover {
border-bottom: 1px solid #fbbc11;
color: #333333;                                 
background-color: white;
}
.content a img {
border: 0px solid white;
}


/* ========== Quote ========== */

.quote_td {
width: 210px;
}
.quote {
margin-top: 0px; 
margin-bottom: 20px; 
margin-left: 10px; 
margin-right: 0px; 
width: 200px;  
font-family: Arial,Helvetica,Georgia,sans-serif; 
color: black;                                  
background-color: white;
text-align: right;
}
.quote p {
font-size: 18px; 
line-height: 16px; 
color: black;                                   
background-color: white;
padding: 0px;
}
.quote_detail {
padding-top: 0px;
padding-bottom: 0px;
padding-right: 0px;
padding-left: 5px;
text-align: left;
float: left;
}
.quote_detail p {
padding: 0px;
text-align: left
}


/* ========== Quoteoptions ========== */

.quoteoptions {
border: 1px solid #6C9AC7;
width: 260px;
padding-top: 5px;;
padding-left: 5px;
padding-right: 5px;
margin-bottom: 5px;
background-image:url(../media/bg.gif);
}
.quoteoptions a {
font-size: 10px;
}
.quoteoptions p {
font-size: 10px;
}


/* ========== Introseite ========== */

.intro {
position: absolute;
width: 500px;
height: 70%;
margin: -100px 0px 0px -250px;
top: 50%;
left: 50%;
color: black;
background-color: #ffffff;
text-align: center;
vertical-align: middle;
}
.intro a {
border-bottom: 1px dotted #fbbc11;
color: #333333;                                 
background-color: white;
text-decoration: none;
}
.intro a img {
border: 0px solid white;
}

/* ========== Allgemeine Formate ========== */

.right {
float: right;
margin-left: 5px;
}
.left {
float: left;
margin-right: 5px;
}
.fett {
font-weight: bolder;
}
.klein {
text-transform:lowercase;
}
.mittig  { 
vertical-align:middle;
}
.noline a {
border-bottom: 0px solid white;
}
.noline a:hover {
border-bottom: 0px solid white;
}


/* ========== ========== ========== ==========  ========== */