/*
Theme Name: 3D-Artifex
Theme URI: http://www.3d-artifex.de
Description: Wordpress Template 3D-Artifex
Author: YTPI Internetagentur
Author URI: http://www.ytpi.de
*/




/* ------ BASICS ------ */
html, body {margin: 0; padding: 0; background: #f1f1f1; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; font-weight: lighter; color: #333; width: 100%;}
* {outline: none;}
a, a:visited {text-decoration: none; color: #767676; outline: none; font-weight: bold;}
        a:hover {text-decoration: underline; color: #555;}
        a img {border: none;}
img {max-width: 100%; height: auto;}
        img.alignright, img[style="float: right;"] {float: right; margin: 0px 0px 15px 15px;}
        img.alignleft, img[style="float: left;"] {float: left; margin: 0px 15px 15px 0px;}
        img.aligncenter, img.alignmiddle {margin: 0 auto;}
p {margin: 0px; padding: 10px 0 10px 0; text-align: justify; }
::selection {background:#9d0b7a; color:#fff;}
::-moz-selection {background:#9d0b7a; color:#fff;}
::-webkit-selection {background:#9d0b7a; color:#fff;}


h1, h2, h3, h5, h6 {margin: 0px; font-family: kalinga, Helvetica, sans-serif; color: #b462af;}
        h1 {padding: 0px 0px 15px 0px; font-size: 1.3em; font-weight: bold;}
        h2 {padding: 10px 0px 12px 0px; font-size: 1.2em; font-weight: bold; }
        h3 {padding: 10px 0px 12px 0px; font-size: 1.2em; font-weight: bold; }
        h4 {margin: 0px; padding: 0px; font-size: 12px; color:#333333; font-weight: normal;}
        h5 {padding: 0px 0px 0px 20px; font-size: 14px; font-weight: normal;}
		h6 {margin-top: -10px; font-size: 11px;}




.spacetobottom {clear: both; height: 50px; }
.spacetoright {float: left; width: 10px; height: 10px;;}
.spacetoright_k {float: left; width: 3px; height: 3px;}
.pierre{padding:2px; background:#FFF; border:1px solid #333}
.slideshowlink {display: none !important;}




/* ---- SIDEBAR SCROLL ---- */
div.sidebar_scroll {margin-bottom: 20px;}
        div.sidebar_scroll h4 {font-size: 12px; font-weight: bold; color: #fff; background: #000; padding: 4px 5px; display: block; margin: 0px 0px 15px 0px;}
        div.sidebar_scroll ul, div.sidebar_scroll li {list-style-type: none; margin: 0; padding: 0; font-size: 11px;}
        div.sidebar_scroll .textwidget li {margin: 0px 0px 6px 0px; padding: 0px 5px; border-bottom: 0px;}
        div.sidebar_scroll li {margin: 0px 0px 10px 0px; padding:  0px 5px 10px 5px; border-bottom: 1px dotted #333;}




/* ---- SIDEBAR ---- */
div.social {color: #9d0b7a; padding: 20px 20px; border-top: 1px dotted #333333; width: 240px; float: left;}
        div.social span {color: #333; width: 75px; float: left;}
        div.social a {color: #9d0b7a; font-weight: normal;}
        div.social img {margin-right: 6px;}
                div.social img:hover {opacity: 0.7;}


/* ----- Form ----- */
.form_row{
        padding: 3px 0px;
}

form{margin: 0px 0px 0px 0px; padding: 0px; text-align: left;         }


label {margin-right: 10px; }

input{width: 245px; padding: 5px; color: #767676; border: 1px solid #ffffff; background: #dddddd; font-family: Kalinga, Helvetica, sans-serif; font-size: 13px; }

textarea{color: #767676; border: 1px solid #ffffff; background: #dddddd; font-family: Kalinga, Helvetica, sans-serif; font-size: 13px; padding: 5px;}

.button{
        clear: both;
        display: block;
        width: 180px;
        height: 22px;
        text-align: center;
        font-weight: normal;
        text-decoration: none;
        color: #767676;
        background: #dddddd;
        border: 1px solid #ffffff;
}
/* End of Form */

.more_button a{
        clear: none;
        display: block;
        width: 100px;
        height: 17px;
        margin: 10px 0 0 0;
        text-align: center;
        font-weight: bold;
        text-decoration: none;
        color: #cdcdcd;
        background: #333333;
        border: 1px solid #767676;
}




#templatemo_wrapper1 {
        background: url(gfx/mainbuttomBG.gif) top repeat-x;
        width:auto;
}

#templatemo_wrapper2 {
        background: url(gfx/mainbuttomBG.gif) bottom repeat-x;
        width:auto;
}

#templatemo_container {
        margin: auto;
        width: 1216px;
}

/*------------- social_buttons ------------------*/
#social_buttons {
        width: 219px;
        float: left;
        padding: 0 40px 0 20px;
}

#social_buttons ul {
        padding: 0 0 0 0;
}

#social_buttons ul a{
        opacity: 0.7;

}

#social_buttons ul a:hover{
        opacity: 1;
}
/* ----------------- end of social_buttons----------------*/
#templatemo_menu_english {
        float: left;
        width: 900px;
        height: 38px;
        text-align: left;
        font-weight: normal;
        font-size: 10px;
        margin-left: 158px;
		padding-top: 20px;
}

	#templatemo_menu_english div.sprache {float: right;}

/*------------- language_buttons ------------------*/
#language_buttons {
        width: 25px;
        height: 28px;
}

#language_buttons ul {
        padding: 0 0 0 0;
}

#language_buttons ul a{
        opacity: 0.5;

}

#language_buttons ul a:hover{
        opacity: 1;
}
/* ----------------- end of language_buttons----------------*/

/*------------- book recommendation  ------------------*/

#book_buttons {
        width: 239px;
        float: left;
        padding: 50px 20px 0 20px;
        font-family: kalinga, Helvetica, sans-serif;
        font-size: 1.3em;
        font-weight: bold;
        color: #b462af;

}

#book_buttons ul {
        padding: 0 0 0 0;
}

#book_buttons ul a{
        opacity: 0.7;
}

#book_buttons ul a:hover{
        opacity: 1;
}

