/* übernommen von karstadt */
img,ul,li{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
div,a,li{font-family:'Trebuchet MS',Arial,Verdana,sans-serif;color:#0c274b;font-size:12px;line-height:16px;font-weight:normal;}
ul{list-style:none;}
li{float:left;}


/* breadcrump */
.breadcrump {
    line-height: 30px;
    height: 30px;
    padding:0 10px 0 11px; 
    color: #707070; 
}
.breadcrump span {
    padding-right: 4px;
}
.breadcrump a {
    color : #707070;
    text-decoration: none; 
    padding: 0 4px 0 0;
}


/** VA agb **/
.tx-ttmpsvaagb-pi1 table {
    width:100%;
    vertical-align:middle;
}
.tx-ttmpsvaagb-pi1 th {
    color: #0C274B;
    padding: 4px 6px 4px 6px;    
    font-weight: bold;
    font-size: 14px;
    background-color: #cccccc;
    vertical-align:middle;
}
.agbline {
    border-bottom: 1px solid #b6bcc7;
}
.tx-ttmpsvaagb-pi1 td {
    font-size:12px;
    font-weight: normal;
    padding:3px;
    height: 21px;
    vertical-align:middle;
}
.tx-ttmpsvaagb-pi1 td a{
    color: #0C274B;
    font-weight: bold;
    background-image:url(../images/pfeil_vor.gif);
    background-position:0 2px;
    background-repeat:no-repeat;
    padding:0 0 0 10px;
}

/** mail **/
#mail .heading {
    font-weight: bold;
    padding: 0 0 15px 10px;
}
#mail .mailtext{
    padding: 0 0 0 10px;
}
#mail td {
    padding: 0 0 0 10px;
    font-size: 12px;
    color: #0C274B;
    line-height: 26px;
}
#mail select,
#mail input {
    font-size: 12px;
    color: #0C274B;
    height: 14px;
    background-color: #f5f5f5;
    border: 1px solid #7f9db9;
    width: 270px;
}
#mail input.small {
    width: 90px;
}
#mail select {
    height: 20px;
}
#mail textarea {
    background-color: #f5f5f5;
    border: 1px solid #7f9db9;
    font-size: 12px;
    color: #0C274B;
    width: 460px;
    height: 160px;
}

#mail input.contcatSend {
    border: 0px none;
    height: 27px;
    width: 186px;
}

/** faq **/
#mail,
.faq {
    padding: 20px 30px 0 0; 
    font-size: 12px;
    color: #0C274B;   
}
#mail h2,
.faq h2 {
    background-color: #cccccc;
    font-size:14px;
    font-weight:bold;
    margin: 0 0 20px 0;
    padding: 0 0 0 10px;
    line-height: 24px;
    color: #0C274B;
}

.faq ul {
    list-style-type: disc;
    padding: 0 0 0 15px;
    margin: 10px 0 0 0;
}

.faq li  {    
    margin: 10px 0 0 0;       
    float: none;
} 
.faq li a {
    font-size:12px;
    line-height: 18px;
    color: #0C274B;
    font-weight:bold;
    text-decoration: underline;
}

/** Service **/
#service {
    border:1px solid #8590A2;
    margin:0 10px 10px 0;
    padding: 10px;
}
.serviceleft {
    float: left;
    width: 200px;
}
.serviceright {
    float: left;
    width: 730px;
}
/** Servicemenu **/

.servicemenu {    
    font-size: 12px;
    color: #0C274B;
    padding: 55px 10px 10px 10px;
}
.servicemenu ul {
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin: 0;
    padding: 0;
}
.servicemenu li {
    float: none;
}
.servicemenu a {
    background-image: url(../images/pfeil_vor.gif);
    background-repeat : no-repeat;
    background-position: 0 2px;    
    color: #0C274B;
    text-decoration: underline;
    line-height: 22px;
    padding: 0 0 0 15px;
}

.servicemenu a.active {
    background-image: url(../images/pfeil_aktiv.gif);
    background-repeat : no-repeat;
    background-position: 0 2px;  
    color: #0C274B;
    text-decoration: none;
    font-weight: bold;
}

.servicehead {
    font-weight: bold;
    padding: 0 0 15px 0;
} 


