/*@import url("pdf_2.css");*/
/*@import url("xl_button.css");*/
/*@import url("overlay_image.css");*/
/*@import url("imprint.css");*/
/*@import url("imprint_B.css");*/
/*@import url("textfeld_download_pdf.css");*/
/*@import url("textfeld_download_pdf_link.css");*/


@import url("elements_off.css");



@import url("textfeld_download_pdf_link_2.css");



@import url("overlay_gap2.css");

@import url("mobile_adjust.css");

@import url("pdf_3.css");

@import url("imprint_Grid.css");

@import url("terms_Grid.css");

@import url("leftnav_titles.css");

@import url("contact_tweaks.css");




body {
	font-family: Arial, Helvetica, sans-serif ;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}

/*startlogo HG breiter */

#start_logo::before {
    content: "";
    position: absolute ;
    right: -32px !important;
    height: 100% !important;
    width: calc(100% + 64px)!important;
    background-color: #ffffff;
    z-index:-1;
}

/* startlogo HG ganze Fläche */

#start_logo a::after {
    content: "";
    position: fixed ;
    top: 0;
    right: 0;
    height: 100vh;
    width: 100vw;
    background-color: transparent;
    cursor: pointer;
}


/*startlogo HG ganze Breite */

/*
#start_logo::before {
    content: "";
    position: fixed ;
    height: 100% !important;
    width: calc(100% + 64px)!important;
    background-color: #ffffff;
    width: 100vw !important;
    background-color: orange;
    left: 0 !important;
    z-index:-1;
}
*/

/*
#start_logo {
    width: 100vw !important;
    background-color: orange;
    left: 22px !important;
}
*/

/*navi lnks breiter alles ok */

#extrabox {
    position:fixed;
    width: 213px;
    height: 60px;
    padding-top:53px;
    background-color: #ffffff;
    z-index:-1;
 }


/*navi lnks nur breiter mit seiten navi ok */

/*
#leftnav::after {
    content: "";
    position: fixed ;
    top: 0px !important;
    left: 0px !important;
    height: 60px !important;
    padding-top:53px;
    width: 213px !important;
    background-color: #ffffff;
    z-index:-1;
}
*/


/* test */
/*#logobox::before {
    content: "";
	position:absolute;
        z-index:-1;
	width:169px;
	height: 68px;
	left: 0px;
	top: 23px;
       background-color: orange;
       outline: 2px solid red !important;
       outline-offset: -1px !important;
}*/


.all {
	/*width: 1280px;*/
       /*width: 1480px !important;*/
       /*overflow: auto !important;*/
       width: 1480px;
}

a {
	text-decoration: none;
	color: #000000;
}


/*  logo size  */

#logobox {
	position:fixed;
	/*z-index:9;*/
	z-index:11;
	width:169px;
	/*height: 68px;*/
	height: fit-content;
	/*left: 138px;
	top: 23px;*/
       --ug-icon_sitze: 72px;
	left: calc(180px - var(--ug-icon_sitze)/2 - 6px);
	top: calc(113px/2 - var(--ug-icon_sitze)/2 );
}

#logobox img {
        content: url(../pix/thannich_logo_128.png) !important;
	height: var(--ug-icon_sitze);
       /*box-sizing: border-box;*/
       /*outline: 1px solid red !important;
       outline-offset: -1px !important;*/ 
}

#navi {
	background-color: #ffffff;
	height: 60px;
	width: 100%;
	position:fixed;
	/*top:53px;*/
	top:0px;
	padding-top:53px;
	z-index:10;
	margin-left:213px;
}

/* -- IE 6-- */
/** html #navi {
	width: 1136px;
	margin-top: 34px;
	
}*/

/* nav elements */
/****************/

#th_name {
	float:left;
}

/*
#navi a {
    outline: 2px solid orange;
    outline-offset: -1px;
}
*/
/* nav elements all taller active area */

#navi a::before {
    content: "";
    display: flex;
    height: 60px;
    width:  100%;
    position: relative;
    bottom: calc(30px - 50%);
    right: 0px;
}


#portfolio{
	width: 79px;
 	height: 18px;
	display:block;
	text-decoration:none;
	float:left;
	background-image:url(../pix/portfolio_nav.gif);
}

