/* ======================================== */
/* ===                                  === */
/* === "GUGGLER"                        === */
/* ===     http://www.nalthero.de       === */
/* ===         2009-04 - v. 0.1         === */
/* ===                                  === */
/* ======================================== */
/* ======================================== */
/* ===                                  === */
/* ===     Design by     === */
/* ===                                  === */
/* ===     Templates & CSS by === */
/* ===                                  === */
/* ===        * www.spicerack.de        === */
/* ===         &nalthero Webdesign      === */
/* ======================================== */

/*
z-indices
---------
#header: 10
#navi-1: 9
#navi-2: 9
*/


/* ============== */
/* === common === */
/* ============== */

html, body, div, span, a, input, textarea, select {
    margin: 0;
    padding: 0;
    font-family: arial, verdana, helvetica, sans-serif;
    font-size: 100.01%;
}

body {
    background-color: #fff;
    color: #000;
    text-align: center;
    /*zoom:1.15;  */
}

/* ================ */
/* === topology === */
/* ================ */
#info a.link-2:link, #info a.link-2:visited, #info a.link-2:hover, #info a.link-2:active, #info a.link-2:focus {
    display: block;
    margin: 0 0px 1px 0;
    padding: 7px 1px 0 0;
    height: 23px;
    text-align: center;

    font-size: 12px;
    color: #777;
    text-decoration: none;

    background-repeat: no-repeat;
      height:30;
    width: 160px;
    background-image: url(../img/navi-button-2a.jpg);
}

#right{

text-align: right;
list-style: none;
float:right;
font-size:14;
color: Black;}
#mi{
 padding-top: 8px;
text-align: right;
text-decoration:none;
list-style: none;
float:right;
font-size: 13px;

   color: #006699;
}
#le{
text-align: left;
list-style: none;
float:left;
font-size:14;
color: Black;}
a:litt{
font-size: 11;}
#site {
    margin: 0 auto;
    padding: 0;
    width: 960px;
    text-align: left;
}

#content {
    margin: 0;
    padding: 0;
    width: 834px;
    float: left;
    background-color: #e7e7e7;
}

#skyscraper {

    padding: 0;
    margin-top:20%;
    width: 120px;
    float: right;
    border: solid 1px #f3f3f3;
}

#head {
    margin: 0;
    padding: 10px 0 10px 0;
    background-color: #fff;
}
 .bad{
 margin: 0;
    padding: 7px 0 0 10px;
    height: 25px;
    font-size: 14px;
    font-weight: bold;
    color: #000;
    text-align:center;
    background-image: url(../img/gradient-orange.jpg);
    background-repeat: repeat-x;
    }
.adds {
   width:274px;
   float:left;
   height: 200px;
   margin-top:2px;
   border: solid 1px #bcbcbc;
   background-color: #f3f3f3;
   font-size: 14px;
   text-align:center;

}
.little {
   width:135px;
   float:left;
   height: 200px;
   margin-top:2px;
   border: solid 1px #bcbcbc;
   background-color: #f3f3f3;
   font-size: 14px;
   text-align:center;

}
.au#oben{
background:img/gradient-blue.jpg;
}
h1{
font-size: 14px;
font-weight:bold;
text-align:center;
}
.login{
width: 270px;
display:block;
float:left;
border: solid 1px #bcbcbc;
background-color: #f3f3f3;
font-size: 14px;
text-align:center;
    margin-right:1px;
min-height: 150px;
}

/* ================= */
/* === navi main === */
/* ================= */

#navi-main {
    margin: 0;
    padding: 0;
    background-color: #fff;
}

#navi-main a:link, #navi-main a:visited, #navi-main a:hover, #navi-main a:active, #navi-main a:focus {
    display: block;
    margin: 0 1px 1px 0;
    padding: 7px 0 0 0;
    height: 23px;
    text-align: center;
    font-weight: bold;
    font-size: 13px;
    color: #777;
    text-decoration: none;
    background-position: 0 0;
    background-repeat: no-repeat;
    float: left;
}
* html #navi-main a:link, * html #navi-main a:visited, * html #navi-main a:hover, * html #navi-main a:active, * html #navi-main a:focus {
    height: 30px;
}

