@charset "UTF-8";

* {
	margin: 0;
	padding: 0;
}
.wrapper {
	margin: 0 auto;
	padding: 0 1%;
}

#mobilenav:not( .mm-menu ) {
   display: none;
}

#img-single {
	position: relative;
}
.gal-active, .img-active {
	display: block;
}
.gal-inactive, .img-inactive {
	display: none;
}
.ad-nav {
	position: relative;
	top: -100%;
	white-space:nowrap;
	text-align:right;
}
.ad-thumbs {
	position: relative;
	float: right;
	top: 95%;
	right: 1%;
	z-index: 11;
}
.ad-thumb-list{
	width:auto !important;
}

ul.ad-thumb-list li a img{
	display:none !important;
}
ul.ad-thumb-list li a{
	border:1px solid #c2c2c2;
	background-color:#FFF;
	padding:4px;
	display:inline-block !important;
	border-radius: 4px 4px 4px 4px;
}

.ad-gallery .ad-thumbs li a:hover,
.ad-gallery .ad-thumbs li a.ad-active {
	background-color:#CADA3E;
}

#logo-www {
	background: url('/img/logo_annex_a.png') no-repeat;
}

#logo-shop {
	background: url('/img/logo_shoplink.png') no-repeat; /*logo_shoplink.png*/
}
#logo-annex-a {
	background: url('/img/logo_annex_a.png') no-repeat; /*logo_shoplink.png*/
}
#logo-germany-a {
	background: url('/img/logo_germany_a.png') no-repeat; /*logo_shoplink.png*/
}
#logo-it-recht {
	background: url('/img/logo_it_recht.png') no-repeat; /*logo_shoplink.png*/
}
#logo-kontakt {
	background: url('/img/logo_kontakt.png') no-repeat; /*logo_shoplink.png*/
}
#logo-telefon {
	background: url('/img/logo_telefon.png') no-repeat; /*logo_shoplink.png*/
}

#content {
	position: relative;
	margin: 115px auto 0;
}

a:focus {
	outline: none;
}

a img {
	border: none;
}

h1 {
	font: 13px/20px sans-serif;
	letter-spacing: 0.1em;
	color: #000;
}
  #comment-form {
    width: 100%;
  }
  #error {
    display: none;
    background: #FFF;
    position: absolute;
    left: 100px;
    top: 100px;
    width: 500px;
    height: 300px;
    padding: 10px;
    border: 1px solid #CCC;
  }

.ad-next,.ad-prev,.ad-controls,.ad-image-description{
	display:none !important;
}  

html.mm-background .mm-page {
    background: none !important;
}

/* FONT-FACE EMBEDDING */

/*@font-face {
    font-family: 'Mono';
    src: url('../font/Mono.eot');
    src: url('../font/Mono.eot?#iefix') format('embedded-opentype'),
         url('../font/Mono.woff') format('woff'),
         url('../font/Mono.ttf') format('truetype'),
         url('../font/Mono.svg#Mono') format('svg');
    font-weight: normal;
    font-style: normal;

}*/

/*
#bild1 {
	position: absolute;
	top: 76px;
	left: 0px;
	width: 287px;
	height: 166px;
	z-index: 3;
}

#bild2 {
	position: absolute;
	top: 76px;
	left: 307px;
	width: 287px;
	height: 166px;
	z-index: 3;
}

#bild3 {
	position: absolute;
	top: 76px;
	left: 614px;
	width: 287px;
	height: 166px;
	z-index: 3;
} */

div.row2 {
	top: 430px !important;
}


#head1 {
	position: relative;
	top: 0px;
	left: 0px;
	width: auto;
	font-size: 26px;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: 30px;
	margin: 20px 0; 
	z-index: 3;
} 

#text1 {
	position: absolute;
	top: 252px;
	left: 0px;
	width: 287px;
	height: 166px;
	line-height: 18px;
	font-size: 15px;
	z-index: 3;
}

#text2 {
	position: absolute;
	top: 252px;
	left: 307px;
	width: 287px;
	height: 166px;
	line-height: 18px;
	font-size: 15px;
	z-index: 3;
}