/* ----------------- end of book recommendation----------------*/


/*------------- Menu ------------------*/
#templatemo_menu {
        float: left;
        width: 930px;
        height: 42px;
        margin: 0 0 0 0;
        padding: 0 0 0 158px;
}

#templatemo_menu ul {
        margin: 0px;
        padding: 0px;
        list-style: none;
}

#templatemo_menu ul li{
        display: inline;
}

#templatemo_menu ul li a{
        float: left;
        width: 149px;
        height: 27px;
        padding: 14px 0 0 0;
        font-family: Kalinga, Helvetica, sans-serif;
        font-size: 1em;
        font-weight: bold;
        text-align: center;
        text-decoration: none;
        color: #333333;
        border-left: 1px solid #bbbbbb;
        border-bottom: 1px solid #bbbbbb;
        background: url(gfx/menuhoverBG_SH.gif) repeat-x;
}

#templatemo_menu ul li.lastmenu{
        width: 148px;
        border-right: 1px solid #bbbbbb;
}

#templatemo_menu ul li a:hover, #templatemo_menu ul li.current_page_item a, #templatemo_menu ul li.current-menu-item a, #templatemo_menu ul li.current-page-ancestor a {
        color: #f1f1f1;
        font-weight: bold;
        background: url(gfx/menuhoverBG_w.gif) no-repeat;}
		
		/*------------- Subnavi --------------*/ 
		#templatemo_menu #menu-hauptnavigation ul.sub-menu {display: none;}


/* ----------------- end of menu----------------*/

/*----------contact------------*/

#contact_left {float: left; margin-bottom: 5px;}
#contact_right {float: right; margin-bottom: 5px;}
#message {float: left; margin-left: -2px;}
#send {float: left;}


/*----------end contact------------*/

/* header and banner */
#templatemo_header_banner {
        float: left;
        width: 900px;
        height: 268px;
        padding: 0 158px;
        margin-top: 0px;
}

#templatemo_header_map3d {
        float: left;
        width: 310px;
        height: 268px;
        background: url(gfx/header_map3d.jpg) no-repeat;
}

#templatemo_banner_map3d {
        float: left;
        width: 590px;
        height: 268px;
        background: url(gfx/banner_map3d.jpg) no-repeat;
}

#templatemo_header_maya_einsteiger {
        float: left;
        width: 310px;
        height: 268px;
        background: url(gfx/header_maya_einsteiger.jpg) no-repeat;
}

#templatemo_banner_maya_einsteiger {
        float: left;
        width: 590px;
        height: 268px;
        background: url(gfx/banner_maya_einsteiger.jpg) no-repeat;
}

#templatemo_header_autocad_mechanical {
        float: left;
        width: 310px;
        height: 268px;
        background: url(gfx/header_autocad_mechanical.jpg) no-repeat;
}

#templatemo_banner_autocad_mechanical {
        float: left;
        width: 590px;
        height: 268px;
        background: url(gfx/banner_autocad_mechanical.jpg) no-repeat;
}
#templatemo_header_revit_aufbau {
        float: left;
        width: 310px;
        height: 268px;
        background: url(gfx/header_revit_aufbau.jpg) no-repeat;
}