/** Allgemein **/
body {
    margin: 0 30px 20px 30px;
    font-family: 'Trebuchet MS',Arial,Helvetica,sans-serif;
}

.ttClear {
    clear:both;
    width: 0;
    height: 0;
    line-height: 0;
    background: url(/clear.gif) no-repeat; 
}

#contentWrap {
    margin:0 auto;
    position:relative;
    width:980px;
    padding: 0 20px 0 20px;
}
#content {
    padding: 0 0 10px 10px;
    background-color: #ffffff;
    width: 970px; 
    color: #0C274B;
}

#column1 {
    float: left;
    width: 194px;
}

#column4 {
    float: left;
    width: 776px; 
}



/**
* ------------ MAINMENU BEGIN ---------------------
*/

.mainmenu_wrap {
    padding-bottom: 10px; 
}

#mainmenu {    
    text-align:left;
    height:24px;
    width: 960px;
    padding:8px 10px 10px;
    background-color: #ffffff;
}

#mainmenu ul.menu {    
    padding: 0px;
    margin:0px;
    height: 24px;      
}

ul.menu, ul.menu ul {
    list-style-type: none;
}

ul.menu a {
    display: block;
    text-align: center;
    color: #313131;
    font-size: 11px;      
    text-decoration: none;
    line-height: 24px;
    margin: 0;
    background-color:#B5B5B5;
}

#mainmenu td {
    padding-left: 2px;
}

#mainmenu td.first {
    padding-left: 0px;
}

ul.menu ul a {
    margin: 0px;
    color: #ffffff;
    line-height: 26px;    
    text-align: left;  
    font-weight: normal;  
    background-color: #0c274b;  
    padding: 0px 4px 0 4px;    
}


ul.menu li.hover a,
ul.menu a:hover,
ul.menu a.active {
    background-color:#0c274b;
    color: #ffffff;
}

ul.menu li {
    padding:0;
    margin:0;
    float:left;  
    width: 100%; 
}

ul.menu ul {
    margin-left:0;    
    padding: 0;
    position: absolute;
    background-color: red;
    display:none;
    width:120px;
    z-index: 5000;

}

/* IE-Hack für die Breite */
*html ul.menu ul {
    width:120px;
}

/* Dies sind die Klassenstile für das Untermenü wenn sich die Maus */
/* über der Liste  befindet (.hover siehe JavaScript oben) */
ul.menu ul.hover, ul.menu li.hover ul, ul.menu li:hover ul  {
    display:block;
}

ul.menu ul li {
    float:none;    
}
ul.menu  a.last {
    color: #e2001a;
} 
/**
* ------------ MAINMENU END ----------------------
*/

/** office menu */
#officemenu {
    padding: 0 10px 0 0;
}
.officeBackLink {
    float: left;
}
.officeBackLink a {
}

.officemenuwrap {
    float: right;
    padding-top: 10px;
}

#officemenu ul {    
    list-style-type:none;
    margin:0;
    padding:0;
}    
#officemenu ul li {
    float:left; 
    color: #ffffff; 
    line-height: 22px;
    height: 24px;
    width: 174px;
    background-image: url(../images/office/reiter.gif);
    background-repeat : no-repeat;
    background-position: 0px -24px;
    text-align: center;
    position: relative;
    top: 1px;
}

#officemenu ul li.first {
    left:20px;
    z-index: 91;
}
#officemenu ul li.firstact {
    left:20px;
    z-index: 100;
    background-position: 0px 0px;
}
#officemenu ul li.firstact a {
    font-weight: bold;
    color: #0C274B;
}
#officemenu ul li.second {
    left:10px;
    z-index: 90;
}
#officemenu ul li.secondact {
    left:10px;
    z-index: 100;
    background-position: 0px 0px;
}
#officemenu ul li.secondact a {
    font-weight: bold;
    color: #0C274B;
}
#officemenu ul li.thirdact {
    z-index: 100;
    background-position: 0px 0px;
}
#officemenu ul li.thirdact a {
    font-weight: bold;
    color: #0C274B;
}
#officemenu ul li a {
    font-size: 11px;
    text-decoration: none;   
    color: #0C274B; 
}

#office {
    border: 1px solid #8590a2;
    margin: 0 10px 10px 0;
    padding: 6px;
    font-size: 11px;
}

