@viewport {
   width: device-width, initial-scale=1.0;
}

body 
{
    margin:0;
    padding:0;
    color:#fff;    
    font-family: Arial, Sans-Serif;
    font-size: 14px;
    text-align:left;
    overflow-x:hidden;
}

/*ausblenden*/
div.footerLinkPics
{
    display:none;
}
/*/ausblenden*/

img
{
    border-style: none;
    border:0;
}

p
{
    margin:0;
    padding:17px 15px 0 15px;    
    font-size: 13px;
    font-family: "Arial", Sans-Serif;
    line-height:21px;
    color:#808080;
}

h1
{
    margin:0;
    font-weight:bold;
    padding:17px 15px 0 15px;    
    font-size: 20px;
    line-height:28px;
    color:#262626;
    text-transform:uppercase;         
}

h2
{
    margin:0;
    font-weight:bold;
    padding:17px 15px 0 15px;    
    font-size: 20px;
    line-height:28px;
    color:#262626;
    text-transform:uppercase;         
}

h3
{
    margin:0;
    font-family: "Arial Narrow", Sans-Serif;
    font-weight:normal;
    padding:17px 15px 0 15px; 
    line-height:20px;       
    font-size: 12px;
    text-transform:uppercase;  
    color:#262626;       
}

a
{
    text-decoration:none;
    margin:0;
    padding:0;    
    color:#A5C55A;    
}

div.backgroundImage
{
    width:100%;
    height:100%;
    position:fixed;
    z-index:0;
    left:100%;
}

div.backgroundImage.active
{
    left:0;
    z-index:1;
}

a.back
{
    width:50px;
    height:50px;
    background:url(../pics/button_left.png) no-repeat 20px 0;   
    padding-left:20px; 
    position:fixed; 
    z-index:3;   
    
}

a.next
{
    width:50px;
    height:50px;
    background:url(../pics/button_right.png) no-repeat 0 0;      
    padding-right:20px;  
    position:fixed;  
    right:0;  
    z-index:3;   
    
}

.multiLanguage
{
    position: relative;
    display: inline-block;
    margin-top: 5px;
    margin-right: 10px;
    float: right;  
}

div.backgroundRepeat
{
    width:100%;
    height:100%;
    background:url(../pics/bg_repeat.png) 0 0;
    position:fixed;
    z-index:2;   
}

div.search
{
    position:relative;
    float:right;
    z-index:9;
}

div.search input
{
	width: 320px;
	border: none;
	background: #f7f7f7;
	opacity: 0.52;
    filter: alpha(opacity=52);
	color: #262626;
	float: left;
	padding: 0 0 0 15px;
	font-size: 12px;
	height: 35px;
}

::-webkit-input-placeholder { /* WebKit browsers */
    color:    #262626;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #262626;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #262626;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    #262626;
}

div.search a
{
	display: block;
	float: left;
	width: 45px;
	height: 35px;
	background: url(../pics/btnsearch.png) no-repeat;
	padding:0;
}

div.centerSite
{
    width:960px;
    height:100%; 
    margin: 0 auto;
    z-index:3;
    position:relative;
}

div.logo
{
    float:left;  
    padding-top:20px;
}

div.logo a
{
    padding:0;
    margin:0;
}
div.header
{
    height:173px; 
    padding-top:20px;
    float:right;  
}

div.navi {
    margin-top:52px;
    float:right;
    width:100%;
    position:relative;
}
div.headerMenuMobile {display:none;}
div.naviMenuMobile {display:none;}

div.navi ul {
    padding: 0px;
    margin: 0px;
    text-align: left;
}

div.navi ul li {
    list-style: none;
    float:left;
    padding: 0 20px 0 20px;
    height: 37px;
}
div.navi ul li a 
{
    padding: 0 0 9px 0;
    text-decoration: none;
    font-weight:bold;
    font-size: 15px;
    line-height:37px;
    text-transform:uppercase; 
    color:#fff;   
    position:relative;
    z-index:1;
}

div.navi ul li.last a {
    padding-right:0;
}

div.navi ul li:hover
{
    background-color:#fff;
}

div.navi ul li.sel > a {
    /* Border unten*/
    border-bottom:3px solid #fff;
}

div.navi ul li:hover > a {
    /* Border unten*/
    color:#262626;
    border-bottom:3px solid #000;
}

div.navi ul li:hover > ul
{
    display: block;
}

div.navi ul li ul{
    display: none;
    position: absolute;
    padding:0px;
    left:0;
    top: 37px;
    width:100%;
    background:#fff;
}
div.navi ul li ul li{
	background-color:#fff;
	padding: 0;
	height: 49px;
}