#navi-main a.link-1:link, #navi-main a.link-1:visited, #navi-main a.link-1:hover, #navi-main a.link-1:active, #navi-main a.link-1:focus {
    width: 60px;
    background-image: url(../img/navi-button-1a.jpg);
}
#navi-main a.link-1:hover, #navi-main a.link-1:focus {
    color: #888;
    background-image: url(../img/navi-button-1b.jpg);
}
#navi-main a.link-2:link, #navi-main a.link-2:visited, #navi-main a.link-2:hover, #navi-main a.link-2:active, #navi-main a.link-2:focus {
    width: 160px;
    background-image: url(../img/navi-button-2a.jpg);
}
#navi-main a.link-2:hover, #navi-main a.link-2:focus {
    color: #888;
    background-image: url(../img/navi-button-2b.jpg);
}

/* ================== */
/* === navi suche === */
/* ================== */

#navi-suche {
    margin: 0;
    padding: 0;
    height: 39px;
    background-image: url(../img/gradient-grey.jpg);
    background-repeat: repeat-x;
    border-top: solid 1px #e7e7e7;
    border-left: solid 1px #e7e7e7;
    border-right: solid 1px #e7e7e7;
    border-bottom: solid 10px #e7e7e7;
}
* html #navi-suche {
    padding-bottom: 10px;
}

#navi-suche form {
    margin: 0;
    padding: 7px 0 0 0;
}

#navi-suche input,
#navi-suche select {
    margin: 0 0 0 5px;
    padding: 0;
    font-size: 13px;
    float: left;
}

#navi-suche a:link, #navi-suche a:visited, #navi-suche a:hover, #navi-suche a:active, #navi-suche a:focus {
    margin: 0;
    padding: 4px 0 0 0;
    font-size: 12px;
    font-weight: bold;
    color: #aa0000;
    text-decoration: none;
}

#navi-suche a:hover, #navi-suche a:focus {
    color: #cc0000;
    text-decoration: none;
}

/* ========================= */
/* === Mehrspaltigkeiten === */
/* ========================= */

/* linke Box über 2/3 der Seitenbreite */
.column-550 {
    margin: 0 0 10px 0;
    padding: 0;
    width: 550px;
    float: left;
}
.column-650 {
    margin: 0 0 10px 0;
    padding: 0;
    width: 830px;
    float: left;
}
.column-650 .head {
    margin: 0;
    padding: 7px 0 0 10px;
    height: 19px;
    font-size: 12px;
    font-weight: bold;
    color: #006699;
    background-image: url(../img/column-830.jpg);
    background-repeat: no-repeat;
}
.column-550 .head {
    margin: 0;
    padding: 7px 0 0 10px;
    height: 19px;
    font-size: 12px;
    font-weight: bold;
    color: #006699;
    background-image: url(../img/column-550.jpg);
    background-repeat: no-repeat;
}
* html .column-550 .head {
    height: 26px;
}

.column-550 .box {
    margin: 0;
    padding: 0;
    font-size: 11px;
    border: solid 1px #ffba00;
    background-color: #f3f3f3;
}
.column-550 .box2 {
    margin: 0;
    padding: 0;
    min-height: 500px;
    border: solid 1px #ffba00;
    background-color: #f3f3f3;
}

#reg{
font-size:13px;
cellspacing: 2;}
.column-650 .box3, .column-650 #table, .column-650 #td, .column-650 #input {
    margin: 0;
    padding: 0;
    width: 830px;
    min-height: 500px;
    border: solid 1px #ffba00;
    background-color: #f3f3f3;
    font-size: 13px
}
.column-550 .head a:link, .column-550 .head a:visited, .column-550 .head a:hover, .column-550 .head a:active, .column-550 .head a:focus {
    margin: -15px 10px 0 0;
    float: right;
    font-weight: normal;
    color: #006699;
    text-decoration: underline;
}
.column-550 .head a:hover, .column-550 .head a:focus {
    color: #0099cc;
}

