@charset "utf-8";
/* version 18.04.2011 */
/* ------------------------------------------------------------ */
/* GLOBAL */
/* ------------------------------------------------------------ */
*{
    margin:0;
    padding:0;
}
html{
    overflow: -moz-scrollbars-vertical;
}
html,body{
    height:100%;
}
body{
    background:#FFFFFF;
    color:#454545;
    font:normal normal normal 11px Verdana,Geneva,Helvetica,sans-serif;
}
img{
    border:0;
}
ul,ol,li{
    list-style:none;
}

/* ------------------------------------------------------------ */
/* GLOBAL LINKS */
/* ------------------------------------------------------------ */
a{
    font:normal normal normal 10px Verdana,Geneva,Helvetica,sans-serif;
    outline-style:none;
    text-decoration:none;
}
a:link,a:visited,a:active{
    color:#454545;
}
a:hover,a:focus{
    color:#B2D600;
}

/* allgemeine klasse f�r iconlinks */
a.icon{
    font:normal normal normal 10px Verdana,Geneva,Helvetica,sans-serif;
    outline-style:none;
    text-decoration:none;
}
a.icon:link,a.icon:visited,a.icon:active{
    color:#454545;
}
a.icon:hover,a.icon:focus{
    color:#B2D600;
}
a.current{
    font-weight:bold;
}

/* hintergrundbilder f�r iconlinks */
.icon_back{
    background-color:#454545;
    background-image:url(../img/bg_rounded.png);
    background-repeat:no-repeat;
}
.icon-down{
    padding-left:13px;
    background:url(../img/icon/icon_down.png) no-repeat 0px center ;
}

/* ------------------------------------------------------------ */
/* GLOBALE POSITIONIERUNG */
/* ------------------------------------------------------------ */
/* traegt alle elemente und zentriert sie im viewport */
#page{
    color:#666666;
    margin:0 auto;
    width:960px;/* fixed width */
    /*min-width:740px; fluid width */
    /*max-width:1200px; fluid width */
    min-height:100%;
    padding:0 0 0 0;
    /*TH position:relative; */
    background-color: #FAF9F5;
}

/* header */
#header{
    border-bottom:10px #B2D600 solid;
    height:120px;
    position:relative;
    width:100%;
    background: white;
}
#lang-select{
    position:absolute;
    right:0px;
    top:30px;
    display:none;
    background: white;
    z-index: 100;
    width:122px;
    padding-top: 3px;
}

/* ------------------------------------------------------------ */
/* LOGO */
/* ------------------------------------------------------------ */
.img_logo{
    position:absolute;
    left:0;
    top:0;
}

/* ------------------------------------------------------------ */
/* CONTENT */
/* ------------------------------------------------------------ */
/* contentbereich container zur stabilisierung - traegt keine inhalte bis auf content */
#wrapper{
    clear:both;
    padding:0px 0 70px 0;
    /*TH position:relative; */
    width:100%;
    background:transparent url(../img/bg_iefix_headline.png) repeat-x 0px 0px;
}
/* steuert die breite von main in abhaengigkeit der sidebars */
#wrapper.col_le_ri #main{
    margin:0 190px 0 200px;
}
/* nur main und rechte sidebar */
#wrapper.col_ri #main{
    margin:0 190px 0 0;
}
/* nur main und linke sidebar */
#wrapper.col_le #main{
    margin:0 0 0 200px;
}
/* nur main */
#wrapper.col #main{
    margin: 0 0 0 0;
}
/* allgemeiner contentbereich - mittlere spalte */
#main{
    height:100%;
    /*TH position:relative; */
    width:auto;
    padding: 0px 0px 0px 0px;
}

/* ------------------------------------------------------------ */
/* SIDEBARS */
/* ------------------------------------------------------------ */
/* sidebars allgemeine eigenschaften */
.sidebar{
    display:inline;
}
/* sidebar links */
#wrapper.col_le .sb_le,#wrapper.col_le_ri .sb_le{
    float:left;
    width:200px;
    padding: 0px 0px 0px 0px;
}
#wrapper.col_ri .sb_le,#wrapper.col .sb_le{
    display:none;
}
/* sidebar rechts */
#wrapper.col_ri .sb_ri,#wrapper.col_le_ri .sb_ri{
    float:right;
    width:180px;
    padding: 40px 0px 0px 10px;
}
#wrapper.col_le .sb_ri,#wrapper.col .sb_ri{
    display:none;
}

