body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto}
body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px}
/* Nitschke Consulting Style Sheet */
/* Stand: 13.08.13 */
/* Matthias Härlin - motointermedia */


/* montserrat-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('../../files/fonts/montserrat-v29-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url('../../files/fonts/montserrat-v29-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  src: url('../../files/fonts/montserrat-v29-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/*************************** Layout *************************/



#wrapper
{
	background-color: white;
	width: 683px;
	height: 718px;
	margin-left: auto;
	margin-right: auto;
	padding: 35px;
	-webkit-box-shadow: 3px 3px 13px 0px rgba(0, 0, 0, 0.4); /* WebKit */
	-moz-box-shadow: 3px 3px 13px 0px rgba(0, 0, 0, 0.4); /* Firefox */
	box-shadow: 3px 3px 13px 0px rgba(0, 0, 0, 0.4); /* Standard */
}

#logo
{
	margin-bottom: 10px;
	position: relative;
	text-align: right;
}


hr
{
	
	border-left-width: 0px;
	
	border-bottom-width: 0px;
	
	border-right-width: 0px;
	
	border-top-width: 2px;
	
	border-top-color: #3c4750;
	
	border-left-style: none;
	
	border-bottom-style: none;
	
	border-right-style: none;
	
	border-top-style: solid;
	
}


#left
{
	position: relative;
	width: 308px;
	height: 250px;
	margin-top: 10px;
	margin-left: 15px;
}

#right
{
	position: relative;
	width: 335px;
	height: 230px;
	margin-right: 0px;
	margin-left: 25px;
	margin-top: 55px;
	margin-bottom: 35px;
}


#right ul li {
/*margin-left: 1.5em;*/
/*list-style: square;*/
}


#right li
{

	list-style-type: none;

	background-image: url(../../files/nitschke_consulting/images/system/haeckchen.gif);

	list-style-position: outside;
	
	background-repeat: no-repeat;
	
	padding-left: 2.5em;
	
	padding-bottom: 10px;
}

#impressum
{
	text-align: right;
	margin-top: 10px;
	font-family: 'Montserrat', sans-serif;
	font-size: 10px;
}

#impressum .active
{
	text-transform: uppercase;
	
}

.home #right
{
	margin-top: 75px;
	margin-bottom: 15px;
}

#container
{
	height: 335px;
	overflow: hidden;
}

#footer
{
	position: relative;
	bottom: 0px;
	
}

#links a:link
{
	text-transform: none;
}

/******** Kontakt ***********/

.kontakt #left a:link
{
	
	font-weight: bold;
	
	text-transform: none;
	
}

.kontakt #left
{
	width: 668px;
	min-height: 300px;
}

.kontakt #left .page
{
	width: 308px;
}

.kontakt #right
{
	position: absolute;
	width: 335px;
	height: 250px;
	left: 320px;
	top: 15px;
}


#sprache span.lang-de
{
	background-image: url(../../files/nitschke_consulting/images/system/sprache_de.gif);
	background-repeat: no-repeat;
	width: 25px;
	height: 14px;
	display: block;
	position: absolute;
	text-indent: -3000px;
	top: 8px;
}

#sprache a.lang-de
{
	background-image: url(../../files/nitschke_consulting/images/system/sprache_de_inaktiv.gif);
	background-repeat: no-repeat;
	width: 25px;
	height: 14px;
	display: block;
	position: absolute;
	text-indent: -3000px;
	top: 8px;
}

#sprache a.lang-de:hover
{
	background-image: url(../../files/nitschke_consulting/images/system/sprache_de.gif);
	background-repeat: no-repeat;
}

/* englisch */

#sprache span.lang-en
{
	background-image: url(../../files/nitschke_consulting/images/system/sprache_en.gif);
	background-repeat: no-repeat;
	width: 25px;
	height: 14px;
	display: block;
	position: absolute;
	text-indent: -3000px;
	left: 30px;
	top: 8px;
}

#sprache a.lang-en
{
	background-image: url(../../files/nitschke_consulting/images/system/sprache_en_inaktiv.gif);
	background-repeat: no-repeat;
	width: 25px;
	height: 14px;
	display: block;
	position: absolute;
	left: 30px;
	text-indent: -3000px;
	top: 8px;
}