#templatemo_banner_revit_aufbau {
        float: left;
        width: 590px;
        height: 268px;
        background: url(gfx/banner_revit_aufbau.jpg) no-repeat;
}

#templatemo_header_revit_einsteiger {
        float: left;
        width: 310px;
        height: 268px;
        background: url(gfx/header_revit_einsteiger.jpg) no-repeat;
}

#templatemo_banner_revit_einsteiger {
        float: left;
        width: 590px;
        height: 268px;
        background: url(gfx/banner_revit_einsteiger.jpg) no-repeat;
}

#templatemo_header_revit_start {
        float: left;
        width: 310px;
        height: 268px;
        background: url(gfx/header_revit_start.jpg) no-repeat;
}

#templatemo_banner_revit_start {
        float: left;
        width: 590px;
        height: 268px;
        background: url(gfx/banner_revit_start.jpg) no-repeat;
}

#templatemo_header_inventor_aufbau {
        float: left;
        width: 310px;
        height: 268px;
        background: url(gfx/header_inventor_aufbau.jpg) no-repeat;
}

#templatemo_banner_inventor_aufbau {
        float: left;
        width: 590px;
        height: 268px;
        background: url(gfx/banner_inventor_aufbau.jpg) no-repeat;
}

#templatemo_header_inventor_einsteiger {
        float: left;
        width: 310px;
        height: 268px;
        background: url(gfx/header_inventor_einsteiger.jpg) no-repeat;
}

#templatemo_banner_inventor_einsteiger {
        float: left;
        width: 590px;
        height: 268px;
        background: url(gfx/banner_inventor_einsteiger.jpg) no-repeat;
}


#templatemo_header_inventor_start {
        float: left;
        width: 310px;
        height: 268px;
        background: url(gfx/header_Inventor_start.jpg) no-repeat;
}

#templatemo_banner_inventor_start {
        float: left;
        width: 590px;
        height: 268px;
        background: url(gfx/banner_Inventor_start.jpg) no-repeat;
}



#templatemo_header {
        float: left;
        width: 310px;
        height: 268px;
        background: url(gfx/header_home2.jpg) no-repeat;
}

#templatemo_header_uu {
        float: left;
        width: 310px;
        height: 268px;
        background: url(gfx/header_uu.jpg) no-repeat;
}
#templatemo_header_wb {
        float: left;
        width: 310px;
        height: 268px;
        background: url(gfx/header_wb.jpg) no-repeat;
}
#templatemo_header_aktuelles {
        float: left;
        width: 310px;
        height: 268px;
        background: url(gfx/header_aktuelles.jpg) no-repeat;
}
#templatemo_header_acaufbau {
        float: left;
        width: 310px;
        height: 268px;
        background: url(gfx/header_acaufbau.jpg) no-repeat;
}
#templatemo_header_acaaufbau {
        float: left;
        width: 310px;
        height: 268px;
        background: url(gfx/header_acaaufbau.jpg) no-repeat;
}
#templatemo_header_konfigurator {
        float: left;
        width: 310px;
        height: 268px;
        background: url(gfx/header_konfigurator.jpg) no-repeat;
}
#templatemo_header_jobs {
        float: left;
        width: 310px;
        height: 268px;
        background: url(gfx/header_jobs.jpg) no-repeat;
}
#templatemo_header_kontakt {
        float: left;
        width: 310px;
        height: 268px;
        background: url(gfx/header_kontakt.jpg) no-repeat;
}

#templatemo_header_grundrisse {
        float: left;
        width: 310px;
        height: 268px;
        background: url(gfx/header_grundrisse.jpg) no-repeat;
}
#templatemo_header_3dinteraktiv {
        float: left;
        width: 310px;
        height: 268px;
        background: url(gfx/header_3dinteraktiv.jpg) no-repeat;
}
#templatemo_header_aczusatz {
        float: left;
        width: 310px;
        height: 268px;
        background: url(gfx/header_aczusatz.jpg) no-repeat;
}
#templatemo_header_ackonstruktion {
        float: left;
        width: 310px;
        height: 268px;
        background: url(gfx/header_ackonstruktion.jpg) no-repeat;
}
#templatemo_header_aceinsteiger {
        float: left;
        width: 310px;
        height: 268px;
        background: url(gfx/header_aceinsteiger.jpg) no-repeat;
}
#templatemo_header_ref{
        float: left;
        width: 310px;
        height: 268px;
        background: url(gfx/header_ref.jpg) no-repeat;
}

