@charset "utf-8";
/******************/
/*    Settings    */
/******************/


body
{
padding: 0px;
margin: 0px;
background-color:#626262;
height: 100%;
min-height: 100%;
width: 100%;
}

body.streifen
{
padding: 0px;
margin: 0px;
height: 100%;
min-height: 100%;
width: 100%;
background:#626262 url(../files/bg.jpg) repeat-y 320px 0px;
}

.streifen
{

}

* 
{
margin:0; padding:0;
}

a,  a:link, a:visited {
color:#969696;

}

a:hover {
color:#000000;

}
/******************/
/*      Text      */
/******************/

/* Headers */

/* IE bug beheben... war ja klar */

/* li a {
    display: block;
	float:left;
    width: 100%;
	height: 100%;
} */



/* Textfield */

.textfield-contact
{
border: 0px;
background-color:#CCCCCC;
width: 150px;
}

.textfield-contact-red
{
border: 0px;
background-color:#b40000;
width: 150px;
}

.form-red
{
width: 150px;
border: 0px;
background-color:#CCCCCC;
}

#table-contact
{
border: 0px;
border-spacing: 0px;
}

#table-contact td
{
padding: 2px;
}


.form-normal
{
width: 150px;
border: 0px;
background-color:#9DBE52;
}

.textfield-project
{
height: 18px;
margin-top: 0px;
}


input
{
background-color:#CCCCCC;
font-family:Arial, Helvetica, sans-serif;
border: none;
height: 18px;
vertical-align: top;
}




table
{
border: 0px;
border-spacing: 0px;
}

img
{
border: 0px;
}

em
{
font-style:normal;
}

strong
{
font-weight:bold;
}

p
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

h6
{
font-family:Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight:normal;
}

h5
{
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:normal;
color: #999999;
}

h4
{
font-family:Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight:normal;
}

h3
{
font-family:Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight:normal;
}

h2
{
font-family:Arial, Helvetica, sans-serif;
font-size: 22px;
font-weight:normal;
}

h1
{
font-family:Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight:normal;
}


/* Rollover */



.rollover
{
font-family:Arial, Helvetica, sans-serif;
text-decoration: none;
font-weight:normal;
color:#000000;
line-height: 20px;
}

.rollover a:link, .rollover a:visited
{
font-family:Arial, Helvetica, sans-serif;
text-decoration: none;
color:#000000;
line-height: 20px;
}

.rollover em a:link, .rollover em a:visited 
{
font-family:Arial, Helvetica, sans-serif;
text-decoration: none;
color:#a60000;
line-height: 20px;
}

.rollover a:hover
{
font-family:Arial, Helvetica, sans-serif;
text-decoration: none;
color:#ff0000;
line-height: 20px;
}

/* Rollover Sub */

.rollover-sub
{
font-family:Arial, Helvetica, sans-serif;
text-decoration: none;
color:#fff;
}

.rollover-sub a:link, .rollover-sub a:visited
{
font-family:Arial, Helvetica, sans-serif;
text-decoration: none;
color:#000000;
font-weight:bold;
}

.rollover-sub em a:link, .rollover-sub em a:visited 
{
color:#ff0000;
}

.rollover-sub a:hover
{
color:#FFFFFF;
}

/* Menu Liste */

.text
{
font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
}


.text ul
{
list-style:none;
padding-left: 0px;
font-size: 13px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#FFF;
}

.text li a:link, .text li a:visited
{
font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-weight:normal;
text-decoration:underline;
}

.text li a:hover
{
font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
color:#b40000;
font-weight:normal;
text-decoration:underline;
}

.text li em a {
font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
color:#b40000;
font-weight:normal;
text-decoration:underline;
}
/* White */

.white
{
color:#FFF;
}

.white a:link, .white a:visited
{
color:#FFF;
text-decoration:underline;
}

.white a:hover
{
color:#000;
}



/* Orange */

.orange
{
color:#d06376;
}

.Pwhite
{
color:#cccccc;
}





/******************/
/*     Div's      */
/******************/

#lang
{
	margin-left: 24px;
	position:absolute;
	z-index: 11;
	top: 10px;
	width: auto;
	height: auto;
}

#login
{
	text-align:left;
	position:absolute;
	z-index: 11;
	display:block;
	right: 15px;
	top: 10px;
}

#menudiv
{
	background-color:#FFFFFF;
	width: 360px;
	height: 200px;
	position:absolute;
	z-index: 10;
}

#menudiv-logo
{
	background-color:#FFFFFF;
	padding: 15px;
	text-align:right;
	position:absolute;
	z-index: 11;
	right: 0px;
	bottom: 0px;
}

#menudiv-menu
{
display:block;
	width: 164px;
	margin-left: 24px;
	position:absolute;
	z-index: 11;
	top: 30px;
		
}


#menudiv-menu img
{
border: 0px none #FFFFFF;

padding: 0px;
margin: 0px;
}

#menudiv-menu li
{
	list-style:none;
}

#subnavi
{
	width: 280px;
	height: 25px;
	margin-left: 24px;
	position:absolute;
	z-index: 11;
	top: 205px;
}
#subnavi li 
{
list-style:none;
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;

}

/* Hides from IE-mac \*/
* html #submenu {height: 1%;}
#submenu {display: block;}
/* End hide from IE-mac */


#homediv
{
	width: 640px;
	height: 630px;
	position:absolute;
	left:320px;
	z-index: 9;
}

#homediv-up
{
	background-color:#000;
	width: 585px;
	height: 30px;
	z-index: 9;
	padding: 5px;
	padding-left: 50px;
}


/* content box rechts... */

#big-content-right-box
{
	width: 640px;
	height: 630px;
	position:absolute;
	z-index: 2;
}