#sprache a.lang-en:hover
{
	background-image: url(../../files/nitschke_consulting/images/system/sprache_en.gif);
	background-repeat: no-repeat;
}

.mod_changelanguage ul
{
	margin: 0px;
}

/*-------------------------- Layout ------------------------*/





/*************************** Typo *************************/



body
{
	font-family: 'Montserrat', sans-serif;
}

h1
{
	letter-spacing: 1px;
	padding-bottom: 10px;
	border-bottom-color: #2d363d;
	border-right-width: 0px;
	border-left-width: 0px;
	border-bottom-width: 2px;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: solid;
	border-top-width: 0px;
	font-family: 'Montserrat', sans-serif;
	color: #3ca200;
	text-transform: uppercase;
	font-size: 20px;
}

.ce_text
{
	line-height: 22px;
	font-family: 'Montserrat', sans-serif;
	color: #3c464d;
}


a:link, a:visited
{
	text-transform: uppercase;
	color: #3c464d;
	text-decoration: none;
}

a:active, a:hover
{
	text-transform: uppercase;
	color: #3ca200;
	text-decoration: none;
}

.gruen_versal
{
	
	font-family: 'Montserrat', sans-serif;
	
	text-transform: uppercase;
	
	color: #3ca200;
	
}

.gruen
{

	font-family: 'Montserrat', sans-serif;
	color: #3ca200;
	
}



/*-------------------------- Typo ------------------------*/





/*************************** Navigation *************************/

.mod_navigation
{
	text-transform: uppercase;
	font-size: 13px;
	font-family: 'Montserrat', sans-serif;
}

#hauptnavigation li
{
	float: left;
	margin-right: 50px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 15px;
	letter-spacing: 1px;
	word-spacing: 1px;
}

.mod_navigation li
{
	margin-right: 40px;
	margin-top: 5px;
	margin-bottom: 20px;
	/*float: left;*/
}

#hauptnavigation  a:link, #hauptnavigation  a:visited
{
	color: #3c464d;
	text-decoration: none;
	font-family: 'Montserrat', sans-serif;
	font-size: 13px;
}

#hauptnavigation .trail a:link, #hauptnavigation .trail a:visited
{
	color: #3ca200;
}


#hauptnavigation  a:active, #hauptnavigation  a:hover
{
	color: #3ca200;
	text-decoration: none;
	background-image: none;
	padding-left: 0px;
	font-family: 'Montserrat', sans-serif;
	font-size: 13px;
	font-weight: 300;
}


.mod_navigation a:link, .mod_navigation a:visited
{
	color: #5e6971;
	text-decoration: none;
	font-family: 'Montserrat', sans-serif;
	font-size: 13px;
}


.mod_navigation .level_1 a:active, .mod_navigation .level_1  a:hover
{
	color: #3ca200;
	text-decoration: none;
	background-position: left center;
	padding-left: 20px;
	background-repeat: no-repeat;
	background-image: url(../../files/nitschke_consulting/images/system/pfeil_gruen.gif);
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
}


.mod_navigation .active
{
	color: #3ca200;
}


#hauptnavigation .active span 
{
	color: #3ca200;
	text-decoration: none;	padding-left: 0px;
	background-image: none;

}

#hauptnavigation .forward
{
	color: #3ca200;
	text-decoration: none;	padding-left: 0px;
	background-image: none;
}

.mod_navigation .active span 
{
	color: #3ca200;
	background-repeat: no-repeat;
	text-decoration: none;
	background-position: left center;
	padding-left: 20px;
	background-image: url(../../files/nitschke_consulting/images/system/pfeil_gruen.gif);
	font-weight: 500;

}

.mod_navigation .level_0 .first
{
	margin-left: 10px;
}

#hauptnavigation .last
{
	margin-right: 0px;
}

/*-------------------------- Navigation ------------------------*/


/*************************** Custom Scrollbar *************************/

.mCSB_draggerContainer
{
	display: none;
}

/*-------------------------- Custom Scrollbar ------------------------*/

@media (max-width: 767px)
{
#right
{
	float: left;
}

}