#templatemo_header_3dvisualisierung {
        float: left;
        width: 310px;
        height: 268px;
        background: url(gfx/header_3dvisualisierung.jpg) no-repeat;
}
#templatemo_header_acseminare {
        float: left;
        width: 310px;
        height: 268px;
        background: url(gfx/header_acseminare.jpg) no-repeat;
}
#templatemo_header_360 {
        float: left;
        width: 310px;
        height: 268px;
        background: url(gfx/header_360.jpg) no-repeat;
}
#templatemo_header_3dsmax {
        float: left;
        width: 310px;
        height: 268px;
        background: url(gfx/header_3dsmax.jpg) no-repeat;
}
#templatemo_header_aclt {
        float: left;
        width: 310px;
        height: 268px;
        background: url(gfx/header_aclt.jpg) no-repeat;
}
#templatemo_header_animationen {
        float: left;
        width: 310px;
        height: 268px;
        background: url(gfx/header_animationen.jpg) no-repeat;
}
#templatemo_header_aceinstiegkonstruktion {
        float: left;
        width: 310px;
        height: 268px;
        background: url(gfx/header_aceinstiegkonstruktion.jpg) no-repeat;
}
#templatemo_header_3danimation {
        float: left;
        width: 310px;
        height: 268px;
        background: url(gfx/header_3danimation.jpg) no-repeat;
}
#templatemo_header_print {
        float: left;
        width: 310px;
        height: 268px;
        background: url(gfx/header_print.jpg) no-repeat;
}
#templatemo_header_musterhaus {
        float: left;
        width: 310px;
        height: 268px;
        background: url(gfx/header_musterhaus.jpg) no-repeat;
}

#templatemo_header_pro {
        float: left;
        width: 310px;
        height: 268px;
        background: url(gfx/header_pro.jpg) no-repeat;
}
#templatemo_header_unternehmen {
        float: left;
        width: 310px;
        height: 268px;
        background: url(gfx/header_unternehmen.jpg) no-repeat;
}
#templatemo_header_acaeinsteiger {
        float: left;
        width: 310px;
        height: 268px;
        background: url(gfx/header_acaeinsteiger.jpg) no-repeat;
}
#templatemo_header_screen {
        float: left;
        width: 310px;
        height: 268px;
        background: url(gfx/header_screen.jpg) no-repeat;
}

#templatemo_header_3d-renderings {
        float: left;
        width: 310px;
        height: 268px;
        background: url(gfx/header_3d-renderings.jpg) no-repeat;
}

#templatemo_header_produktvisualisierungen {
        float: left;
        width: 310px;
        height: 268px;
        background: url(gfx/header_produktvisualisierungen.jpg) no-repeat;
}

#templatemo_header_immobilien-visualisierung {
        float: left;
        width: 310px;
        height: 268px;
        background: url(gfx/header_immobilien-visualisierung.jpg) no-repeat;
}

#templatemo_sitetitle {
        padding: 180px 0 10px 40px;
        font-size: 3em;
        font-weight: bold;
        color:#b462af;
}
#templatemo_sitetitle span{
        font-weight: normal;
        color: #FFFFFF;
}
#templatemo_tagline{
        padding: 0 0 0 43px;
        font-size: 1.0em;
        color:#FFFFFF;
}

#templatemo_banner {
        float: left;
        width: 590px;
        height: 268px;
        background: url(gfx/banner_home2.jpg) no-repeat;
}
#templatemo_banner_wb {
        float: left;
        width: 590px;
        height: 268px;
        background: url(gfx/banner_wb.jpg) no-repeat;
}
#templatemo_banner_aktuelles {
        float: left;
        width: 590px;
        height: 268px;
        background: url(gfx/banner_aktuelles.jpg) no-repeat;
}
#templatemo_banner_aczusatz {
        float: left;
        width: 590px;
        height: 268px;
        background: url(gfx/banner_aczusatz.jpg) no-repeat;
}
#templatemo_banner_3dsmax {
        float: left;
        width: 590px;
        height: 268px;
        background: url(gfx/banner_3dsmax.jpg) no-repeat;
}
#templatemo_banner_musterhaus {
        float: left;
        width: 590px;
        height: 268px;
        background: url(gfx/banner_musterhaus.jpg) no-repeat;
}
#templatemo_banner_aclt {
        float: left;
        width: 590px;
        height: 268px;
        background: url(gfx/banner_aclt.jpg) no-repeat;
}
#templatemo_banner_ackonstruktion {
        float: left;
        width: 590px;
        height: 268px;
        background: url(gfx/banner_ackonstruktion.jpg) no-repeat;
}
#templatemo_banner_acseminare {
        float: left;
        width: 590px;
        height: 268px;
        background: url(gfx/banner_acseminare.jpg) no-repeat;
}
#templatemo_banner_acaufbau {
        float: left;
        width: 590px;
        height: 268px;
        background: url(gfx/banner_acaufbau.jpg) no-repeat;
}
#templatemo_banner_aceinsteiger {
        float: left;
        width: 590px;
        height: 268px;
        background: url(gfx/banner_aceinsteiger.jpg) no-repeat;
}
#templatemo_banner_uu {
        float: left;
        width: 590px;
        height: 268px;
        background: url(gfx/banner_uu.jpg) no-repeat;
}
#templatemo_banner_ref {
        float: left;
        width: 590px;
        height: 268px;
        background: url(gfx/banner_ref.jpg) no-repeat;
}