div.navi ul li ul li a {
    font-size: 12px;
    text-transform:uppercase; 
    color:#808080;
    padding: 0 20px;
    line-height: 49px;
    border: none;
}

div.navi ul li:hover ul li a
{
    border: none;
}

div.navi ul li ul li a:hover,
div.navi ul li ul li.sel a
{
	color: #262626;
	background-color: #fff !important;
	border-bottom:none;
}


div.navi ul li.only:hover
{
	background-color: transparent !important;
}

div.navi ul li.only:hover > a
{
    color:#fff;
    border-color:#fff;
}

div.content
{
    width:960px;
    margin: -25px 0 0 0;
    position: absolute;
}

div.left,
div.right
{
    width:350px;
    height:100%;
    float:left;
    margin-left:20px;
    padding-bottom:70px;
}

div.left
{
    margin-left:0;
    padding-top:100px;
}

div.mid
{
    width:220px;
    height:100%;
    float:left;  
    margin-left:20px;    
    padding-bottom:70px;      
}

div.searchSite
{   
    background:url(../pics/darkgrey_repeat.png);
    padding-bottom:17px;
}

div.searchSite a
{
    margin:0;
    padding:0;
    color:#fff;
}

div.searchSite .pager
{
    padding-top:10px;
    padding-right:17px;
    float:right;    
}

div.searchSite .pager a
{
    margin:0;
    padding: 0 5px 0 5px;
    color:#fff;
}

div.searchSite .pager a.sel,
div.searchSite .pager a:hover
{
    text-decoration:underline;
}

div.searchSite p.searchResult
{
    padding-top:20px;    
}

div.twoColRight
{
    width:590px;
    height:100%;
    float:left;  
    margin-left:20px;    
    padding-bottom:70px;  
    padding-top:25px;    
}

div.twoColRight iframe
{
    border:0;
}

/* neu */

.boxTrans
{
    /*Trans*/
    padding-bottom:25px;
    padding-top:25px;
    width:100%;
}

.boxTrans p
{
    font-size: 35px;
    line-height:43px;
    text-transform:uppercase; 
    font-family: "Arial", Sans-Serif;
    color:#fff;
}

.boxTrans p,
.boxTrans h1,
.boxTrans h2,
.boxTrans h3,
.boxTrans a
{
    color:#fff; 
}

.boxTrans p,
.boxTrans span,
.boxTrans h2
{
    padding:0;
}

.boxRed
{
    background-color:#d6282c;
    margin-top:25px;
    padding-bottom:25px;    
    width:220px;   
}

.boxRed p,
.boxRed h1,
.boxRed h2,
.boxRed h3,
.boxRed a
{
    color:#fff; 
}

.boxTransDarkGrey
{
    background: url(../pics/darkgrey_repeat.png);
    margin-top:25px; 
    padding-bottom:25px;  
    width:220px;       
}

.boxTransDarkGrey p,
.boxTransDarkGrey h1,
.boxTransDarkGrey h2,
.boxTransDarkGrey h3,
.boxTransDarkGrey a
{
    color:#fff; 
}

.boxTransGrey
{
    background: url(../pics/grey_repeat.png);  
    margin-top:25px;
    padding-bottom:25px;    
    width:220px;           
}

.boxTransGrey p,
.boxTransGrey h1,
.boxTransGrey h2,
.boxTransGrey h3,
.boxTransGrey a
{
    color:#fff; 
}

.boxGrey
{
    background-color:#b3b3b3;
    margin-top:25px;
    width:220px;      
}

.boxGrey p,
.boxGrey h1,
.boxGrey h2,
.boxGrey h3,
.boxGrey a
{
    color:#fff; 
}

.boxWhite
{
    background-color:#fff;
    margin-top:25px;
    padding-bottom:25px;   
    width:220px;      
}

.boxWhite h1,
.boxWhite h2
{
    color:#262626;
}

.boxWhitePic
{
    width:350px; 
    margin-top:25px;
    background-color:#fff; 
}

.boxWhitePic h1,
.boxWhitePic h2
{
    color:#262626;
    font-weight:normal;
    font-size:16px;
}

.boxWhiteKarte
{
    width:350px; 
    margin-top:25px;
    background-color:#fff; 
}

div.linkBox,
div.bistroBox
{
    margin-top:25px;
}

div.linkBox h1,
div.linkBox h2,
div.linkBox h3
{
    margin:0;
    font-family: "Arial Narrow", Sans-Serif;
    font-weight:normal;
    padding:17px 15px 0 15px;        
    font-size: 12px;
    text-transform:uppercase;  
    color:#fff;   
}