#text3 {
	position: absolute;
	top: 252px;
	left: 614px;
	width: 287px;
	height: 166px;
	line-height: 20px;
	font-size: 16px;
	z-index: 3;
}

.gruen {
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 20px;
	color: #4b4b4b /*#c0ce2c*/;
}

.gruen a {
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 20px;
	color: #4b4b4b;
}
a {
	text-decoration: none;
	color: #fff;
}

.gruen a:hover {
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 20px;
	color: #c0ce2c;
}

.gruen_rechts {
	position: absolute;
	right: 0;
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: 20px;
	color: #c0ce2c;
}



#breadcrumb a {
	font-size: 0.9em;
	color: #4a4a4c;
}

#breadcrumb a:hover {
	color: #c0ce2c;
}

#classiclink a {
	font-size: 0.9em;
	color: #4a4b4d;
	text-decoration: underline;
	line-height: 18px;
}

.down {
	position: relative;
	top: -73px;
}

#chromeanker {
	height: 100%;
}


.red {
	text-transform: uppercase;
	color: #000099;
}

.current a {
	color: #999;
}

#schalter-l a {
	position: absolute;
	top: 50%;
	left: 4%;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	background-image: url(../img/pfeil-l.png);
}

#schalter-l a:hover {
	position: absolute;
	top: 50%;
	left: 4%;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	background-image: url(../img/pfeil-l-1.png);
}

#schalter-r a {
	position: absolute;
	top: 50%;
	right: 4%;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	background-image: url(../img/pfeil-r.png);
}

#schalter-r a:hover {
	position: absolute;
	top: 50%;
	right: 4%;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	background-image: url(../img/pfeil-r-1.png);
}

/* CUSTOM SLIDESHOW NAVI*/
#slide-nav-bottom {
	float: right;
	margin-right: -20px;
	margin-top: 16px;
	position: relative;
}

#slide-nav {
	float: right;
	margin-right: 0px;
}

.custom-next, .custom-prev {
	float: left;
	width: 50px;
	display: block;
}

.custom-next li, .custom-prev li {
	display: inline;
	margin: 0px;
	text-transform: uppercase;
	float: left;
}

.custom-next li a, .custom-prev li a {
	color: #666;
	text-decoration: none;
	float: left;
}

.custom-next li a:hover, .custom-prev li a:hover {
	color: #999;
	text-decoration: none;
}

/* INDEX / INDEX CLOSE LINK */
.index {
	float: left;
	width: 60px;
	display: block;
	margin: 0px;
}

.close a {
	color: #666;
	float: right;
	display: block;
}

.close a:hover {
	color: #999;
}

.index li {
	display: inline;
	margin: 0px;
	text-transform: uppercase;
	color: #666;
	float: left;
}

.index li a {
	color: #666;
	text-decoration: none;
}

.index li a:hover {
	color: #999;
	text-decoration: none;
}

/* INDEX GRID */
#index-container {
	position: absolute;
	top: 80px;
	left: 25px;
	right: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 20px;
}

.photo-index li {
	float: left;
	margin: 0 7px 2px 0;
}

/* CONTACT PAGE */
#contact {
	padding: 0px;
	margin-bottom: 14px;
	float: left;
	padding-left: 3px;
	width: 260px;
}

#contact p {
	color: #fff;
	cursor: default;
}

#contact a {
	color: #fff;
}

/* CLIENTS PAGE */
#clients {
	padding: 0px;
	margin-bottom: 14px;
	float: left;
	padding-left: 2px;
	width: 260px;
}

#clients p {
	cursor: default;
}

#clients-container {
	position: absolute;
	margin-bottom: 50px;
	padding: 0px;
	left: 260px;
	background: #fff;
	float: left;
	overflow: hidden;
}


/*  FLEXSLIDER  */
/* Browser Resets */
.flex-container a:active, .flexslider a:active {
	outline: none;
}