#templatemo_banner_aceinstiegkonstruktion {
        float: left;
        width: 590px;
        height: 268px;
        background: url(gfx/banner_aceinstiegkonstruktion.jpg) no-repeat;
}
#templatemo_banner_acaeinsteiger {
        float: left;
        width: 590px;
        height: 268px;
        background: url(gfx/banner_acaeinsteiger.jpg) no-repeat;
}
#templatemo_banner_acaaufbau {
        float: left;
        width: 590px;
        height: 268px;
        background: url(gfx/banner_acaaufbau.jpg) no-repeat;
}
#templatemo_banner_kontakt {
        float: left;
        width: 590px;
        height: 268px;
        background: url(gfx/banner_kontakt.jpg) no-repeat;
}
#templatemo_banner_screen {
        float: left;
        width: 590px;
        height: 268px;
        background: url(gfx/banner_screen.jpg) no-repeat;
}
#templatemo_banner_konfigurator {
        float: left;
        width: 590px;
        height: 268px;
        background: url(gfx/banner_konfigurator.jpg) no-repeat;
}
#templatemo_banner_jobs {
        float: left;
        width: 590px;
        height: 268px;
        background: url(gfx/banner_jobs.jpg) no-repeat;
}
#templatemo_banner_print {
        float: left;
        width: 590px;
        height: 268px;
        background: url(gfx/banner_print.jpg) no-repeat;
}
#templatemo_banner_360 {
        float: left;
        width: 590px;
        height: 268px;
        background: url(gfx/banner_360.jpg) no-repeat;
}
#templatemo_banner_unternehmen {
        float: left;
        width: 590px;
        height: 268px;
        background: url(gfx/banner_unternehmen.jpg) no-repeat;
}
#templatemo_banner_3danimation {
        float: left;
        width: 590px;
        height: 268px;
        background: url(gfx/banner_3danimation.jpg) no-repeat;
}
#templatemo_banner_animationen {
        float: left;
        width: 590px;
        height: 268px;
        background: url(gfx/banner_animationen.jpg) no-repeat;
}
#templatemo_banner_grundrisse {
        float: left;
        width: 590px;
        height: 268px;
        background: url(gfx/banner_grundrisse.jpg) no-repeat;
}
#templatemo_banner_3dinteraktiv {
        float: left;
        width: 590px;
        height: 268px;
        background: url(gfx/banner_3dinteraktiv.jpg) no-repeat;
}
#templatemo_banner_3dvisualisierung {
        float: left;
        width: 590px;
        height: 268px;
        background: url(gfx/banner_3dvisualisierung.jpg) no-repeat;
}

#templatemo_banner_pro {
        float: left;
        width: 590px;
        height: 268px;
        background: url(gfx/banner_pro.jpg) no-repeat;
}

#templatemo_banner_3d-renderings {
        float: left;
        width: 590px;
        height: 268px;
        background: url(gfx/banner_3d-renderings.jpg) no-repeat;
}

#templatemo_banner_produktvisualisierungen {
        float: left;
        width: 590px;
        height: 268px;
        background: url(gfx/banner_produktvisualisierungen.jpg) no-repeat;
}

#templatemo_banner_immobilien-visualisierung {
        float: left;
        width: 590px;
        height: 268px;
        background: url(gfx/banner_immobilien-visualisierung.jpg) no-repeat;
}


#templatemo_bannertext{
        text-align: right;
        padding: 190px 20px 0 0;
        line-height: 1.6em;
        font-size: 14px;
        color: #FFFFFF;
}

#templatemo_bannertext span{
        font-family: Arial;
        font-size: 24px;
        font-weight: bold;
        color: #FFFFFF;
}
/* end of header and banner */

/* ----------------- Content ----------------------- */

#templatemo_content {
        float: left;
        width: 900px;
        padding:0 158px;
		margin-bottom: 30px;
}

