@charset "UTF-8";

@import url("artikel.css");

@import url("tabelle.css");
@import url("module.css");
@import url("mailform.css");
@import url("DatePicker.css");


html{
margin: 0;
padding: 0;
}

img {
border: 0;
}

body{
margin: 0;
padding: 0;
border: 0;
font-family: "Trebuchet MS";
font-size: 16px;
}

#background {
margin:0;
padding:0;
background-image:url(../../img/background.jpg);
background-repeat:no-repeat;
background-color: #e6e3d7;
background-position: center top;
display:block;
width: 100%;
float:left;
}



#paper_shadow {
margin-left: auto;
margin-right: auto;
width: 1024px;
background-image: url(../../img/shadow-paper.png);
background-repeat: repeat-y;
background-position: 50% 50%;
}


#paper {
width: 976px;
margin-left: auto;
margin-right: auto;
background-color: #fff;
padding: 0px 0px 100px 20px;
float:left;
}

#top {
position:relative;
height: 190px;
padding: 15px 0px 5px 0px;
}

#flow {
margin-top: 20px;
}

#headerimage {
margin-bottom: 22px;
}

#breadcrumb {
position:absolute;
left: 270px;
bottom: 6px;
font-size: 0.69em;
}


.hidden{
visibility: hidden;
height: 0;
width: 0;
overflow: hidden;
}

.killfloat{
clear: both;
height: 0;
width: 0;
overflow: hidden;
}

#logo {
float:left;
display:inline;
margin-left: 0px;
margin-top: 20px;
}


#tabs {
position:absolute;
right: 21px;
bottom:28px;
width: 955px;
border-bottom: 1px solid #cccccc;
}

#tabs .tabs {
float:left;
display:block;
}

#main {
width: 710px;
overflow:hidden;
margin-left: 20px;
float:left;
position: relative;
}

.qlogo {
margin: 0 auto; 
text-align: center;
clear:left;
}

#left{ 
width: 246px;
float:left;
display:inline;
}

#left .direkterdraht {
margin-top: 20px;
}

#left .iphoneapp {
margin-top: 20px;
margin-bottom: 20px;
}


/*web 2null icons anfang*/

#left .keinrahmen h1 {
font-size: 1em;
}

#left .csc-textpic.csc-textpic-center {
width: 208px;
margin: 0 auto;
}

#left .keinrahmen .csc-textpic-imagewrap {
width: auto !important;
}

#left .keinrahmen  .csc-textpic-imagerow {
margin-top: 10px;
width: 246px !important;
float:left; 
}

#left .keinrahmen .csc-textpic-image {
width: 120px !important;
float:left;
margin-left: 0 !important;
}

/*web 2null icons ende*/

#content_top {
height: 339px;
width: 690px;
display:inline;
font-size: 0.8em;
text-align:left;
}

#content_bottom {
font-size: 0.8em;
}

#bottom {
width: 956px;
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
height: 106px;
margin-top: 0px;
overflow:hidden;
position:relative;
display:block;
float:left;
}

#addthis {
width: 956px;
width: 96px;
display:block;
float:left;
height: 20px;
padding: 5px 0;
text-align: center;
margin-right: 20px;
}

#addthis .icon {
float:left;
}

#addthis .label{
float:left;
display:inline;
font-size: 0.8125em;
}

#bottom .bottomlogo {
float:left;
display:inline;
position: absolute;
left: 0px;
bottom: 0px;
}

#bottom .bottomlogoright {
display:inline;
position: absolute;
right: 0px;
top: 0px;
}


#yaoti {
position: absolute;
right: 335px;
width: 241px;
overflow-x: hidden;
top: 0px;
z-index: 100;
display:block;
}



#main ul, #main ol {
font-size: 0.8125em;
color: #333;
}

#main ol li ol li{
font-size: 1.240em;
color: #333;
}
#content ul li ul{
padding-left: 14px;
}

#content ol li ol{
padding-left: 20px;
border: 1px solid black;
}

#main ul{
padding-left: 0;
margin-left: 17px;
}

#main ul li ul{
padding-left: 0px;
font-size: 1em;
}

#main ol {
padding-right: 25px;
padding-left: 0px;
margin-left: 24px;
}

.urlaubsberatung {
position: absolute;
right: 0;
top:50px;
}

#topnavi {
display:block !important;
position: absolute;
right: 13px;
font-size: 0.8125em;
color: #000;
}

#topnavi a{
color: #000;
}