/*
default.css
 
Blotto Design Gestaltungsbüro Berlin,
<e-fork> Dresden, Germany
Februar 2013
*/
 
body {
   background-image: url('/data/navigation/verlauf.jpg');
   background-color: #b4b4b4;
   background-repeat: repeat-x;
   background-position: top;
   color: rgb(15,15,15);
   width: 100%;
   height: 100%;
   font-family: "Apercu Regular",Arial,Helvetica,sans-serif;
   font-size: 13px;
   letter-spacing: 0.5px;
   line-height: 17px;
}
ul {
   list-style-image: url('/data/navigation/right.gif');
}
.bluescreen {
   background-color: #b4b4b4;
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 5;
}
*{padding:0; margin: 0; border: 0;}
a {
   color: rgb(15,15,15);
   text-decoration:none;
}

.bigbox2 li a {
   transition: border-bottom-color ease-in-out 0.15s;
   -webkit-transition: border-bottom-color ease-in-out 0.15s;
   -moz-transition: border-bottom-color ease-in-out 0.15s;
   border-bottom: 1px solid #ffffff;
}
.bigbox2 li a:hover {
   border-bottom-color: rgb(15,15,15);
   text-decoration: none;
}
.back {
   transition: left ease-in-out 0.1s;
   -webkit-transition: left ease-in-out 0.1s;
   -moz-transition: left ease-in-out 0.1s;
}
.back:hover {
   left: 15px;
   padding-right: 5px;
}

p { margin: 0 0 10px; }
.text-right ul {
   list-style-image: url('/data/navigation/right.gif');
   margin-left: 10px;
}

#outer-wrapper {position:relative; top: 40px;}
.linked {position: absolute; left: 0; top: 0;}
.close {right: 15px; top: 15px; position:absolute; cursor:pointer;}
.back {position: absolute; left: 20px; top: 16px;}