#still-life {
	width: 58px;
 	height: 18px;
	display:block;
	text-decoration:none;
	float:left;
	background-image:url(../pix/still-life_nav.gif);
}

#cgi {
	width: 33px;
 	height: 18px;
	display:block;
	text-decoration:none;
	float:left;
	background-image:url(../pix/cgi_nav.gif);
}

#location {
	width: 65px;
 	height: 18px;
	display:block;
	text-decoration:none;
	float:left;
	background-image:url(../pix/location_nav.gif);
	/*background-image:url(../pix/tester-gross.gif);
	background-image:url(../pix/tester-gif2.gif);*/

}

#commercial {
	/*width: 104px;*/
	width: 92px;
 	height: 18px;
	display:block;
	text-decoration:none;
	float:left;
	/*background-image:url(../pix/commercial2_nav.gif);*/
	background-image:url(../pix/commercial2_nav_noDot.gif);
}

#clients {
	width: 56px;
 	height: 18px;
	display:block;
	text-decoration:none;
	float:left;
	background-image:url(../pix/clients_nav.gif);
}

#pdf {
	width: 34px;
 	height: 18px;
	display:block;
	text-decoration:none;
	float:left;
	background-image:url(../pix/pdf_nav.gif);
}

#diary {
	width: 52px;
 	height: 18px;
	display:block;
	text-decoration:none;
	float:left;
	background-image:url(../pix/diary_nav.gif);
}


#contact {
	width: 58px;
 	height: 18px;
	display: block;
	margin-left: 24px;
	text-decoration:none;
	float:left;
	background-image:url(../pix/contact_nav_noDot.gif);
}

#fine-art {
	width: 57px;
 	height: 18px;
	display:block;
	margin-left: 24px;
	text-decoration:none;
	float:left;
	background-image:url(../pix/dunkel-type-smaller3.gif);
}

#pdf3 {
    /*width: 34px;*/
    width: 40px;
    height: 18px;
    display: block;
    margin-left: 4px;
    text-decoration:none;
    float:left;
    /*background-image:url(../pix/pdf_nav.gif);*/
    background-image:url(../pix/print_nav.gif);
}

#imprint {
    width: 57px;
    height: 18px;
    display: block;
    margin-left: 24px;
    text-decoration: none;
    float: left;
    background-image: url(../pix/imprint_nav.gif);
}

#terms {
    width: 85px;
    height: 18px;
    display: block;
    margin-left: 4px;
    text-decoration: none;
    float: left;
    background-image: url(../pix/terms_nav2.gif);
}


/*    trennstriche    */

#navi #imprint::before,
#navi #fine-art::before,
#navi #contact::before {
    content: "";
    display: block;
    text-align: center;
    position: relative ;
    top: 1px !important;
    right: 13px !important;
    height: 14px  !important;
    width: 1px !important;
    background: black;
}



#portfolio:hover, #still-life:hover, #cgi:hover, #location:hover, #commercial:hover, #clients:hover, #pdf:hover, #contact:hover, #diary:hover, #fine-art:hover, #imprint:hover, #pdf3:hover, #terms:hover  {
	background-position: 0px -36px;
}

#portfolio.akt, #still-life.akt, #cgi.akt, #location.akt, #commercial.akt, #clients.akt, #pdf.akt, #contact.akt, #diary.akt, #fine-art.akt, #imprint.akt, #pdf3.akt, #terms.akt  {
	background-position: 0px -18px;
}



.hider {
	visibility: hidden;
}


#big {
	position:fixed;
	top:115px;
	left: 253px;
	z-index:10;
	float: left;
	width: 1005px;
}

#leftnav {
	width: 180px;
	float: left;
	margin-right: 88px;
	text-align:right;
	margin-left: -6px;
	padding-top: 115px;
}
#leftnav img {
	margin-bottom:7px;
	margin-left: 6px;
}


#nextSign, #prevSign {
	font-size:11px;
	display:none;
	color:#00FF00;
	width:30px;
	position:absolute;
	z-index:10;
	text-transform:uppercase;
}

                                                                         /* test float right nope , absolute yup */

#thumb_box {
	margin-left: 10px;
	/*float:left;*/
	float: right;
    /*position: absolute;
    left: 920px;*/
}

#thumb_box a {
	display:block;
	margin-bottom: 10px;
}