#templatemo_leftcolumn {
        float: left;
        width: 280px;
        padding: 50px 20px 150px 10px;
        background: url(gfx/leftcolumnBG_SH.gif) top center no-repeat;
}
.login_form{
        background: #222222;
        width: 240px;
        padding: 15px;
        border: 5px solid #ffffff;
}

.newssection {
        padding: 0 20px 5px 20px;
}



/* menu_left */


.sidebar_navi{
        width: 280px;
        height: auto;
        padding: 20px 0px;
        border-top: 1px dotted #333333;
        float: left;

}

.sidebar_navi ul {
    margin: 0px;
        padding: 0px;
        list-style: none;
}

.sidebar_navi ul li {
        display: block;
        float: left;
}

.sidebar_navi ul li a {
        float: left;
        width: 260px;
        height: 20px;
        padding: 0 0 0 20px;
        font-weight: normal;
        font-size: 14px;

        text-align: left;
        text-decoration: none;
        font-family: Kalinga, Helvetica, sans-serif;
        color: #333333;

}

.sidebar_navi ul li a:hover, .sidebar_navi ul li .current, .sidebar_navi ul li.current-menu-parent, .sidebar_navi ul li.current-menu-item {
        color: #f1f1f1 !important;
        font-weight: normal;
        background: url(gfx/menu_bg_01.jpg) no-repeat;
}

 .sidebar_navi ul li.current-menu-parent a, .sidebar_navi ul li.current-menu-item a  {color: #f1f1f1;}





/* end menu_left */

/* menu_left3 */


#menu3 {
        width: 280px;
        height: auto;
        /*background: #BAB6AB url('gfx/menu2.jpg') no-repeat*/;
}

#menu3 ul {
    margin: 0px;
        padding: 0px;
        list-style: none;
}

#menu3 ul li {


}

#menu3 ul li a {
        width: 280px;
        height: 30px;
        padding: 0 0 0 20px;
        font-weight: normal;
        font-size: 12px;
        line-height: 20px;
        text-align: left;
        font-family: Arial, Helvetica, sans-serif
        color: #767676;
}

#menu3 ul li a:hover, #menu3 ul li .current {
        color: #b462af;
        font-weight: normal;
        text-decoration: none;
}



/* end menu_left3 */

/* right column */



#templatemo_rightcolumn {
        float: left;
        width: 530px;
        padding: 50px 20px 0 40px;
}

/* one column */

.onecolumn {
        width: 530px;
}
.onecolumn_box {
        float: left;
        width: 510px;
        padding: 10px;
        background: #d7d7d7 url(gfx/boxBG_SH.gif) top right no-repeat;
        border: 1px solid #bbbbbb;
}
.onecolumn_box img {
        float: left;
        clear: both;
        margin: 0 20px 5px 0px;
        border: 1px solid #ffffff;
}
.onecolumn_box p {
        text-align: left;
}
.onecolumn_box ul {
        margin: 0 0 0 0;
        padding: 0px;
}
.onecolumn_box li {
        list-style: none;
        padding: 3px 0 0 20px;
        background: url(gfx/listicon.gif) center left no-repeat;
        color: #555;
        font-weight: bold;
}


/* end of one column */





/* two column */

.twocolumn {
        width: 530px;
}

.twocolumn_box {
        float: left;
        width: 238px;
        padding: 10px;
        background: #d7d7d7 url(gfx/boxBG_SH.gif) top right no-repeat;
        border: 1px solid #bbbbbb;
}
.twocolumn_box img {
        float: left;
        margin: 2px 10px 0 0;
        border: 1px solid #ffffff;
}
.twocolumn_box p {
        text-align: left;
}
.twocolumn_box ul {
        margin: 0 0 0 0;
        padding: 0;
}
.twocolumn_box li {
        list-style: none;
        padding: 10px 0 10px 20px;
        background: url(gfx/listicon.gif) center left no-repeat;
}


/* end of two column */

/* two column NO BORDER */

.twocolumn_nb {
        width: 530px;
}

.twocolumn_box_nb {
        float: left;
        width: 238px;
        padding: 10px;
        background: #d7d7d7 url(gfx/boxBG_SH.gif) top right no-repeat;
        border: 1px solid #bbbbbb;
}
.twocolumn_box_nb img {
        float: left;
        margin: 2px 10px 0 0;
}
.twocolumn_box_nb p {
        text-align: left;
}
.twocolumn_box_nb ul {
        margin: 0 0 0 0;
        padding: 0;
}
.twocolumn_box_nb li {
        list-style: none;
        padding: 3px 0 0 20px;
        background: url(gfx/listicon.gif) center left no-repeat;
        color: #555;
        font-weight: bold;
}