/* linke und zentrale Spezialboxen über 1/3 der Seitenbreite (Navigation) */
.info {
border: solid 1px #ffba00;
font-size:13px;

}
#infoh{
font-size: 13px;
color: red;
font-weight:bold;
    height:19px;
}
.column-2701 .head {
    margin: 0;
    padding: 7px 0 0 10px;
    height: 19px;
    font-size: 12px;
    font-weight: bold;
    color: #000;
    background-image: url(../img/column-270s.jpg);
    background-repeat: no-repeat;
}
* html .column-2701 .head {
    height: 26px;
}
.column-270s {
    margin: 0 10px 10px 0;
    padding: 0;
    width: 270px;
    float: left;
}

.column-270s .head {
    margin: 0;
    padding: 7px 0 0 10px;
    height: 19px;
    font-size: 12px;
    font-weight: bold;
    color: #000;
    background-image: url(../img/column-270s.jpg);
    background-repeat: no-repeat;
}
* html .column-270s .head {
    height: 26px;
}

.column-270s .box {
    margin: 0;
    padding: 0;
    border: solid 1px #ccc;
    background-color: #fff;
    font-size:13px;
}
#thisone ,#thisone a:visited,#thisone a:link{
display:inline;
width:120px;
height:20px;
border:outset 1px;
background:#ccc;
margin-left:2px;
text-decoration:none;

color:#000;
text-align :center;
}
.column-270s .head a:link, .column-270s .head a:visited, .column-270s .head a:hover, .column-270s .head a:active, .column-270s .head a:focus {
    color: #000;
}

.column-270s .head a:hover, .column-270s .head a:focus {
    color: #0099cc;
}

.column-270s .box a:link, .column-270s .box a:visited, .column-270s .box a:hover, .column-270s .box a:active, .column-270s .box a:focus {
    display: block;
    margin: 0;
    padding: 2px 0 2px 10px;
    font-size: 12px;
    color: #333;
    text-decoration: none;
    border-bottom: solid 1px #f3f3f3;
}

.column-270s .box a:hover, .column-270s .box a:focus {
    color: #333;
    background-color: #ddd;
}

/* linke und zentrale Boxen über 1/3 der Seitenbreite */
.column-270l  {
    margin: 0 10px 10px 0;
    padding: 0;
    width: 270px;
    float: left;
}

.column-270l .head {
    margin: 0;
    padding: 7px 0 0 10px;
    height: 19px;
    font-size: 12px;
    font-weight: bold;
    color: #006699;
    background-image: url(../img/column-270.jpg);
    background-repeat: no-repeat;
}
* html .column-270l .head {
    height: 26px;
}

.column-270l .box {
    margin: 0;
    padding: 0;
    border: solid 1px #ffba00;
    background-color: #f3f3f3;
}
/* rechte Boxen über 1/3 der Seitenbreite */
.column-270r {
    margin: 0 0 10px 0;
    padding: 0;
    width: 270px;
    float: right;
}

.column-270r .head {
    margin: 0;
    padding: 7px 0 0 10px;
    height: 19px;
    font-size: 12px;
    font-weight: bold;
    color: #006699;
    background-image: url(../img/column-270.jpg);
    background-repeat: no-repeat;
}
* html .column-270r .head {
    height: 26px;
}

.column-270r .box {
    margin: 0;
    padding: 0;
    border: solid 1px #ffba00;
    background-color: #f3f3f3;
}

.box .pic img {
    display: block;
    margin: 0;
    padding: 0;
    width: 268px;
}

/* ======================= */
/* === Layernavigation === */
/* ======================= */

a.navi-layer {
    display: block;
    margin: 0;
    padding: 5px 0 0 10px;
    height: 25px;
    max-height: 20px;
    font-size: 12px;
    font-weight: bold;
    color: #006699;
    text-decoration: none;
    background-image: url(../img/gradient-orange.jpg);
    background-repeat: repeat-x;
}
#aktion{
  margin: 163px 0 0 0;
  padding: 0;
 width: 120px;
    float: right;
    border: solid 1px #FFAB02;
}
.heads {
    margin: 0;
    padding: 7px 0 0 10px;
    height: 19px;
    font-size: 8px;
    font-weight: italic;
    color: #006699;
    background-image: url(../img/navi-button-2b.jpg);
    background-repeat: repeat;
}
a.navi-layer-active {
    display: block;
    margin: 0;
    padding: 5px 0 0 10px;
    height: 25px;
    max-height: 20px;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    background-image: url(../img/gradient-blue.jpg);
    background-repeat: repeat-x;
}

