/* INHALTSVERZEICHNIS 
	
	1.0 - GLOBAL
	2.0 - LAYOUT
	3.0 - NAVIGATION
	3.1 - SUBNAVIGATION
	4.0 - INHALT
	4.1 - KONTAKTFORMULAR
	4.2 - BILDGALERIE
	4.3 - MULTILIST
	5.0 - PRINT

*/




@media all	{

@font-face {
    font-family:"eurostileregular";
    src: url("fonts/eurostile-webfont.eot");
    src: url("fonts/eurostile-webfont.eot") format('embedded-opentype'),
         url("fonts/eurostile-webfont.woff") format('woff'),
         url("fonts/eurostile-webfont.ttf") format('truetype'),
         url("fonts/eurostile-webfont.svg") format('svg');
    font-weight: normal;
    font-style: normal;

}




/* 1.0 GLOBAL */

a, p, td, li, h1, h2, h3, label, input, textarea, select, span	{
	font-family:"eurostileregular", sans-serif;
	font-size:0.75em;
	line-height:1.125em;
	color:#333;
	list-style:none;
}
a, a:hover	{
	color:#2481c1;
	text-decoration:none;
}
img, a img	{
	border:none;
	float:left;
	margin:0 10px 0 0;
	padding:0;
}

/* 2.0 LAYOUT */

body	{
	margin:0;
	padding:0;
	background:#fff;
}
.rahmen	{
	padding:0 0 0 0;
	margin:0 auto 0 auto;
	width:1000px;
}

#logo {
    background-image: url("logo.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    box-shadow: none;
    float: none;
    height: 106px;
    margin: 0;
    width: 40%;
}

header {
	background-repeat:no-repeat;
	height:555px;
	width:100%;
}
	

h2 {
    color: #333;
    font-family: "eurostileregular",sans-serif;
    font-size: 1em;
    font-weight: normal;
    letter-spacing: 0.025em;
    margin-bottom: 20px;
    padding-left: 4px;
    text-transform: uppercase;
}

h3 {
	font-family:"eurostileregular", sans-serif;    
	font-size:24px;
    font-weight:lighter;
    margin:10px 0 0;
    padding:0;
}

/* 3.0 NAVIGATION */



nav {
    float: right;
    height: 44px;
    margin-top: -78px;
    width: 59%;
    z-index: 100;
}

ul {
    float: right;
    margin: 30px 0 0;
    max-height: 250px;
    min-height: 150px;
}
li	{
	float:left;
}
li a {
    font-size: 1.125em;
    margin-left: 30px;
    text-transform: uppercase;
	font-family: 'eurostileregular', sans-serif;
	color:#333333;
	padding:0 0 0 0;
letter-spacing: 0;
}

li.rex-current a, li.rex-active a {
	color:#2481c1;
font-family: 'eurostileregular', sans-serif;
background-image:none;
	height:105px;
	background-repeat:repeat-x;}

li a:hover {
	background-image:none;
	height:105px;
	background-repeat:repeat-x;
}

/* 3.1 SUBNAVIGATION */

li.sub1 {
	float:none;}

li.sub1 a {
 color: #2682c2;
    font-size:1.25em;
    font-weight: lighter;
    margin:0;
	text-transform:none;
list-style:none;
list-style-image:none;
line-height:2em;
}

li.sub1.rex-current a, li.sub1.rex-active a,
li.sub1 a:hover {
	background-image:none;
	font-weight:bold;}
	
.sub1 {
    float: left;
    padding:0;
	margin:0;
	color:#2481C1;
	width:175px;
}	



.subnavi ul {
    margin-top: 30px;
    padding: 20px 10px 10px 15px;
}



.subnavi {
    background-image: url("sub.png");
    float: left;
    margin: 70px 0 0 90px;
    position: absolute;
    z-index: 1000;
}

.subnavi {visibility: hidden;}
nav:hover .subnavi {visibility: visible;}

/* 4.0 HEADER */

#animation {
    height: 375px;
    margin: 25px 0 0;
    width: 1000px;
}