/* end of two column NO BORDER */






#gallery {
        width: 530px;
}

.gallery_column {
        float: left;
        width: 170px;
        height: 125px;
}

.gallery_column img{
        /*border: 3px solid #cdcdcd;*/
        border: 3px solid #F1F1F1;
        margin: 0 0 2px 0;
        filter: alpha(Opacity=70, FinishOpacity=70, Style=0, StartX=0, StartY=0, FinishX=200, FinishY=0);
        opacity: 0.7;

}

.gallery_column img:hover {
        /*border: 3px solid #cdcdcd;*/
        border: 3px solid #F1F1F1;
        margin: 0 0 2px 0;
        filter: none;
        opacity: 1.0;
}

.gallery_column p{
        text-align: left;
        font-size: 10px;
        line-height: 10px;

}

/*------ Referenzen---------*/

#referenzen_column {
        float: left;
        width: 530px;
}

.referenzen_column img{
        margin: 0 0 2px 0;
}

.referenzen_column p{
        text-align: left;
}

/*------ Referenzen---------*/


/* ----------------- end of Content ----------------------- */



/* ----- Footer ----- */

#templatemo_footer {
        clear: both;
        padding: 20px 0px 0px 0px;
        width: 1216px;
        height: 80px;
        text-align: center;
        background-image: url(gfx/footerBG.gif);
        background-repeat: repeat-y;
        background-position: center;
        color:#767676
}

#templatemo_footer a{
        font-weight: normal;
        color: #ababab;
}

/* ----- End of Footer ----- */
/* ----- TAG Cloud ----- */
#tag-cluod {
        clear: both;
        width: 120px;

        }
.tag1 {font-size: 12px}
.tag2 {font-size: 14px}
.tag3 {font-size: 16px}
.tag4 {font-size: 18px}
.tag5 {font-size: 15px}
.tag6 {font-size: 13px}
/* ----- End of TAG Cloud ----- */

/*-- sidebar--*/

a{
        outline: none;
}

a:active{
        outline: none;
}

#sideBar{
text-align:left;
}

#sideBar h2{
        color:#FFFFFF;
        font-size:14px;
        font-family:arial;
        margin:10px 10px 10px 10px;
        font-weight:bold !important;
}

#sideBar h2 span{
        font-size:14px;
        font-weight:normal !important;
}

#sideBar ul{
        margin:0px 0px 0px 0px;
        padding:0px 0px 0px 0px;
}

#sideBar li{
        margin:0px 10px 2px 10px;
        padding:2px;
        list-style-type:none;
        display:block;
        /*--background-color:#b462af;--*/
        width:177px;
        color:#FFFFFF;
}

#sideBar li a{
        width:100%;
}

#sideBar li a:link,
#sideBar li a:visited{
        color:#FFFFFF;
        font-family:arial;
        font-size:12px;
        text-decoration:none;
        display:block;
        margin:0px 0px 0px 0px;
        padding:0px;
        width:100%;
}

#sideBar li a:hover{
        color:#b462af;
        text-decoration:underline;
}

#sideBar{
        position: absolute;
        width: auto;
        height: auto;
        right: 0px;
        /*--top: 140px;--*/
        background-image:url(gfx/background.png);
        background-position:top left;
        background-repeat:repeat-y;
}

#sideBarTab{
        float:left;
        height:137px;
        width:28px;
}

#sideBarTab img{
        border:0px solid #FFFFFF;
}

#sideBarContents{
        float:left;
        overflow:hidden !important;
        width:200px;
        height:370px;
}

#sideBarContentsInner{
        width:200px;
}

.line{
        height: 1px;
        background-image: url(gfx/line_p01.png);
        background-repeat: repeat-x;
}

/*-- sidebar--*/

.datagrid {
        font: 12px;
        font-family: Arial, Helvetica, sans-serif;
        background: #f1f1f1;
        overflow: hidden;
}

.datagrid table {
        border-collapse: collapse;
        text-align: left;
        width: 100%;
}


.datagrid table td, .datagrid table th {
        padding: 4px 5px;
}

.datagrid table thead th {
        /*background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #333333), color-stop(1, #555555) );
        background:-moz-linear-gradient( center top, #333333 5%, #555555 100% );
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#555555');*/
        background-color:#333333;
        color:#FFFFFF;
        font-size: 12px;
        font-weight: bold;
}

.datagrid table thead th:first-child {

        }

.datagrid table tbody td {
        padding-top:10px;
        padding-bottom:10px;
        color: #333333;
        font-size: 11px;
        line-height: 1.2em;
        height: 1px;
        background-image: url(gfx/line_p01.png);
        background-position:bottom;
        background-repeat: repeat-x;
}