#thumb_box_below {
	clear:both;
	padding-top:10px;
	text-align:center;
	display:none;
}

#thumb_box_below a {
	padding-left: 4px;
	padding-right: 4px;
}

#special_box {
	position: absolute;
	top: 0px;
	left: 0px;
}

                                                                         /* test float right nope */

#big_box {
	float: left;
}

#pdf_box {
	position:absolute;
	z-index:6;
	top: 116px;
	/*left: 253px;*/
	left: 213px;
        padding-left: 40px;
        padding-top: 4px;
        background-color: #ffffff;
}

#contact_box {
	position:absolute;
	z-index:6;
	top: 116px;
	left: 200px;
}

#contact_leftcol {
	width: 199px;
	float: left;
	text-align:right;
	/*padding-left: 40px;
        padding-top: 4px;*/
        padding-top: 4px;
	padding-right: 8px;
        background-color: #ffffff;
}

#contact_leftcol img {
       padding-left: 40px;
       background-color: #ffffff;
}

/*
#contact_leftcol a {
       display: block;
       box-sizing: border-box;
       max-width: 186px;
       padding-block: 8px;
       background-color: #ffffff;
       background-color: lightblue;
       outline: 2px solid red !important;
       outline-offset: -1px !important;
}
*/

#contact_rightcol {
	margin-left: 17px;
	width: 296px;
	float: left;
	padding-top: 130px;
}

#diary_box {
	position:absolute;
	z-index:2;
	top: 116px;
	left: 416px;
}

#diary_nav {
	width: 100%;
	text-align:center;
	margin-bottom: 24px;
	margin-top: 16px;
}

#pdf-main-portfolio {
	width: 225px;
 	height: 18px;
	display:block;
	text-decoration:none;
	float:left;
	background-image:url(../pix/pdfportfolio_nav.gif);
}

#pdf-still-life {
	width: 225px;
 	height: 22px;
	display:block;
	text-decoration:none;
	float:left;
	background-image:url(../pix/pdfstilllife_nav.gif);
}

#pdf-cgi {
	width: 225px;
 	height: 22px;
	display:block;
	text-decoration:none;
	float:left;
	background-image:url(../pix/pdfcgi_nav.gif);
       /*outline: 1px solid green !important;
       outline-offset: -1px !important;*/
}

#pdf-outdoors {
	width: 225px;
 	height: 22px;
	display:block;
	text-decoration:none;
	float:left;
	background-image:url(../pix/pdfoutdoors.gif);
}

#pdf-commercial {
	width: 225px;
 	height: 22px;
	display:block;
	text-decoration:none;
	float:left;
	background-image:url(../pix/pdfcommercial.gif);
}

                                                                                         /*        NEU Fine Art   */
#pdf-fineart {
	width: 225px;
 	height: 22px;
	display:block;
	text-decoration:none;
	float:left;
	background-image:url(../pix/pdfcgi_nav.gif);
       outline: 1px solid red !important;
       outline-offset: -1px !important;
}


#pdf-main-portfolio:hover{
	background-position: 0px -18px;
}

#pdf-still-life:hover,#pdf-cgi:hover,#pdf-outdoors:hover,#pdf-commercial:hover, #pdf-fineart:hover {
	background-position: 0px -22px;
}


/*  left erweitert   */
#agencies_box {
	position:fixed;
	z-index:2;
	top:116px;
	/*left: 253px;*/
	left: 213px;
       padding-left: 40px;
       background-color: white;
       /*outline: 1px solid red !important;
       outline-offset: -1px !important;*/
}

#brands_box {
	position:fixed;
	z-index:2;
	top:116px;
	left: 695px;
}

#editorial_box {
	position:fixed;
	z-index:2;
	top:116px;
	left: 934px;
}

#clients_box {
	position:absolute;
	z-index:2;
	top: 116px;
	left: 253px;
	width: 1013px;
}

#clients_col1 {
	width: 279px;
	padding-left: 163px;
	float:left;
	margin-bottom:20px;
}

#clients_col2 {
	width: 158px;
	padding-left: 81px;
	float:left;
	margin-bottom:20px;
}

#clients_col3 {
	width: 233px;
	padding-left: 99px;
	float:left;
	margin-bottom:20px;
}