.bxslider li h1 {
    background-repeat: repeat-x;
    color: #7D7D80;
    display: inline-block;
	font-family: 'eurostileregular', sans-serif;    
	font-size: 2.625em;
    font-weight: lighter;
    height: 55px;
    line-height: 45px;
    margin:-8px 0 0;
    padding: 8px;
}

ul.bxslider {
	float:left;
	margin:0;
	padding:0;
}
/* 4.09 Prozess */


#prozess {
    float: left;
    height: 110px;
    margin: 0 0 50px;
}


.prozess_modul {
    background-color: #f1f1f1;
    float: left;
    height: 100px;
    margin: 0;
    padding:0;
    width:200px;
}
.prozess_modul:hover {
	border-bottom:5px solid #2682c2;
background-image: url("bg_pr_hw.png");
background-repeat:no-repeat;}

.prozess h1, .analyse h1, .strategie h1, .akquisition h1, .umsetzung h1, .controlling h1 {
    color: #2682c2;
    font-size: 26px;
    font-weight: lighter;
    margin: 28px 0 6px;
}


.prozess p, .analyse p, .strategie p, .akquisition p, .umsetzung p, .controlling p {
    color: #707173;
    font-size: 14px;
    margin: -2px 25px 0;
}

img.prozess, img.analyse, img.strategie, img.akquisition, img.umsetzung, img.controlling {
    margin: 16px 3px 0px 20px;
}


section.prozess {
    background-image: url("bg_prozess.png");
    height: 115px;
    margin: 0 0 50px;
}
section.analyse {
    background-image: url("prozess_analyse.jpg");
    height: 115px;
    margin: 0 0 50px;
}
section.strategie {
    background-image: url("prozess_strategie.jpg");
    height: 115px;
    margin: 0 0 50px;
}
section.akquisition {
    background-image: url("prozess_akquisition.jpg");
    height: 115px;
    margin: 0 0 50px;
}
section.umsetzung {
    background-image: url("prozess_umsetzung.jpg");
    height: 115px;
    margin: 0 0 50px;
}
section.controlling {
    background-image: url("prozess_controlling.jpg");
    height: 115px;
    margin: 0 0 50px;
}

section.analyse .Strategie:hover {
	background-image: url("pr_strategie_1.png")
}

section.strategie .Akquisition:hover {
	background-image: url("pr_strategie_1.png")
}
section.strategie .Analyse:hover {
	background-image: url("pr_analyse_1.png")
}

section.akquisition .Umsetzung:hover {
	background-image: url("pr_strategie_1.png")
}
section.akquisition .Strategie:hover {
	background-image: url("pr_strategie_1.png")
}
section.umsetzung .Akquisition:hover {
	background-image: url("pr_strategie_1.png")
}
section.umsetzung .Controlling:hover {
	background-image: url("pr_controlling_1.png")
}
section.controlling .Umsetzung:hover {
	background-image: url("pr_strategie_1.png")
}
.Analyse {
    float: left;
    height: 115px;
    width: 215px;
}
.Analyse:hover {
	background-image:url(pr_analyse_hw.png);
background-repeat:repeat-none;
}


.Strategie {
    float: left;
    height: 115px;
    margin: 0 0 0 -15px;
    width: 215px;
}
.Strategie:hover {
	background-image:url(pr_strategie_hw.png);
background-repeat:repeat-none;
}


.Akquisition{
    float: left;
    height: 115px;
    margin: 0 0 0 -15px;
    width: 215px;
}
.Akquisition:hover {
	background-image:url(pr_strategie_hw.png);
background-repeat:repeat-none;
}

.Umsetzung{
    float: left;
    height: 115px;
    margin: 0 0 0 -15px;
    width: 215px;

}
.Umsetzung:hover {
	background-image:url(pr_strategie_hw.png);
background-repeat:repeat-none;
}

.Controlling{
    float: left;
    width: 200px;
	height:115px;
margin: 0 0 0 -15px;

}
.Controlling:hover {
	background-image:url(pr_controlling_hw.png);
background-repeat:repeat-none;
}



/* 4.1 FOOTER */