.datagrid table tbody .alt td {
        padding-top:5px;
        padding-bottom:5px;
        background: #f1f1f1;
        color: #333333;
}


.datagrid table tbody td:first-child {

}

/* Inhalt Sidebar Responsive-Ansicht */
div.referenzen-bilder {float: left; width: 30%; margin-right: 2%; margin-bottom: 20px; opacity: 0.6; transition: opacity 1s; -webkit-transition: opacity 1s; -moz-transition: opacity 1s;}
	div.referenzen-bilder:hover {opacity: 1; transition: opacity 1s; -webkit-transition: opacity 1s; -moz-transition: opacity 1s;}


/* Inhalt Sidebar Responsive-Ansicht */
#templatemo_sidebar-reponsive {float: left; widows: 100%; background: url(gfx/sidebar-responsive.gif) top center repeat; display: none; background-size: cover;}
	#templatemo_sidebar-reponsive div.social {width: 100%;}
	#templatemo_sidebar-reponsive div.social {border-left: 1px solid #aaa;}
		#templatemo_sidebar-reponsive div.social .textwidget {margin: 0px 20px;}
			#templatemo_sidebar-reponsive div.social .textwidget p {display: inline-block; float: left; margin-right: 20px;}
			
/* Navigation Reponsive-Ansicht */
#responsive-menu {z-index: 999999;}
#responsive-menu ul.sub-menu {padding: 0;}
#responsive-menu-bg {display: none;}
	#responsive-menu-bg p {padding: 10px; color: #b462af; font-size: 16px; font-weight: bold;}
	
/* Inhalt Sidebar Responsive-Ansicht */
#divStayTopLeft {/*position: fixed!important;*/ left: 40px!important; top: 57px; border: 1px solid #ccc;}

/* Boxen auf den Seiten mit Hintergrund */
.home-box {padding: 10px 20px; background-image: url(gfx/boxBG_SH.gif); background-size: cover; border: 1px solid #bbb; text-align: left;}
	.home-box h3 {font-size: 1.3em;}
.seminare-box {padding: 10px 20px; background-image: url(gfx/boxBG_SH.gif); background-size: cover; border: 1px solid #bbb; text-align: left; float: left; width: 65%;}
	.seminare-box h3 {font-size: 1.3em;}
	.seminare-box p {text-align: left;}
	
/* Schwarzer Button im Contentbereich */
.black-button a {padding: 5px 30px; color: #ddd; background-color: #000; font-weight: bold; text-decoration: none;}

/* Tabellen mit Viedeo und Beschreibung */
table.content-video tr td {vertical-align: top; text-align: left; padding-right: 10px;}
	table.content-video tr td strong {font-size: 12px;}
		table.content-video tr td {font-size: 10px; line-height: 1.5em;}

/* Videos auf Unterseiten - Größe */
table.content-video .wpvl_auto_thumb_box, table.content-video .video_lightbox_auto_anchor_image {width: 330px; height: 200px;}
	table.content-video .wpvl_auto_thumb_play {left: 140px; top: 75px;}
	
/* Bildergalerie */
.ngg-gallery-thumbnail .ngg-fancybox img {padding: 0px; border: 0px; background-color: none; opacity: 0.7; -webkit-transition: opacity 0.3s; transition: opacity 0.3s;}
	.ngg-gallery-thumbnail .ngg-fancybox img:hover {opacity: 1.0; -webkit-transition: opacity 0.3s; transition: opacity 0.3s;}
	
/* Bildergalerie */
div.ngg-galleryoverview br {display: none;}

/* 3d Rendering Bilder Tabelle */
table.bilder-tabelle {width: 100%;}
	table.bilder-tabelle tr td {height: auto; padding-bottom: 2px;}
	
/* Sprachauswahl */
#lang_sel a.lang_sel_sel {background: /*url(http://www.3d-artifex.de/wp-content/plugins/sitepress-multilingual-cms/res/img/nav-arrow-down.png)*/ #eee /*right no-repeat*/; font-size:12px;}
.sprache .wpml-ls-legacy-dropdown a.lang_sel_sel {padding:6px 10px;}

/*--- SEITE GALERIE ---*/
.su-row {margin-bottom: 25px !important;}
.su-row .su-column h2 {background: #000; color: #fff; padding: 10px; text-align: center; transition: background 300ms ease; -webkit-transition: background 300ms ease; -moz-transition: background 300ms ease; -o-transition: background 300ms ease;}
.su-row .su-column h2 a {color: #fff; text-decoration: none;}
.su-row .su-column h2:hover {background: #b462af;}