/* MAINBOX */
.mainbox {
   z-index: 10;
   margin: 5px 15px 15px 5px;
   position: relative;
   overflow: hidden;
   border: none;
   color:rgb(250,250,250);
   background-color: rgb(15,15,15);
   text-align:center;
   width: 240px;
   font-family: "Apercu Regular",Arial,Helvetica,sans-serif;
   font-size: 13px;
   line-height: 16px;
   letter-spacing: 1px;
   padding-top: 5px;
}
.mainbox a {
   font-family: "Apercu Bold",Arial,Helvetica,sans-serif;
   color: rgb(250,250,250);
   border-bottom: 2px solid rgb(15,15,15);
   font-size: 16px;
   letter-spacing: 2px;
   font-weight: bold;
}
.mainbox a:hover {
   border-bottom: 2px solid rgb(250,250,250);
   text-decoration: none;
   transition: border-bottom ease-in-out 0.2s;
   -webkit-transition: border-bottom ease-in-out 0.2s;
   -moz-transition: border-bottom ease-in-out 0.2s;
}
.mainbox .Theme { text-align: center; text-decoration:none; margin: 14px 0 0 ;}
.mainbox .Theme a {
   text-decoration:none;
   padding: 0 0 2px;
   border-bottom: 2px solid rgb(250,250,250);
   color: rgb(250,250,250);
   font-size:16px;
   font-weight:bold;
   font-family: "Apercu Bold",Arial,Helvetica,sans-serif;
   letter-spacing: 2px;
   cursor: pointer;
}
.mainbox .Theme a:hover {
   border-bottom: 2px solid rgb(15,15,15);
   text-decoration: none;
   transition: border-bottom ease-in-out 0.15s;
   -webkit-transition: border-bottom ease-in-out 0.15s;
   -moz-transition: border-bottom ease-in-out 0.15s;
}
.company {text-align:center; margin: 24px 0 0;}
.address {text-align:center; margin: 5px 0;}
.numbers {text-align:center; margin: 5px 0;font-size: 13px;}
.numbers a {font-size: 13px;color:#3311ff;}
.web {text-align:center; margin: 5px 0 0;}
.menu {width: 100px; margin: 20px auto;}
.menu .home {text-align:center; margin: 0 0 7px;}
.menu .office {text-align:center; margin: 0 0 7px;}
.menu .index {text-align:center; margin: 0 0 7px;}


/* BIGBOX */
.bigbox, .bigbox2, .bigbox3 {
   margin: 5px 15px 15px 5px;
   border: 1px solid rgb(192,192,192);
   position: relative;
   overflow:hidden;
   background-color:#ffffff;
   text-align:center;
}
.bigbox { height: auto; }
.bigbox, .bigbox3 { width: 760px; }
.bigbox2 { min-height: 285px; }
.bigbox3 { height: 400px; }
.bigbox .pic { margin: 0 12px 10px; width: 736px; }
.bigbox3 .Theme { text-align: center; text-decoration:none; margin:0; }
.bigbox3 .Headline { margin: 25px 0 30px 0; }


/* BOXES */
.boxes, .boxes2, .bigbox, .bigbox2, .bigbox3, .backbox { border: 1px solid rgb(185,185,185); }
.boxes, .bigbox {
   transition: border-color ease-in-out 0.1s;
   -webkit-transition: border-color ease-in-out 0.1s;
   -moz-transition: border-color ease-in-out 0.1s;
}
.boxes {
   margin: 5px 15px 15px 5px;
   position: relative;
   overflow: hidden;
   background-color: #ffffff;
   text-align:center;
   height: auto;
   width: 240px;
}
.boxes .Theme {text-align: center; text-decoration:none; margin: 14px 0 10px 0;}
.boxes .pic {width: 216px; margin: 0 12px 10px;}
.boxes2 {margin: 5px 15px 15px 5px; position: relative; background-color: #ffffff; text-align:center; height: auto; width: auto; padding: 10px;}


.back {position: absolute;}
.backbox {height: 400px; width: 250px; background-color: #fff; position: relative; margin: 5px 15px 15px 5px; color: #fff;}
.big_back {position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: rgb(15,15,15); font-size: 27px; font-weight: bold; font-family: "Apercu Bold",Arial, Helvetica, sans-serif; letter-spacing: 3px;}
.big_back a {display: block; position: relative; height: 100%; width: 100%; top: 0; left: 0;}
.big_back a span {position: relative; top: 185px; left: 82px; color: #fff;}
.big_back a:hover {text-decoration: none;}
.big_back_pic {position: absolute; top: 0; left: 0; height: 100%; width: 100%;}
.big_back_pic a {display: block; position: relative; height: 100%; width: 100%; top: 0; left: 0;}
.big_back_pic a img {position: relative; top: 188px; left: 95px;}

.text {text-align: left; margin: 0 13px 16px;}
.text-left {min-height: 200px; text-align: left; float:left; position: relative; margin: 0 0 30px 20px; padding: 0 10px 0 0;}
.text-right {padding-left: 20px; text-align: left; float:left; position: relative; width: 210px; margin: 0 0 30px;}
.text-right .attribute {margin-bottom: 15px;}

.Theme {
   text-align: center;
   text-decoration:none;
   margin: 14px 0;
   text-transform: uppercase;
   font-size-adjust: 90%;
}
.Theme a {
   cursor: default;
   text-decoration:none;
   padding: 0 0 0 0;
   border-bottom: 1px solid rgb(160,160,160);
   font-family: "Apercu Regular",Arial,Helvetica,sans-serif;
   letter-spacing: normal;
   line-height: 10px;
   font-size:10px;
}
.Headline {
   text-align: center;
   font-size:17px;
   font-weight: bold;
   margin:0 0 19px;
   padding: 0 10px 0 10px;
   font-family: "Apercu Bold",Arial,Helvetica,sans-serif;
   line-height: 20px;
   letter-spacing: 0.5px;
}
.Headline a:hover {text-decoration: none;}
.Headline2 {text-align: center; text-decoration:none;margin: 10px 30px;}

.inter-box {margin: 0 0 40px; position: relative;}
.inter {min-height: 280px; background-color: #fff; position:relative; float: left; width: 250px;}
.inter .pic {width: 150px;}

.dropdown {margin-top: 20px; text-align: left;}
.dropdown .element {text-align: left; border-top: 1px solid rgb(195,195,195);}
.dropdown .element ul {padding: 12px 22px;}
.dropdown .element .element-us {cursor: pointer;}
.dropdown .element .element-text {padding: 0 10px 20px;}

.screensaver {background-color: #b4b4b4; height: 100%; left: 0; top: 0; position: fixed; z-index: 10000; width: 100%;}
.screensaver img {position: absolute; top: 0; left: 0; width: 100%; cursor: pointer;}

.rahmen {position: absolute; overflow: hidden;}

.big_shadow_left{position: absolute; top: 0; left: 0; height: 100%; width: 5px;}
.big_shadow_right{position: absolute; top: 0; right: 0; height: 100%; width: 15px;}
.big_shadow_up{position: absolute; top: 0; left: 5px; height: 5px; width: 760px;}
.big_shadow_down{position: absolute; bottom: 0; right: 15px; height: 15px; width: 760px;}
.pic_shadow_left{position: absolute; top: 0; left: 0; height: 100%; width: 5px;}
.pic_shadow_right{position: absolute; top: 0; right: 0; height: 100%; width: 15px;}
.pic_shadow_up{position: absolute; top: 0; left: 5px; height: 5px; width: 100%;}
.pic_shadow_down{position: absolute; bottom: 0; right: 15px; height: 15px; width: 100%;}

.shadow_left{position: absolute; top: 0; left: 0; height: 100%; width: 5px;}
.shadow_right{position: absolute; top: 0; right: 0; height: 100%; width: 15px;}
.shadow_up{position: absolute; top: 0; left: 5px; height: 5px; width: 240px;}
.shadow_down{position: absolute; bottom: 0; right: 15px; height: 15px; width: 240px;}

.value ul li {margin: 0 0 8px;}

.clear {clear:both;}

#window-resizer-tooltip {display:none;}