/*==============================================
Projekt: 
Start: 
Code: 
Online: 
Server: 
==============================================*/

/* DEFAULTS
==============================================*/
#Body {
    background-color: #3c3c3e;
    min-height: 100%;
}
/* set default page bg here */
.swReset .reContentCell {
    background-color: #FAFAFA !important;
}
/* set default bg for html editor only here */

.swReset, .swReset .Normal, .swReset th, .swReset input, .swReset textarea, .swReset h2, .swReset h3, .swReset h4, .swReset h5, .swReset h6, #frm_upload {
    font-family: Arial,Helvetica,Verdana,sans-serif;
    font-size: 13px;
    color: #3c3c3e;
}
    /* set default font here */

    .swReset a:link, .swReset a:visited {
        color: #791c2a;
        text-decoration: none;
        font-weight: normal;
    }
    /* set default link style here */
    .swReset a:hover, .swReset a:active {
        color: #791c2a;
        text-decoration: underline;
        font-weight: normal;
    }
    /* set default hover style here */

    .swReset ul, .swReset ol {
        margin: 0;
        padding: 0;
        padding-left: 17px;
        list-style-position: outside;
    }
    /* set default list styles here */
    .swReset li, .RadEditor .reContentArea ul li {
        list-style: square none outside !important;
        list-style-type: square;
        margin: 0px;
        padding: 0px;
        list-style-position: outside;
    }
/* set default list styles here */

.swRoot {
    margin: 0 auto;
    width: 100%;
    background-color: #3c3c3e;
    /*padding: 4px;*/
}

.swRoot


/* set page width, page bg and page margins here */
.swModuleContainer {
    background-color: #FFFFFF;
    padding: 4px;
    margin-top: 4px;
}
/* set default module bg here */

/*.swActions {position:absolute; right:0px;}*/ /*use this to align Header Actions to the right*/
/*.swActions {position:absolute; left:0px;}*/ /*use this to align Header Actions to the left*/