.slides, .flex-control-nav, .flex-direction-nav {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {
	width: 100%;
	margin: 0;
	padding: 0;
}

.flexslider .slides>li {
	display: none;
} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
	max-width: 100%;
	display: block;
}

.flex-pauseplay span {
	text-transform: capitalize;
}

/* Clearfix for the .slides element */
.slides:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

html[xmlns] .slides {
	display: block;
}

* html .slides {
	height: 1%;
}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides>li:first-child {
	display: block;
}

/* FlexSlider Default Theme
*********************************/
.flexslider {
	background: #fff;
	border: 4px solid #fff;
	position: relative;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	zoom: 1;
}

.flexslider .slides {
	zoom: 1;
}

.flexslider .slides>li {
	position: relative;
}
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flex-container {
	zoom: 1;
	position: relative;
}

/* Caption style */
/* IE rgba() hack */
.flex-caption {
	background: none;
	zoom: 1;
	text-transform: uppercase;
}

.flex-caption {
	width: 96%;
	padding: 0%;
	position: absolute;
	left: 0;
	bottom: -50px;
	background: #fff;
	color: #fff;
	font-size: 11px;
	line-height: 18px;
	text-transform: uppercase;
}

/* Direction Nav */
.flex-direction-nav li a {
	width: 50%;
	height: 100%;
	margin: 0px;
	display: block;
	background: url(theme/bg_direction_nav.png) no-repeat 0 0;
	position: absolute;
	top: 0px;
	cursor: pointer;
	text-indent: -9999px;
}

.flex-direction-nav li .next {
	right: 0px;
}

.flex-direction-nav li .prev {
	left: 0px;
}

.flex-direction-nav li .disabled {
	opacity: .3;
	filter: alpha(opacity = 30);
	cursor: default;
}

/* Control Nav */
.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: -30px;
	text-align: center;
}

.flex-control-nav li {
	margin: 0 0 0 5px;
	display: inline-block;
	zoom: 1;
	*display: inline;
}

.flex-control-nav li:first-child {
	margin: 0;
}

.flex-control-nav li a {
	width: 13px;
	height: 13px;
	display: block;
	background: url(theme/bg_control_nav.png) no-repeat 0 0;
	cursor: pointer;
	text-indent: -9999px;
}

.flex-control-nav li a:hover {
	background-position: 0 -13px;
}

.flex-control-nav li a.active {
	background-position: 0 -26px;
	cursor: default;
}

/*******************************************/
#dotline {
	position: relative;
	border: 0px;
	border-top: 1px;
	border-style: dotted;
	border-color: #9a9b9d;
	padding-bottom: 35px;
}

/*===  Grid und Caption Bildmouseover grün typo weiss === */
#bild2 ul.grid {
	list-style: none;
	/*margin-bottom: -3%;*/
	*zoom: 1;
}

#bild2 ul.grid:before, section#projects ul.grid:after {
	content: " ";
	display: table;
}

#bild2 ul.grid:after {
	clear: both;
}

#bild2 ul.grid li {
	/*margin-bottom: -3%;*/
	position: relative;
}

#bild2 ul.grid li:nth-child(odd) {
	display: block;
	float: left;
	margin-left: 0%;
	margin-right: -100%;
	width: 287px; /* 48.53516%  */
	height: 166px;
}

#bild2 ul.grid li:nth-child(even) {
	display: block;
	float: left;
	margin-left: 51.46484%;
	margin-right: -100%;
	width: 48.53516%;
	clear: none;
	float: none;
}

#bild2 ul.grid .caption {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	opacity: 0;
	background-color: rgba(192, 206, 44, 0.75);
	background-color: rgba(192, 206, 44, 0.25);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(192,
		206, 44, 0.25)), color-stop(100%, #f5404d));
	background-image: -webkit-linear-gradient(rgba(192, 206, 44, 0.25),
		#c0ce2c);
	background-image: linear-gradient(rgba(192, 206, 44, 0.25), #c0ce2c);
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	transition: all 0.2s linear;
	-webkit-transform: translate3d(0, 0, 0);
}

#bild2 ul.grid .caption span {
	padding: 1rem;
	position: relative;
	top: 52%;
	opacity: 0;
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	text-transform: none;
	letter-spacing: 0px;
	font-weight: none;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

#bild2 ul.grid a:hover .caption {
	opacity: 1;
}

#bild2 ul.grid a:hover .caption span {
	top: 42%;
	opacity: 1;
}