a.moreLink
{
    text-decoration: none;
    margin: 0px;
    padding: 13px 15px;
    display:block;
    height:25px;
    line-height:25px;
    color:#fff;
    background:url(../pics/link_arrow.png) no-repeat 200px center;
}

a.moreLink.pic
{
    background:url(../pics/link_arrowpic.png) no-repeat 0 center;
    padding-left:50px;
}

.boxGrey a.moreLink
{
    border-top:1px solid #fff;
    margin-top: 25px;
}

.boxGrey a.moreLink + a.moreLink
{
    margin-top: 0;
}

.boxWhitePic a.moreLink,
.boxWhiteKarte a.moreLink
{
    border-top:1px solid #E6E6E6;
    margin-top: 25px;
    color:#262626;
    background:url(../pics/link_white_arrow.png) no-repeat;
    text-align:right;
    padding-right:50px;
}

.boxWhitePic a.moreLink + a.moreLink,
.boxWhiteKarte a.moreLink + a.moreLink
{
    margin-top: 0;
}

div.linkBox,
div.bistroBox
{
    width:220px;
}

div.linkBox h3,
div.linkBox h2,
div.linkBox h1,
div.linkBox p
{
    background: url('../pics/grey_repeat.png');
    height:25px;
    line-height:25px;
    margin:0;
    padding: 13px 15px;
}

div.linkBox .moreLink,
div.bistroBox .moreLink
{
    background: url('../pics/link_grey_arrow.png');
}

div.bistroBox .moreLink:hover
{
    background: url('../pics/link_grey_arrow_green.png');
    color:#a5c55a;
}

div.linkBox .moreLink:nth-child(even),
div.bistroBox .moreLink:nth-child(even)

{
    background: url('../pics/link_darkgrey_arrow.png');
}

div.bistroBox .moreLink:nth-child(even):hover

{
    background: url('../pics/link_darkgrey_arrow_green.png');
}

div.boxTransGrey .moreLink
{
    margin-top: 25px;
    background: url('../pics/link_darkgrey_arrow.png');
}

div.boxTransGrey.withLink
{
    padding-bottom:0;
}

/* /neu */

.boxWhitePic p,
.boxWhitePic h2
{
    padding-left:30px;
    padding-right:30px;
}

.boxWhitePic table tr td
{
    color: #808080;   
}


table
{
    padding-top:17px;    
}

table.bistro
{
    padding-top:0;    
}


table.bistro td,
table.bistro tr
{
    padding:0;
    margin:0; 
}

table p,
table span,
table h2
{
    padding-top:0;    
}

table.bistro p,
table.bistro span,
table.bistro h2
{
    padding-top:25px;    
}

table.bistro td.text p,
table.bistro td.text span,
table.bistro td.text h2
{
    margin-right:30px;    
    padding-right:0;
}

table.bistro td.eur
{
    width:70px;
}

table.bistro td.eur p,
table.bistro td.eur h2
{
    margin-right:0;
    padding-right:10px;
    text-align:right;
}

div.footer
{
    background:#000;  
    width:100%;
    height:50px; 
    bottom:0;
    position:fixed;
    left:0;
}

div.footer ul {
    padding: 0px;
    margin: 0px;
    text-align: left;
}

div.footer ul li {
    list-style: none;
    float:left;
}
div.footer ul li a {
    text-decoration: none;
    display: block;
    padding: 0 20px;
    font-size: 12px;
    font-family: Arial,sans-serif;
    line-height: 20px;
    text-transform: uppercase;
    color:#fff;
    line-height:50px;
}

div.w960
{
    width:960px;
    margin:0 auto;
}

div.w430
{
    width:520px;
    margin:0 auto;
    height:50px;
}

div.footerLinkPics
{
    margin:7.5px 0 0 0;
    float:right;
}

div.footerLinkPics a
{
    padding:0;
    margin:0;
}

@media screen and (max-width:1149px) 
{
    a.back
    {
        display:none;
    }

    a.next
    {
        display:none;
    }
}