#officeleft {
    float: left;
    width: 370px;
    padding: 0 12px 0 0;
}

#officeright {
    float: left;
    width: 564px;
}



/** kleine Such box **/
#osSmall {
    width: 182px;
    height: 74px;
    margin: 0 10px 10px 0;
    border: 1px solid #a8b0bd; 
}
#osSmall form {
    margin: 5px 0 0 0;
    padding: 0px;
}

#osSmall input {
    float:left;
    font-size:11px;
    height:14px;
    margin:0 15px 0 0;
    width:60px;
}
.osHead {
    line-height: 18px;
    color: #ffffff;
    font-size: 11px;
    margin: 0px;
    padding: 0 4px 0 4px; 
    background-color: #0c274b;   
}
.osWrap {
    background-image: url(../images/office/teaser_reisebuerosuche.jpg);
    background-repeat : no-repeat;
    padding: 4px;
}
.osText {
    font-size: 11px;
    line-height: 12px;
}

/** footer **/

.footer ul {
    display:inline;
    list-style-type:none;
    margin:0;
    padding:0;
}
.footer li {
    display:inline;   
    color: #383939; 
    float: none;
}
.footer li a {
    color:#383939;
    line-height: 24px;
}

.footer {
   width: 980px; 
   font-size: 11px;
   text-align: center;
   padding: 5px 0 8px 0;
   color: #383939;
}
/** Flex Box 1x1 **/

#box_1x1 {
    width: 182px;
    height: 74px;
    margin: 0 10px 6px 0;
    border: 1px solid #a8b0bd;  
    background-image: url(../images/teaser/1px_verlauf.jpg);
    background-repeat : vertical;
    background-position: 0 0;  
}

#box_1x1 img {
    float: left;
    cursor: pointer;
}

#box_1x1 div {
    padding: 4px;
}

#box_1x1 h4 {
    line-height: 18px;
    color: #ffffff;
    font-size: 11px;
    margin: 0px;
    padding: 0 4px 0 4px; 
    background-color: #0c274b;   
}

#box_1x1 h5 {
    font-size: 11px;
    font-weight:bold;
    margin: 0 0 4px 0; 
}
#box_1x1 p {
    margin: 0;
    padding: 0;
    font-size: 10px;
    line-height: 13px;  
}

/** Mitarbeiter Liste **/
.employLeft {
    float: left;
    padding : 0 10px 10px 0;
    width: 100px;
}
.employRight {
    float: left;
    padding : 0 0 10px 0;
    width: 454px;
}
.employName {
    font-weight: bold;
}
.employText {
    margin-top: 15px;
}

.ttLine {
    border-top: 1px solid #8590A2;
    margin-bottom : 10px;
}

/** current office **/
#currentOffice {
    border:1px solid #8590A2;
    width: 182px;
    height: 574px; 
    margin: 0 10px 10px 0;
    color: #0C274B; 
    font-size: 11px;  
    line-height: 15px; 
}
.currentImgTxt {
    background:#F7A800 none repeat scroll 0 0;
    color:#FFFFFF;
    font-size:12px;
    font-weight:bold;
    padding:2px 0 2px 4px;
    height: 16px;
}

.currentInfoText {
    padding: 4px 0 4px 4px;
    font-size:12px;
}
.currentInfoText p {
    margin: 0px;
    line-height: 15px;
}

.currentLink {
    padding-top: 5px;
    text-align: center;
}
 
.currentLink a {
} 
    
.currentLogo {
    padding: 4px 0 2px 4px;
}

.currentLogo img {
    max-width: 174px;
}

.currentAdress {
    padding:4px 0 4px 4px;
    line-height: 15px;
}
.currentAdress a {
    color: #0000EE;
    text-decoration: underline;
}

#currentOffice h3 {
    color: #0C274B;
    margin : 0;
}
.oSite {
    color: #0C274B;
}
.oSite img {
    margin-bottom: 4px;
}

.oAdress {
    margin-bottom: 10px;
    color: #0C274B;
}

#employee {
    margin-top: 10px;
}

.times {
    margin-bottom: 15px;
    color: #0C274B;
}

.tt_col_fl_left { float: left; }
.tt_col_fl_right { float: right; }