.absatz_grau {
	padding: 10px;
	height: auto;
	background-color: #fff !important;
}

#logo {
	margin: -17px 0 0 0;
}

.block_text.img_align1 img {
    max-width: 100%;
}

/*
body.lines3 #content {
	height: 1850px !important;
}

/*
Xbody.lines3 #inhalte {
	height: 1200px !important;
}

body.lines3 div#schatten3 img {
	height: 1230px;
}


body.lines4 #content {
	height: 2090px !important;
}

Xbody.lines4 #inhalte {
	height: 1440px !important;
}

body.lines4 div#schatten3 img {
	height: 1470px;
}

#emblem{
	position:absolute;
	left:46%;
	top: -25px;
	z-index:200;
}/**/

/**********************************************************/


/**********************************************************/
span.colspan.minidouble {
	width: 210px;
	margin-right: 15px;
}

span.colspan.minidouble img {
	max-width: 210px !important;
}

/*
div#bild1.minidouble, div#text1.minidouble, div#bild2.minidouble, div#text2.minidouble,
	div.minidouble img.teaserimg {
	width: 210px;
}*/
div#bild1.minidouble, div#text1.minidouble, div#bild2.minidouble, div#text2.minidouble {
	width: 210px;
}

div#bild2.minidouble, div#text2.minidouble {
	left: 225px;
}

div.minidouble {
	Xheight: 180px !important;
	margin-bottom: 2px;
	overflow: hidden;
}

/**********************************************************/
div#head1 h1 {
	font-size: 21px;
}
div.lnk {
	position: relative;
	float: right;
}

div.lnk a {
	color: #4a4a4c !important;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0.8px;
	line-height: 20px;
}

div.lnk a:hover {
	color: #c0ce2c !important;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0.8px;
	line-height: 20px;
}

span.gruen:hover {
	color: #c0ce2c !important;
}

/**********************************************************/
span.double div.block_text {
	margin-top: 0px; /*30px*/
}

/*
div.triple img.teaserimg {
	width: 280px; /*287px*/
}
/**/

div#bild1.double, div#text1.double, div#bild2.double, div#text2.double,
	div.double img.teaserimg {
	width: 435px;
}

div#bild2.double, div#text2.double {
	left: 465px;
}

div.double, div.triple {
	Xheight: 180px !important;
	margin-bottom: 2px;
	overflow: hidden;
}

/* ab hier position der dreispaltigkeit ***************************  *************************************/
div#bild1.line1, div#bild2.line1, div#bild3.line1 {
	top: 0px !important;
}

div#text1.line1, div#text2.line1, div#text3.line1 {
	top: 186px;
}

div#bild1.line2, div#bild2.line2, div#bild3.line2 {
	top: 350px;
}

div#text1.line2, div#text2.line2, div#text3.line2 {
	top: 526px;
}

div#bild1.line3, div#bild2.line3, div#bild3.line3 {
	top: 700px;
}

div#text1.line3, div#text2.line3, div#text3.line3 {
	top: 886px;
}

div.teasertext span p, div.teasertext p {
	margin: 8px 0;
	font-weight: bold;
}
.teasertext #classiclink span p, .teasertext #classiclink p {
	font-weight: normal;
	margin: 0;
}

div.teasertext a {
	color: #4a4a4c;
}
/********************************************************************/
div.block_layer {
	position: absolute;
	z-index: 100;
}

/********************************************************************/
#tophead {
	position: absolute;
	top: 20px;
	left: 50%;
	height: 16px;
	width: 600px;
	margin-left: -468px;
}

#tophead ul li {
	line-height: 16px;
	padding-right: 10px;
	margin-left: 10px;
	border-right: 1px solid #FFF;
}