section.footer {
	background-image:url(footer.png);
	background-repeat:repeat;
	height:255px;
	float:left;
	width:100%;
}

section.footer h1 {
	font-size:2em;
	line-height:35px;
	color:#ffffff;
	font-weight:lighter;
	margin-bottom:22px;	
}

section.footer p {
	font-size:1.125em;
	color:#FFFFFF;
	line-height:26px;
	margin-top:38px;
	}

section.footer a {
	font-size:0.875em;
	color:#FFFFFF;
	line-height:26px;}

section.footer a:hover {
	color:#b1b1b2;
	}

section.footer article {
	width:100%;
	float:left;
	}

section.footer aside {
    background-color: #333333;
    background-image: url("bg_ft_01.png");
    float: right;
    height: 35px;
    margin: 0 0 5px;
    width: 100%;
}

.liste {
    float: right;
    margin: 105px 0 0 675px;
    position: absolute;
    width: 325px;
}

.footer img {
    float: left;
    margin-right: 5px;
    padding: 0 5px 5px;
}

.footer aside p {
    font-size: 1em;
    margin: 0;
    padding: 5px;
}
	
.footer aside.a {
	background-color:#333333;
}

.footer aside.a:hover {
	background-color:#1D1D1D;}

/* 4.2 BLOCK */


section.block {
    margin: 0 0 120px;
}

	        
section.block article {
    margin: 0 0.75% 90px 0.75%;
    width: 30.5%;
	float:left;
}

section.block h1 {
	background-color:none;
	color:#2481c1;
	font-size:3em;
	text-transform:none;
	width:100%;
	float:left;
	text-align:left;
	font-family: 'eurostileregular', sans-serif;	
	margin:0;
	line-height:55px;
	font-weight:lighter;
}

section.block p {
    margin: 0;
    padding:3px;
	font-size:1em;
	color:#333;
	line-height:22px;
}

section.block p.link {
    text-align:right;
	float:right;
}
section.block p.link a {
    text-transform:uppercase;
	font-size:1em;
}

.txt-img {

    margin-bottom: 30px;
}

section.block .txt-img p {
	color: #7D7D80;
    font-size: 0.875em;
    line-height: 22px;
    margin: 0;
    padding:20px;
}

/* 4.2 START */


section.start {
    margin: 110px 0 120px;
}
	        
section.start article {
    margin: 0 0.75% 90px 0.75%;
    width: 30.5%;
	float:left;
}

section.start h1 {
	background-color:none;
	color:#2481c1;
	font-size:3em;
	text-transform:none;
	width:100%;
	float:left;
	text-align:left;
	font-family: 'eurostileregular', sans-serif;	
	margin:0;
	line-height:55px;
	font-weight:lighter;
}

section.start p {
    margin: 0;
    padding:3px;
	font-size:1em;
	color:#333;
	line-height:22px;
}

section.start p.link {
    text-align:right;
	float:right;
}
section.start p.link a {
    text-transform:uppercase;
	font-size:1em;
}


section.start .txt-img p {
	color: #7D7D80;
    font-size: 0.875em;
    line-height: 22px;
    margin: 0;
    padding:20px;
}

/* 4.3 FUSSZEILE */

section.vidyo {
	background-color:#393939;
	margin-top:0;
	width:100%;
	height:48px;
	float:left;}
	
section.vidyo p {
	color:#FFFFFF;
	text-align:left;
	font-size:0.875em;
	float:left;
	width:50%;
}

section.vidyo a {
	font-weight:bold;
	font-size:1em;
	color:#ffffff;
}

section.vidyo a:hover {
	color:#999999;
}
	
section.vidyo span {
	text-align:left;
	color:#ffffff;
	font-size:0.875em;
	float:right;
	margin-top:14px;}

/* 5 FORMULAR */
.formgen_form {
	padding:30px 0 30px 50px;
	}

.formgen_block {
    margin-bottom: 10px;
}
label { 
	float: left;
    margin: 10px 5px 0 0;
    padding: 5px;
    text-align: right;
    width: 70px; 
}
fieldset { 
	margin:10px 2px 10px 17px; 
	padding:20px 5px 5px 5px; 
	border:1px solid #cccccc;
}
input.formgen_submit { 
	margin: 20px 0 10px 510px; 
	text-transform:lowercase; 
	font-weight:normal;
	width:80px;
	padding:0;
}
input.formgen_submit:hover {
	color:#fff;
	background-color:#2481c1;
	}
input, select, input.formgen_required { 
	background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #D7D7D7;
    font-size: 0.875em;
    font-weight: lighter;
    height: 25px;
    margin: 5px 0 0 8px;
    padding: 5px 10px 0;
    width: 50%;}
	
textarea {
	width: 50%;
	min-width:50%;
	max-width:50%;
	height:100px; 
	border: 1px solid #d7d7d7;
	background: #fff;
	margin: 5px 0 0 8px; /* Textausrichtung gegenueber "label" */
	padding: 5px 10px 0;
	font-size:0.875em;
}

input.checkbox {
}

legend { 
	color:#ffffff; 
	padding: 0 5px 0 5px;
	margin:0 0 0 17px;
}
	
ul.formgen_error_list li {
	color:#fe0100;	
}

/* 4.2 BILDGALERIE */

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#lightbox a img	{ 
	border: none;
}
#lightbox a:hover	{ 
	background-color: transparent; 
}
#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#imageContainer{
	padding: 10px;
}
#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url('blank.gif') no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { margin-top:10px; left: 0; float: left;}
#nextLink { margin-top:10px; right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url('addons/lightbox/prevlabel.gif') left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url('addons/lightbox/nextlabel.gif') right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose { width: 66px; float: right;  padding-bottom: 0.7em;overflow:hidden;outline: none; }	
#imageData #bottomNav {overflow:hidden;}
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
}
	