/* ------------------------------------------------------------ */
/* NAVIGATION */
/* ------------------------------------------------------------ */
/* allgemeine angaben navigation */
/* horizontale hauptnavigation im headerbereich */
#nav{
    position:absolute;
    right:0px;
    top:16px;
}
#nav li{
    display:inline;
    padding:0px 8px 0px 5px;
    border-right: 1px solid #454545;
}
#nav li.none{
    padding:0px 0px 0px 2px;
    border-right: none;
}
#nav li a{
    color:#454545;
    font:normal normal normal 10px Verdana,Helvetica,sans-serif;
    text-transform: uppercase;
}
#nav li a.current{
    color:#454545;
    font: normal normal bold 10px Verdana,Helvetica,sans-serif;
    text-transform: uppercase;
}
/* tabnavigation */
.nav_tab{
    display:inline;
    float:right;
    list-style:none;
    margin:0px 10px 0px 0px;
    text-align:right;
    width:100px;
}

.nav_tab li{
    display:inline;
}

.nav_tab li a{
}

.multi_language{
left:-1000px;
overflow:hidden;
position:absolute;
top:-100px;
width:0px;
height:0px;
z-index:2;
}

/* ------------------------------------------------------------ */
/* CONTENTMODULE */
/* ------------------------------------------------------------ */
/* contentmodul allgemeine eigenschaften */
.modul{
    float: left;
    padding: 0 0 10px 0;
}
.col .modul{
    padding: 0 0 0 0;
}
/* contentmodul traegt text 50% */
.sub_full{
    width:100%;
}
/* contentmodul traegt text 50% */
.sub_half_left{
    width:330px;
    margin: 0px 20px 0px 20px;
}
.sub_half_right{
    width:400px;
    background: #454545;
    /*TH position: relative; */
}
/* contentmodul auf snippets */
.col .sub_half_left{
    width: 50%;
    margin: 0;
}

.col .sub_half_right{
    width: 50%;
}
#advanced_toggle{
    display:none;
}
.faux{
    background-color: white;
    margin: 0px 10px 0px 10px;
    width:auto;
    padding:15px 15px 15px 15px;
    position:relative;
    overflow:hidden;
}
.faux_css{
    background-color: white;
    margin: 0px 0px 0px 0px;
    width:auto;
    padding:15px 15px 15px 15px;
}
#content-le{
    margin: 0px 10px 6px 0px;
    width:auto;
    padding:15px 15px 15px 0px;
    position:relative;
}
#content{
    background-color: white;
    margin: 0px 10px 6px 10px;
    width:auto;
    padding:15px 15px 15px 15px;
    position:relative;
}
.content-about p{
    text-align: justify;
}
.ruler{
    margin: 0px 0px 20px 10px;
}

/* ------------------------------------------------------------ */
/* BLOECKE */
/* ------------------------------------------------------------ */
/* block allgemeine eigenschaften */
.block{
    background:#F5F4EC;
    padding:0px 0px 20px 0px;
    margin:0px 0px 0px 0px;
    border-bottom: 1px solid #E0DFD8;
    border-top: 1px solid white;
}
/* ------------------------------------------------------------ */
/* TEXTFORMATE */
/* ------------------------------------------------------------ */
p{
line-height:14px;
    margin:0px 0px 10px 0px;
}
.block p{
    line-height:14px;
    padding:0px 10px 0px 10px;
    margin:0px 0px 5px 0px;
}
h1{
    font-size:10px;
    font-weight:bold;
    line-height:15px;
    margin-bottom:10px;
    text-transform: uppercase;
}
#main h1.headline{
    font-size:16px;
    height:22px;
    font-weight:bold;
    color:white;
    padding:8px 0px 0px 0px;
    overflow:hidden;
    margin-bottom:0px;
}
#main h1.title{
    border-bottom:1px solid #666666;
    margin:0px 0px 10px 0px;
    padding:0px 10px 10px 0px;
}
.block h1.title{
    margin:0px 0px 10x 0px;
    padding:5px 0px 10px 10px;
    margin-bottom:10px;
    background:transparent url(../img/bg_headline.png) repeat 0px 0px;
}
#idClipboardOk h1{
    background: #d8ff26;  
    padding:10px;
    text-align: center;
    color:black;
}
h2{
    font-size:11px;
    font-weight:bold;
    line-height:15px;
    margin-bottom:2px;
}
.block h3{
    font-size:11px;
    font-weight:bold;
    line-height:15px;
    margin-bottom:4px;
    padding:0px 10px 0px 10px;
}
.icon_headline{
    float:right;
    display:inline;
    margin:7px 0px 0px 0px;
    cursor: pointer;
}
.icon_clipboard{
    float:right;
    display:inline;
    margin:7px 0px 0px 0px;
    cursor: pointer;
}