@media screen and (max-width:1007px) 
{
       
    div.left,
    div.mid,
    div.right
    {
        float:left;  
        overflow:hidden;
	    clear:both;	
	    width:350px;
	    margin-left:0;
	    padding-bottom:25px;
    }
    
    div.twoColRight
    {
	    margin-left:0;
	    padding-bottom:25px;
    }
    
    .multiLanguage {
        position: absolute;
        left: 5%;
    }
    
    div.search
    {
        position:absolute;
        left:0;
        top:240px;
    }
    
    div.search input
    {
        width:320px;
    }
    
    div.navi{display:none;}
    
    div.headerMenuMobile
    {
        display:block;
        height:55px;
        float:left;
        margin-left:20px;
        background:url(../pics/menu.png) no-repeat;
        width:55px;
        cursor: pointer;
        -webkit-user-select: none;
          -moz-user-select: none;
          -ms-user-select: none;
          user-select: none;
          position:absolute;
          left:50px;
    }
    
    div.naviMenuMobile
    {
        display:block;
        width:230px;
        position:fixed;
        right:-320px;
        top:75px;
        z-index:10;
        background:#fff;
        height:100%;
    }
    
    div.naviMenuMobile ul 
    {
        display: block;
        padding: 0px;
        margin: 0px;
        text-align: left;
        background:#fff;        
    }

    div.naviMenuMobile ul li {
        display: block;
        list-style: none;
        width:100%;
    }
    div.naviMenuMobile ul li a {
        text-decoration: none;
        display: block;
        padding: 13px 20px 6px 20px;
        font-weight:bold;
        font-size: 15px;
        text-transform:uppercase; 
        color:#262626;
        float:left;
        clear: left;
    }

    /*
    div.naviMenuMobile ul li.first a {
        padding-left:0;
    }
    */

    /*
    div.naviMenuMobile ul li.last a {
        padding-right:0;
    }
    */

    div.naviMenuMobile ul li:hover > a,
    div.naviMenuMobile ul li.sel > a
    {
        /* Border unten*/
        background-color:#fff;
        color:#262626;
        border-bottom:3px solid #000;
    }

    div.naviMenuMobile ul li ul{
        display: none;
        position: relative;
        padding:0px;
        left:0;
        width:100%;
        background:#fff;
    }
    
    div.naviMenuMobile ul li:hover > ul,
    div.naviMenuMobile ul li.sel > ul
    {
        display: block;
    }
    
    div.naviMenuMobile ul li ul li{
	    background-color:#fff;
    }

    div.naviMenuMobile ul li ul li a {
        font-size: 12px;
        text-transform:uppercase; 
        color:#808080;
        padding: 10px 20px 10px 20px;
        margin: 0;
    }

    div.naviMenuMobile ul li ul li a:hover,
    div.naviMenuMobile ul li ul li.sel a
    {
	    color: #262626;
	    background-color: #fff !important;
	    border-bottom:none;
    }
    
    div.footer {
        /* width: 360px; */
        width: 100%;
    }
    
    div.footer .w960 {
        width: 100%;
        margin: 0;
    }
    
}

@media only screen and (max-width:500px) 
{    
    div.search input
    {
        width:225px;
    }
    
    div.content
    {
        position:relative;
    }
    
    div.footer
    {
        height:auto;
        padding: 20px 0px;
        position:relative;
    }
    
    div.footer ul li a
    {
        line-height:40px;
        display: inline;
    }
    
    div.footer ul li {
        float: none;
    }
    
    div.footer .w430
    {
        margin:0;
        width:100%;
        height:100%;
    }
}

.white,
p.white
{
    color:#fff;
}

.grey,
p.grey
{
    color:#808080;
}

.darkgrey,
p.darkgrey
{
    color:#262626;
}

.big,
p.big
{
    font-family: "Arial Black", Sans-Serif;
    font-weight:900;
}

.larger,
p.larger
{
    font-size:15px;
}

.green,
p.green
{
    color:#A5C55A;
}

.narrow,
p.narrow
{
    font-size:15px;
    font-family: Arial Narrow,sans-serif;
    text-transform:uppercase;
}

div.clearer {
	overflow:hidden;
	clear:both;	
	height: 0;
	line-height: 0;
}

div.teamleft
{
	float:left;
	width: 220px;
	margin: 0 20px 24px 0;
}

div.teamleft p
{
	margin:7px 0 5px 0;
    padding:0 15px 0 15px;
    line-height:13px;
}

div.teamright
{
	width: 220px;
	float:right;
	margin: 100px 130px 24px 0;
}

div.teamright p
{
	margin:5px 0 5px 0;
    padding:2px 15px 0 15px;  
	line-height:13px;
}

div.teamstruc
{
	height: 200px;
	background: white;
	margin: 0 0 20px 0;
}

div.whitebg
{
	background:white;
}

div.boxGalerie
{
    background:#fff;
    padding-bottom:25px;
}


div.boxGalerie .Galerie
{
    padding:0 0 0 20px;
    margin:0;
}

div.boxGalerie .Galerie a
{
    float:left;
    margin-right:20px;
    margin-top:20px;
}

div.boxGalerie img
{
    width:170px;
    height:115px;
}