.au{
  font-family:      Verdana,Arial,sans-serif;
    font-style:       normal;
    font-size:        13px;
    BORDER-TOP:       #A6A6A6 1px solid;
    BORDER-LEFT:      #A6A6A6 1px solid;
    BORDER-BOTTOM:    #A6A6A6 1px solid;
    BORDER-RIGHT:     #A6A6A6 1px solid;

}

#spar{
color: #d87a00;
list-style:none;
display:inline;
text-decoration:none;
}
#spare{
color: #d87a00;
list-style:none;
display:inline;
text-decoration:none;
border right: solid #d87a00;
}
.row_0 {
    background-color:        #FFFFFF;
    font-size: 13px;
    font-weight: bold;
}
#biet{
width: 550px;
border: #d87a00;
font-size:13px;
font-weight:bold;
}
.row_1 {
    background-color:        #E1E8F1;
    font-size: 13px;
    font-weight: bold;
}
 #link{
 color:#006699;
 text-decoration:none;
 font-size: 13px;
 }
 .links{
 color:#006699;
 text-decoration:none;
 font-size: 13px;
 }
.button{
width: 250px;
height: 29px;
font-size: 13px;
background-image: url(../img/gradient-grey.jpg); ;
 font-style: italic;

}
.button3{
width: 250px;
height: 30px;
font-size: 13px;
 background-image: url(../img/gradient-orange.jpg);
    background-repeat: repeat-x;
 font-style: italic;

}
.button2{
width: 120px;
font-size: 13px;
background-image: url(../img/gradient-grey.jpg);

 font-style: italic;

}
.layer {
    margin: 5px 10px 10px 10px;
    padding: 0;
    height: 130px;
    text-align: center;
}

.layer p {
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-color: #333;
    text-align: left;
}

.layer a:link, .layer a:visited, .layer a:hover, .layer a:active, .layer a:focus {
    margin: 0;
    padding: 0;
    font-size: 11px;
    color: #000;
    text-decoration: underline;
}
.layer a:hover, .layer a:focus {
    color: #333;
    text-decoration: underline;
}

.layer a.button:link, .layer a.button:visited, .layer a.button:hover, .layer a.button:active, .layer a.button:focus {
    display: block;
    margin: 10px 0 10px 0;
    padding: 8px 0 0 0;
    height: 30px;
    max-height: 22px;
    font-size: 14px;
    font-weight: bold;
    color: #d87a00;
    text-decoration: none;
    background-image: url(../img/button-3a.jpg);
    background-repeat: no-repeat;
    background-position: center 0;
}
.layer a.button:hover, .layer a.button:focus {
    color: #cc6600;
    text-decoration: none;
    background-image: url(../img/button-3b.jpg);
}

/* ============== */
/* === footer === */
/* ============== */

#footer {
    margin: 0;
    padding: 10px 0 10px 0;
    background-color: #fff;
    text-align: center;
    font-size: 11px;
    color: #666;
}

#footer a {
    font-weight: bold;
    color: #333;
    text-decoration: underline;
}
#footer a:hover, #footer a:focus {
    color: #666;
    text-decoration: underline;
}

/* ============= */
/* === clear === */
/* ============= */

.clearfix:after {
        content: ".";
        display: inline;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0;
}

.clearfix {
        display: inline;
}

html .clearfix {
        display: inline;
}

* html .clearfix {
        height: 1%;
}

.clear {
    margin: 0;
    padding: 0;
    font-size: 1px;
    line-height: 1px;
    background: none;
    clear: both;
}

.clear-deko {
    margin: 0 0 10px 0;
    padding: 0;
    height: 2px;
    font-size: 1px;
    line-height: 1px;
    background: url(../img/clear-deko.gif);
    background-repeat: repeat-x;
    clear: both;
}

/* ================= */
/* === Preloader === */
/* ================= */

img.preload {
    display: none;
}