a.lb	{
	padding:0 5px 15px 0;
}
a.lb img	{
	padding:4px;
	border: 1px solid #ddd;
}

/* 4.3 MULTILIST */

div.news	{
	padding:0 0 0 0;
	margin:0 0 0 0;
}
div.news span.date	{
}
div.newsimage	{
	float:left;
	padding:0 0 0 0;
}
div.newsimage a img	{
	padding:0 0 0 0;
}
div.newstext	{
	padding:0 0 0 0;
}
div.newstext p	{
	padding:0;
	margin:0;
}
.mobile_vidyo {
	display:none;}
}

.mobile_nav {
    display: none;
}
/* 5.0 PRINT */

@media only screen and (max-width: 875px){


nav {
	height:auto;
	float:right;
	text-align:right;
	padding-right:1.8em;
	padding-top:0.8em;
	text-decoration:none;
	display:block;
	background-color:none;
	width:auto;
}

ul.rex-navi1 {
	display:inline;
	text-decoration:none;
	font-size:0.8em;
	font-size:0.8em;
	line-height:1.2em;
	display:block;
	text-align:right;
	text-transform:uppercase;
	text-decoration:none;
	margin-left:0;
	padding-left:0;
}

ul.rex-navi1 li {
	font:lato-lig-webfont, Arial, Helvetica, sans-serif;
	font-size:1em;
	line-height:1.2em;
	display:block;
	text-align:right;
	margin-left:1.2em;
	text-transform:uppercase;
	text-decoration:none;
}

label { 
	float:left; 
	width:40%; 
	text-align:left;  
	margin-left:15%;
	margin-right:1%;
}

fieldset { 
	margin:0.6em 0.1em 0.6em 1em; 
	padding:1.2em 0.4em 0.4em 0.4em; 
	border:0.1em solid #cccccc;
}

input.formgen_submit { 
	margin: 0 0 0 57%; 
	text-transform:lowercase; 
	font-weight:normal;
	width:38%;
	color:#FFFFFF;
	background-color:#FF6204;
}

input  { 
	width: 38%; 
	border: 1px solid #d7d7d7;
	background: #fff;
	margin: 0.4em 0 0 0.4em; /* Textausrichtung gegenueber "label" */
	padding: 0.2em;
	float:left;
}

select, input.formgen_required {
	width:38%;
	border: 1px solid #d7d7d7;
	background: #fff;
	margin: 0.4em 0 0 0.4em;
	padding: 0.2em;
}

textarea { 
	min-width:38%;
	max-width:38%;
	min-height:11.2em; 
	border: 1px solid #d7d7d7;
	background: #fff;
	margin: 0.4em 0 0 0.4em; /* Textausrichtung gegenueber "label" */
	padding: 0.1em;
}

input.checkbox {
}

legend { 
	color:#ffffff; 
	padding: 0 0.4em 0 0.4em;
	margin:0 0 0 1em;
}
	
ul.formgen_error_list li {
	color:#FF6204;
	list-style:none;
	font:lato-lig-webfont, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}

.formgen_block {
	margin-top:1.2em;
}
}