/* ------------------------------------------------------------ */
/* CLEAR - nichts veraendern */
/* ------------------------------------------------------------ */
/* clear als klassisches soloelement - nach m�glichkeit nicht verwenden */
.clear{
    border:0.1px;
    clear:both;
    font-size:0px;
    height:0%;
}
/* clear f�r bestehende elemente */
.inc_clear{
    clear:both;
}
/*
** Markup free clearing
** Details:http://www.positioniseverything.net/easyclearing.html
*/
.clearfix:after{
    clear:both;
    content:".";
    display:block;
    height:0;
    visibility:hidden;
}
/* Safari */
.clearfix{
    display:block;
}
/* Overflow-Methode zum Clearen der Float-Umgebungen */
.floatbox{
    overflow:hidden;
}
/* IE-Clearing */
#ie_clearing{
    display:none;
}

/* ------------------------------------------------------------ */
/* FOOTER */
/* ------------------------------------------------------------ */
#footer{
    background:#FFFFFF;
    height:34px;
    margin:-40px auto 0 auto;
    width:960px;
    padding:0px 0px 0 0px;
    position:relative;
}
#footer_inner{
    background:#FFFFFF;
    height:100%;
    padding:5px 0px 0 0px;
    width:100%;
}
#footer #addthis{
    float:right;
}
/* ankerlinks um nach oben springen - steht nur im footer */
.anchor_top{
    float:right;
    padding:0px 10px 5px 10px;
}

/* ------------------------------------------------------------ */
/* ABSTANDSKLASSEN k�nnen global auf elemente angewandt werden */
/* ------------------------------------------------------------ */
.mt_5{
margin-top:5px;
}
.mt_10{
margin-top:10px;
}
.mt_15{
margin-top:15px;
}
.mt_20{
margin-top:20px;
}
.mr_10{
margin-right:10px;
}
.mr_15{
margin-right:15px;
}
.mr_20{
margin-right:20px;
}
.mr_60{
margin-right:60px;
}
.mb_10{
margin-bottom:10px;
}
.mb_15{
margin-bottom:15px;
}
.mb_20{
margin-bottom:20px;
}
.ml_10{
margin-left:10px;
}
.ml_15{
margin-left:15px;
}
.ml_20{
margin-left:20px;
}
.fixed{
position:fixed;
}
.w_220{
width:220px;
}
.w_120{
width:120px;
}

/* ------------------------------------------------------------ */
/* JQUERY */
/* ------------------------------------------------------------ */
#hands-on{
    background:transparent url(../img/hands-on.png) no-repeat bottom right;
    position:absolute;
    bottom:0px;
    right:0px;
    width:25px;
    height:25px;
    display:block;
    position:absolute;
    cursor: move;
    cursor: se-resize;
}
.textstore {
    display:none;
}
#idClipboardOk {
    display:none;
}
#idTextPanel{
    position:relative;
}
#idCopyToClipboardContainer{
    position:relative;
    cursor:pointer;
}

/* ------------------------------------------------------------ */
/* SNIPPETS */
/* ------------------------------------------------------------ */

/* --- general --- */

.content{
    padding: 10px 10px 10px 10px;
    background: #f5f4ec;
}
.snippets{
    padding:0 0 10px 0;
}
.snippets h1{
    margin-bottom:4px;
    font-size:12px;
}
div.element{
    position: relative;
    width:390px;
}

/* --- source --- */

.s-source{
    background: transparent;
    padding: 10px 0 10px 10px;
}
.s-source div.element{
    background: white;
    padding: 10px 40px 10px 10px;
    margin: 0px 0 15px 0px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 2px 2px 2px #454545;
    -moz-box-shadow: 2px 2px 2px #454545;
    box-shadow: 2px 2px 2px #454545;
}
.s-source div.element:hover{
    background: #ffffff;
}

/* --- target --- */

.s-target{
    /*min-height:1400px;*/
    height:auto !important;/* ie6-fix f�r min-height */
    height:1400px;
}
.s-target div.element{
    padding: 0px 50px 0px 0px;
    margin: 0px;
    width:410px;
}
.s-target div.element:hover{
    background: #faf9f5;
}
.s-target div.snip{
    background: white;
    padding: 10px 10px 10px 10px;
    margin: 0;
}
.s-target div.element:last-child{
    margin-bottom: 50px;
}