#tophead ul li:first-child {
	margin-left: 0px;
}

#tophead ul li:last-child {
	border-right: 0px solid #FFF;
}

#thefootmenu li {
	margin: 0 0 10px 0;
}

#thefootmenu a.active, #thefootmenu a:hover, #headermenu a.active,
	#headermenu a:hover, #tophead a.active, #tophead a:hover {
	color: #CAD63A !important;
}


a#breadindex {
	background-image: url(/img/logo-schalter-klein.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-size: 30px 30px;
	width: 30px;
	height: 30px;
	display: inline-block;
	border: 0px solid green !important;
	margin-bottom: -8px;
}

a#breadindex:hover {
	background-image: url(/img/logo-schalter-klein-off.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-size: 30px 30px;
	width: 30px;
	height: 30px;
	display: inline-block;
	border: 0px solid green !important;
	margin-bottom: -8px;
}
/*a#breadindex{
	background-image:url(/img/logo-schalter-klein.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	background-size: 15px 15px;
	width:18px;
	height:18px;
	display:inline-block;	
	border:0px solid green !important;
	margin-bottom:-5px;
}*/
li.logoli {
	padding-top: 0px !important;
	margin-top: -5px;
}

li.logoli:hover {
	background-color: transparent !important;
}

/*Spezielle Seitenformatierungen
********************************/
#schatten1 {
	top: 60px; /*54*/
}

#greyback {
	background-color: #9a9b9d;
	height: 40px;
	width: 287px;
	padding: 10px;
	color: #fff;
	font-size: 18px;
}

.lnk_oben {
	color: #4B4B4B;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 20px;
}

a.lnk_oben {
	color: #4B4B4B;
}

a.lnk_oben:hover {
	color: #CAD63A;
}

div.block_text a {
	color: #4a4a4c !important;
}

/********************************/
/* HOVER EFFEKT VON HR. WARNITZ */
div.fancy_box, div.teaser_box {
	position: relative;
}

a#madeingermany {
	position: absolute;
	right: 30px;
	top: 30px;
}

/********************************/
h1 {
	text-align: left;
}
h2, h3, h4 {
	display: inline;
	font-size: 14px;
	line-height: 16px;
	color: #4a4b4c;
	background-color: #fff;
	font-weight: 400
}

/*** Formulare ***/
.Kontakt-eMail h1 {
	font-size: 1.4em;
}
.datafield-text {
	padding: 5px 0;
}
.label-field,
.input-field {
	display: inline-block;
}
.label-field {
	width: 30%;
	font-size: 1.1em;
}
.input-field {
	width: 60%;
}
input, select {
	height: 30px;
}
input, select, textarea {
	border: 2px solid #ccc;
	padding: 0 5px;
	box-sizing: border-box;
}
.frm_button {
	width: 50%;
	height:50px;
	margin-top: 20px;
	background: #C1CF0F;
	border: 1px solid #C1CF0F;
	font-size: 1.4em;
	color: #fff;
}
.move_1 {
	padding: 0;
}
.move_2 {
	padding: 0 0 0 20px;
}
.move_3 {
	padding: 0 0 0 40px;
}
.move_4 {
	padding: 0 0 0 60px;
}
#fancybox-overlay {
	position: fixed !important;
}
#fancybox-wrap {
	position: fixed !important;
	top: 20px !important;
}
.fancybox-title-float {
	bottom: -15px !important;
	max-width: 100% !important;
}
#fancybox-img {
	max-width: 100% !important;
}

#shop_cart {
    display: none;
}
#fancybox-title {
    left: 15px !important;
}
.cc_container .cc_btn {
    background-color: #c0ce2c !important; /* Farbe des Buttons */
    color: #fff !important; /* Textfarbe des Buttons */
}
.cc_container {
    background: #9a9b9d !important; /* Hintergrundfarbe des gesamten Bereichs */
    color: #fff !important; /* Schriftfarbe des gesamten Bereichs */
}
.cc_container a {
    color: #c0ce2c !important; /* Textlink-Farbe "Mehr Infos" */
}