@media only screen and (max-width: 520px){

nav {
	height:auto;
	float:right;
	text-align:right;
	padding-right:1.8em;
	padding-top:0.8em;
	text-decoration:none;
	display:block;
	background-color:none;
	width:auto;
}

ul.rex-navi1 {
	display:inline;
	text-decoration:none;
	font-size:0.8em;
	font-size:0.8em;
	line-height:1.2em;
	display:block;
	text-align:right;
	text-transform:uppercase;
	text-decoration:none;
	margin-left:0;
	padding-left:0;
}

ul.rex-navi1 li {
	font:lato-lig-webfont, Arial, Helvetica, sans-serif;
	font-size:1em;
	line-height:1.2em;
	display:block;
	text-align:right;
	margin-left:1.2em;
	text-transform:uppercase;
	text-decoration:none;
}

ul.rex-navi2 {
	font:lato-lig-webfont, Arial, Helvetica, sans-serif;
	font-size:1em;
	line-height:1.2em;
	display:block;
	text-align:right;
	margin-left:1.2em;
	text-transform:none;
	text-decoration:none;
	font-weight:lighter;
}

ul.rex-navi2 li {
	font:lato-lig-webfont, Arial, Helvetica, sans-serif;
	font-size:1em;
	line-height:1.2em;
	display:block;
	text-align:right;
	margin-left:1.2em;
	text-transform:none;
	text-decoration:none;
}

ul.rex-navi2 li a {
	font:lato-lig-webfont, Arial, Helvetica, sans-serif;
	font-size:1em;
	line-height:1.2em;
	display:block;
	text-align:right;
	margin-left:1.2em;
	text-transform:none;
	text-decoration:none;
}

#footer {
	width:100%;
	height:42em;
}

label { 
	float:left; 
	width:100%; 
	text-align:left;  
	margin-left:1%;
	margin-right:1%;
}

fieldset { 
	margin:0.6em 0.1em 0.6em 1em; 
	padding:1.2em 0.4em 0.4em 0.4em; 
	border:0.1em solid #cccccc;
}

input.formgen_submit { 
	margin-top:0;
	float:right; 
	text-transform:lowercase; 
	font-weight:normal;
	width:6.2em;
	color:#FFFFFF;
	background-color:#FF6204;
}

input  { 
	width: 100%;
	border: 1px solid #d7d7d7;
	background: #fff;
	margin: 0.4em 0 1.2em 0.4em; /* Textausrichtung gegenueber "label" */
	padding: 0.2em;
	float:left;
}

select, input.formgen_required {
	width:100%;
	border: 1px solid #d7d7d7;
	background: #fff;
	margin: 0.4em 0 1.2em 0.4em;
	padding: 0.2em;
}

textarea { 
	min-width:100%;
	max-width:100%;
	min-height:11.2em; 
	border: 1px solid #d7d7d7;
	background: #fff;
	margin: 0.4em 0 1.2em 0.4em; /* Textausrichtung gegenueber "label" */
	padding: 0.1em;
}

input.checkbox {

}

legend { 
	color:#ffffff; 
	padding: 0 0.4em 0 0.4em;
	margin:0 0 0 1em;
}
	
ul.formgen_error_list li {
	color:#FF6204;
	list-style:none;
	font:lato-lig-webfont, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}

.formgen_block {
	margin-top:1.2em;
}

.mobile_nav {
    display: none;
}
}