#div-bg-black
{
background-color:#323232;
margin-left: 320px;
width: 640px;
min-height: 100%; /* Mindesthöhe in modernen Browsern */
height: auto !important; /* !important-Regel für moderne Browser */
height: 100%; /* Mindesthöhe in IE (<7) */
position:fixed;
z-index: 1;
}

#big-content-right-box-color1-dark
{
	background-color: #323232;
}

#big-content-right-box-color1-dark,
#big-content-right-box-color1
{
	width: 640px;
min-height: 100%; /* Mindesthöhe in modernen Browsern */
height: auto !important; /* !important-Regel für moderne Browser */
height: 100%; /* Mindesthöhe in IE (<7) */
margin-left: 320px; 
	z-index: 2;
}


#big-content-right-box-color2-dark
{
	background-color: #474747;
}

#big-content-right-box-color2-dark,
#big-content-right-box-color2
{
	width: 640px;
	height: 100%;
	position: absolute;
	left:320px;
	z-index: 2;
}

#big-content-right-box-about
{
	background-color: #626262;
	width: 640px;
	position: absolute;
	z-index: 2;
	text-align:right;
}

#div-bg
{
/* background-color:#626262;
position: absolute;
top: 0px;
left: 0px;
width: 960px;
height: 100%; */ 
}




/* Verschachtelte box in der main content box */

#content-right-box-pic1
{
	display:block;
	z-index: 8;
}

#content-right-box-pic2
{
	display:block;
	z-index: 7;
}

#content-right-box-h445
{
	width: 640px;
	z-index: 8;
}

#content-right-box-h630
{
	padding: 55px;
	width: 640px;
	z-index: 8;
	height: 630px;
}






#people-text
{
	width: 240px;
	z-index: 8;
	padding: 15px;
	padding-left:20px;
	float:left;
}

#people-text2
{
	width: 320px;
	z-index: 8;
	padding: 15px;
	padding-right: 20px;
	float:left;
}

#people-text3
{
	width: 280px;
	z-index: 8;
	padding: 15px;
	padding-right: 20px;
	position:absolute;
	top: 380px;
	float:right;
}



#home-pic-text1
{
	width: 360px;
	position:absolute;
	z-index: 10;
	bottom: 0px;
	right: 0px;
	padding: 10px;
}

#home-pic-text2
{
	width: 360px;
	position:absolute;
	z-index: 10;
	padding: 10px;
	left: 0;
	top: 0;
}


#content-left-project
{
	width: 280px;
	margin-left: 24px;
	position:absolute;
	z-index: 9;
	top: 245px;
}

#content-left
{
	width: 240px;
	margin-left: 24px;
	position:absolute;
	z-index: 9;
	top: 245px;
}

#content-left-form
{
	width: 290px;
	margin-left: 24px;
	position:absolute;
	z-index: 9;
	top: 290px;
}

#content-left-search
{
	width: 290px;
	margin-left: 24px;
	position:absolute;
	z-index: 9;
	top: 280px;
}


#footerdiv
{
    background-color:#FFFFFF;
	
	width: 100%;
	height: auto;
	position:fixed;
	bottom: 0px;
	z-index: 15;
	padding: 2px 24px;
	
}

/* Project Viewer */

#project-top
{
	width: 570px;
	height: 20px;
	background-color:#000000;
	z-index: 10;
	padding: 10px;
	padding-left: 60px;
}

#project-slice
{
	width: 580px;
	height: 50px;
	border: 0px;
	border-bottom: 1px;
	border-style:solid;
	border-color:#7d7d7d;
	z-index: 10;
	padding-left: 60px;
}

#project-slice:hover
{
	background-color:#512424;
}

#table-project
{
height: 100%;
width: 100%;
vertical-align:top;
border:0px;
border-spacing: 0px;

}

#table-project-inside
{
width:100%;
border-spacing: 0px;
border: 0px;
border-width: 0px;
padding: 0px;
}

.table-text
{
font-size: 10px;
font-family:Arial, Helvetica, sans-serif;
color:#a0a0a0;
}

.table-text:hover
{
color:#a42c2c;
}


#project-right-box
{
	margin-top: 313px;
	width: 640px;
	z-index: 8;
	height: 630px;
}

#project-right-box2
{
	padding-left: 80px;
	width: 640px;
	z-index: 8;
	height: 630px;
}

#project-td1
{
padding: 5px;
vertical-align:top;
width: 70px;
padding-right: 10px;
}

#project-td2
{
padding: 5px;
vertical-align:top;
width: 70px;
}

#project-td3
{
padding: 5px;
vertical-align:top;
width: 70px;
}

#project-td4
{
vertical-align:top;
width: 70px;
}

#project-td4 img
{
height: 50px;
width: 95px;
}

/*  Lightbox  */


#gallery 
{
padding: 10px;
width: 520px;

}
#gallery ul 
{ 
list-style: none; 
}

#gallery ul li 
{ 
display: inline; 
}

#gallery ul img 
{
border: 5px solid #3e3e3e;
border-width: 5px 5px 20px;
}

#gallery ul a:hover img
{
border: 5px solid #fff;
border-width: 5px 5px 20px;
color: #fff;
}

#gallery ul a:hover 
{ 
color: #fff; 
}

#project-right-box p b
{
	color: #ababab;
}

#content-right-press
{
	background-color:#919191;
	width: 600px;
	height: auto;
	margin-left:360px;
	padding-left:20px;
	padding-bottom:20px;
	padding-right:20px;
} 

#content-right-press a,
#content-right-press a:link,
#content-right-press a:visited
{
 color:#000;
}

 
div.archiv a,
div.archiv a:link,
div.archiv a:visited,
div.archiv a:hover
{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

div.archiv a:hover
{
	color: #ff0000;
}