/* CONTORTIONIST LISTS EXAMPLE
==============================================*/
.list_skin .list_content .item_data {
    behavior: url(/DesktopModules/SitewalkUI/htc/PIE.htc); /* Adds some CSS3 support to IE */
    background: #DDDDDD; /*fallback for non-CSS3 browsers*/
    background: -webkit-gradient(270deg,linear, 0 0, 0 100%, from(#DDDDDD) to(#FFFFFF)); /*old webkit*/
    background: -webkit-linear-gradient(270deg, #DDDDDD, #FFFFFF); /*new webkit*/
    background: -moz-linear-gradient(270deg, #DDDDDD, #FFFFFF); /*gecko*/
    background: -ms-linear-gradient(270deg, #DDDDDD, #FFFFFF); /*IE10*/
    background: -o-linear-gradient(270deg, #DDDDDD, #FFFFFF); /*opera 11.10+*/
    background: linear-gradient(180deg, #DDDDDD, #FFFFFF); /*future CSS3 browsers*/
    -pie-background: linear-gradient(270deg, #DDDDDD, #FFFFFF); /*PIE*/
    border-left: 1px solid #AAAAAA;
    border-right: 1px solid #AAAAAA;
    border-top: 4px solid #AAAAAA;
    border-bottom: 1px solid #AAAAAA;
    -moz-border-radius: 3px 3px 3px 3px;
    border-radius: 3px;
    padding: 5px;
    padding-bottom: 9px;
}

/* GALLERY LIST EXAMPLE
==============================================*/
.gallery_image .list_content .item_data {
    behavior: url(/DesktopModules/SitewalkUI/htc/PIE.htc); /* Adds some CSS3 support to IE */
    float: left;
    background: #DDDDDD; /*fallback for non-CSS3 browsers*/
    background: -webkit-gradient(270deg,linear, 0 0, 0 100%, from(#DDDDDD) to(#FFFFFF)); /*old webkit*/
    background: -webkit-linear-gradient(270deg, #DDDDDD, #FFFFFF); /*new webkit*/
    background: -moz-linear-gradient(270deg, #DDDDDD, #FFFFFF); /*gecko*/
    background: -ms-linear-gradient(270deg, #DDDDDD, #FFFFFF); /*IE10*/
    background: -o-linear-gradient(270deg, #DDDDDD, #FFFFFF); /*opera 11.10+*/
    background: linear-gradient(180deg, #DDDDDD, #FFFFFF); /*future CSS3 browsers*/
    -pie-background: linear-gradient(270deg, #DDDDDD, #FFFFFF); /*PIE*/
    border-left: 1px solid #AAAAAA;
    border-right: 1px solid #AAAAAA;
    border-top: 4px solid #AAAAAA;
    border-bottom: 1px solid #AAAAAA;
    -moz-border-radius: 3px 3px 3px 3px;
    border-radius: 3px;
    padding: 4px;
    margin-right: 10px; /*set the default margin here*/
    margin-bottom: 10px; /*set the default margin here*/
}

.gallery_image .list_content .item_data_image {
    background: none;
    -pie-background: none; /* remove BG in IE */
    border: none;
    padding: 0px;
    margin-top: 8px; /* compensate missing border and padding, so float with album and images works */
    margin-bottom: 16px; /* compensate missing border and padding, so float with album and images works */
}


/* RADEDITOR CUSTOM CSS CLASSES EXAMPLE
==============================================*/
.RadEditorClass, .MyCustomClass {
    background-color: black;
    color: #FFFFFF;
}


/* CUSTOM STYLE
==============================================*/

/* Layout */

.positionPane {
    margin-top: 100px;
    background-color: #FFF;
}

.mainPane {
    background-color: #FFF;
    width: 960px;
    margin: 0 auto;
    margin-bottom: -2px;
}

.swContentLeft {
    position: relative;
    float: left;
    width: 480px;
}

.swContentRight {
    position: relative;
    float: right;
    height: 100%;
    margin-top: -190px;
    margin-right: 50px;
}

.contentPaneLeft {
    position: relative;
    width: 448px;
    padding-bottom: 70px;
    padding-left: 80px;
    border-right: #791c2a;
    border-right-style: solid;
    border-right-width: 2px;
    padding-right: 100px;
}

.socialMediaPane {
    width: 200px;
}

.panelbar {
    margin-top: 160px;
}

.logo {
    padding-top: 30px;
    padding-bottom: 50px;
}

.languagePane {
    padding-top: 40px;
    margin-bottom: -25px;
}

.footerMain {
    width: 960px;
    margin: auto;
}

.footerLeft {
    position: relative;
    float: left;
}

.footerRight {
    position: relative;
    float: right;
    height: 100%;
    width: 332px;
}


/*Logo im Hintergrund*/
.bgLogo {
    background-image: url(/Portals/0/bgLogo_synsasia.png) !important;
    height: 170px;
    background: no-repeat;
    z-index: 10 !important;
    margin-top: -48px;
    margin-left: -127px;
}

/*Weisse Linie Footer*/
.footerPane {
    position: relative;
    border-left: 2px;
    width: 300px;
    border-left-style: solid;
    border-left-color: white;
    padding-left: 30px;
    z-index: 13;
    margin-top: -120px;
    padding-top: 10px;
    padding-bottom: 0;
}

    .footerPane > a {
        color: white;
    }

/*Edit Bereich*/
.swRootEdit .contentPaneLeft {
    position: relative;
    width: 1000px;
}

/* Formatierung languagePane */
.positionPane .mainPane .swContentRight .languagePane > span {
    color: white !important;
    font-family: 'Titillium Web', sans-serif;
    font-size: 13px;
    font-weight: normal;
    padding-right: 15px;
}

    .positionPane .mainPane .swContentRight .languagePane > span > a {
        color: #8a8a8b !important;
    }

        .positionPane .mainPane .swContentRight .languagePane > span > a:hover {
            text-decoration: underline;
        }

/* Formatierung Navigation */

/*Schrift Inhalt*/
.swRoot .swContentRight .RadPanelBar {
    font-family: 'Titillium Web', sans-serif;
    font-size: 13px;
    font-weight: 400;
}

    /* Keine Linien um die Navigation, Abstand der Navigationspunkte*/
    .swRoot .swContentRight .RadPanelBar .rpRootGroup {
        border: none;
        line-height: 35px;
    }

        /*Springen der Zeile unterbinden */
        .swRoot .swContentRight .RadPanelBar .rpRootGroup .rpOut {
            border: none !important;
        }

    .swRoot .swContentRight .RadPanelBar a:hover {
        text-decoration: none;
    }



/*Schrift und Boarder in Grau*/
.swRoot .RadPanelBar .rpText, .swRoot .RadPanelBar a.rpLink {
    color: #3c3c3e;
    border: none;
}

/* Hover */
.swRoot .swContentRight .RadPanelBar .rpLink:hover .rpText {
    border-bottom: 1px solid #791c2a;
    color: #791c2a;
    display: inline;
}


.RadPanelBar a.rpLink:hover .rpOut {
    padding: 0 !important;
}


/* Aktuelle Auswahl */
.swRoot .swContentRight .RadPanelBar .currentHeader .rpText {
    color: #791c2a;
    border-bottom: 1px solid #791c2a;
}

/*Strichlaenge unter Navigationspunkt*/
.swRoot .swContentRight .RadPanelBar .rpLink, .swRoot .swContentRight .RadPanelBar .rpOut {
    margin: 0;
    display: block;
    padding: 0 !important;
}

.swRoot .swContentRight .RadPanelBar .rpText {
    border-bottom: 1px solid grey;
    display: inline !important;
    padding: 0 !important;
}

/* Formatierung Footer / Login */
.footerPane, .footerPane a {
    color: white;
    font-family: 'Titillium Web', sans-serif;
    font-size: 12px;
    font-weight: normal;
}

/*Formatierung Inhalt */

.swReset, .swReset .Normal {
    font-family: 'Titillium Web', sans-serif;
    line-height: 1.5em;
}

    .swReset h1 {
        font-weight: 600 !important;
        color: #791c2a !important;
    }

    .swReset h2 {
        font-weight: 600 !important;
        color: white !important;
        font-size: 12px;
    }

.swModuleContainer {
    list-style-position: outside;
    min-height: 200px;
}

.contentPaneLeft .swModuleContainer .swModuleTitle .Head {
    font-family: 'Titillium Web', sans-serif;
    font-size: 20px;
    font-weight: Normal;
    line-height: 1.5em;
    font-weight: 400 !important;
}

/*Formatierung Tabellen */
.swReset .td_1 {
    padding: 10px;
    color: white;
}

.swReset .td_2 {
    padding: 10px;
    color: white;
}

.swReset .td_3 {
    padding: 10px;
    color: white;
}

.swReset .tr_1 {
    background-color: #7b2f39;
}

.swReset .tr_2 {
    background-color: #8f535b;
}

.swReset .tr_3 {
    background-color: #a3757b;
}


/*Responsive*/

.ResponsiveNavi {
    display: none;
}

.languagePaneResponsive {
    display: none;
}

.RespNaviButton {
    display: none;
}

.menu-trigger {
    display: none;
}


.swRoot_88 .bildUeberuns {
    float:left;
    position: relative;
        background-image:  url(/Portals/0/robin_wattinger.jpg);
    background-repeat: no-repeat;
    margin-left: -50px;
    margin-top: 50px;
    height: 120px;
    width: 120px;

}

.contentPaneKnack {
	margin: 0 auto;
max-width: 80%;

}