/* --- drag&drop --- */

.block-placeholder {
background: #e0dfd8;
    margin-right: 50px;
}
div.draggable{
    width: 17px;
    margin-top: auto;
    margin-bottom: auto;
    position: absolute;
    top: 0px;
    bottom: 0;
    height: 17px;
    cursor: pointer;
}
.s-source div.draggable{
    right: 10px;
    background: url(../img/hands-on-pointer.png) no-repeat center right;   
}
.s-target div.draggable{
    right: 0px;
    background: url(../img/hands-on-pointer-vertical.png) no-repeat center right;      
}

/* --- icons --- */

div.delete{
    width: 13px;
    margin-top: auto;
    margin-bottom: auto;
    position: absolute;
    top: 0px;
    bottom: 0;
    height: 15px;
    right: 24px;
    cursor: pointer;
    background: url(../img/icon/icon-trash.png) no-repeat center right;     
}
.s-source div.delete{
    display:none; 
}
.s-target div.delete{
    display:block; 
}

/* ------------------------------------------------------------ */
/* FORMULARE */
/* ------------------------------------------------------------ */
/* bugfix */
select,textarea{
font-size:99%;
}
/* formularaufbau --------------------------------------------------------- */
fieldset{
border-top:0;
border-left:0;
border-right:0;
border-bottom:1px solid #454545;
padding:0px 0px 10px 0px;
margin:10px 0px 10px 0px;
position:relative;
}
fieldset fieldset{
margin:0px 0px 10px 0px;
padding:0px 0px 0px 0px;
border:0;
position:relative;
}
label{
line-height:20px;
}
label.left{
float:left;
margin-right:10px;
width:90px;
display:inline;
text-align:right;
line-height:20px;
vertical-align:middle;
}

input,textarea{
padding:1px 0px 0px 4px;
color:#333333;
font:normal normal normal 11px/14px Verdana,Helvetica,sans-serif;
}

input[type=text],select{
float:left;
}

select.snipsel{
float:none;
display: block;
position:absolute;
top:5px;
left:110px;
width:100px;
height:20px;
}

select.snipsel option{
margin:5px;
}

select.right,input.right{
clear:both;
float:left;
margin-left:100px;
display:inline;
}

input[type=checkbox].right,
input[type=radio].right,
input[type=submit].right{
margin-left:100px;
}

form br{
clear:both;
}

/*formularelemente -------------------------------------------------------------------------------------------------------------------------------------*/
.itext_short{
border:1px solid #333333;
width:25px;
height:15px;
}
.itext_shorter{
border:1px solid #333333;
width:18px;
height:15px;
}
.iarea{
border:1px solid #333333;
width:230px;
height:50px;
}
.iradio{
margin-right:3px;
vertical-align:middle;
}
.icheck{
margin-right:5px;
vertical-align:middle;
}
.iselect{
width:90px;
margin-right:5px;
}
.irocker{
float:left;
width:12px;
margin-right:5px;
margin-left:2px;
display:inline;
height:18px;
}
.irocker a{
width:12px;
display:block;
background-repeat:no-repeat;
background-position:0px 0px;
text-indent:-1000px;
height:9px;
overflow:hidden;
}
.irocker a.up{
background-image:url(../img/icon/icon_rocker_up.png);
}
.irocker a.down{
background-image:url(../img/icon/icon_rocker_down.png);
}
.irocker a:hover{
background-position:0px -13px;
}
/*formular button.....................................................*/
.button{
border-bottom:1px solid #333333;
border-right:1px solid #333333;
padding-top:1px;
text-align:center;
height:25px;
}
/*formular button.....................................................*/
form.twocol label{
float:left;
margin-right:5px;
width:80px;
display:inline;
text-align:right;
line-height:20px;
vertical-align:middle;
font:normal normal normal 10px Arial,Helvetica,sans-serif;
}
form.twocol select{
float:left;
width:75px;
font:normal normal normal 10px Arial,Helvetica,sans-serif;
}
form.twocol fieldset{
border:none;
padding:0px 0px 0px 0px;
margin:10px 0px 0px 0px;
position:relative;
}
/* Werbung .....................................................*/
#bsap_1297990 {
  margin: 0 auto 0 auto;
  width:160px;
}