*
{
	margin:0;
	padding:0;
}
BODY
{
	font-family:Verdana, Geneva, sans-serif;
	color:#333333;
	background:url(../images/bg.jpg) no-repeat top center #333;
}
A, A IMG
{
	color:blue;
	text-decoration:none;
	outline:none;
	border:none;
}
A:hover
{
	
}
.clear
{
	clear:both;
}
.center
{
	text-align:center;
}
.pseudoCenter
{
	position:absolute;
	left:330px;
}
.bold
{
	font-weight:bold;
}

/****************************EXTERNAL FONTS***********************************/

@font-face {
    font-family: 'RobotoThin';
    src: url('fonts/Roboto-Thin-webfont.eot');
    src: url('fonts/Roboto-Thin-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('fonts/Roboto-Thin-webfont.woff') format('woff'),
         url('fonts/Roboto-Thin-webfont.ttf') format('truetype'),
         url('fonts/Roboto-Thin-webfont.svg#RobotoThin') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'RobotoLight';
    src: url('fonts/Roboto-Light-webfont.eot');
    src: url('fonts/Roboto-Light-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('fonts/Roboto-Light-webfont.woff') format('woff'),
         url('fonts/Roboto-Light-webfont.ttf') format('truetype'),
         url('fonts/Roboto-Light-webfont.svg#RobotoLight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'RobotoRegular';
    src: url('fonts/Roboto-Regular-webfont.eot');
    src: url('fonts/Roboto-Regular-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('fonts/Roboto-Regular-webfont.woff') format('woff'),
         url('fonts/Roboto-Regular-webfont.ttf') format('truetype'),
         url('fonts/Roboto-Regular-webfont.svg#RobotoRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/***************************BASICS************************************/


#wrapper
{
	width:1024px;
	margin:50px auto 50px auto;
	position:relative;
}


/****************************FOOTER***********************************/


#footer
{
	margin-top:30px;
	float:right;
	text-align:right;
}
#footer IMG
{
	padding:0 30px 0 30px;
	margin-left:30px;
	border-left:thin solid #fff;
	float:right;
}
#footer DIV
{
	float:right;
	font-size:10px;
	color:#aaa;
}
#footer A
{
	color:#aaa;
}
#footer A:hover
{
	text-decoration:underline;
}
#signets
{
	position:absolute;
}
#signets IMG
{
	padding-top:15px;
}
#footerleft
{
	position:absolute;
	font-size:10px;
	padding-top:30px;
	padding-left:0px;
}
#footerleft a
{
	color:#aaa;
}
#footerleft a:hover
{
	text-decoration:underline;
}

/************************MENU, LOGO AND TITLE***************************************/

#logo
{
	margin-bottom:30px;
	float:left;
}
#title
{
	float:left;
	height:70px;
	margin-left:20px;
	font-family:Verdana, Geneva, sans-serif;
	color:#fff;
	font-weight:normal;
	line-height:35px;
	font-size:26px;
}
#stadt
{
	font-size:2px;
}
#menu
{
	position:absolute;
	top:0;
	right: 0px;
	list-style-type:none;
	line-height:70px;
	color:white;
	font-size:14px;
}
#menu LI
{
	float:left;
	padding:0 20px 0 20px;
	border-bottom:0px solid #fff;
}
#menu LI:last-child
{
	padding:0 0 0 20px;
}
#menu LI.active
{
	border-bottom:3px solid #fff;
}

#menu A
{
	color:#fff;
}

.zurzeit
{
	border-bottom-width: 3px;
}

#Technik:HOVER
{
	border-bottom-width: 3px;
}

#Wir:HOVER
{
	border-bottom-width: 3px;
}

#Aufgaben:HOVER
{
	border-bottom-width: 3px;
}

#Projekt:HOVER
{
	border-bottom-width: 3px;
}

#Startseite:HOVER
{
	border-bottom-width: 3px;
}

/**************************HEADER*************************************/

#header
{
	width:100%;
	background:#29abe2;
	padding-top:30px;
	position:relative;
	z-index:7;
}
#header H1
{
	width:1074px;
	background:#0071bc;
	color:white;
	font-size:30px;
	font-weight:normal;
	line-height:70px;
	text-align:center;
	text-indent:0;
	position:relative;
	right:25px;
	text-shadow:1px 1px 3px #000;
}
#header H2
{
	width:100%;
	background:none;
	color:white;
	font-size:20px;
	font-weight:normal;
	line-height:70px;
	text-align:center;
}
#ecke
{
	width:25px;
	height:48px;
	background:url(../images/ecke.png);
	position:absolute;
	left:-25px;
}
#ecke2
{
	width:25px;
	height:48px;
	background:url(../images/ecke2.png);
	position:absolute;
	right:-25px;
}

/**************************SLIDESHOW*************************************/

#slideshow
{
	width:1024px;
	height:504px;
	overflow:visible;
	position:relative;
}
#slideshow DIV.slide
{
	position:absolute;
	-webkit-transform: translate3d(0, 0, 0);
	z-index:2;
}
#slideshow DIV.active
{
	z-index:4;
}
#slideshow DIV.last-active
{
	z-index:3;
}	
#slideshow DIV.label
{
	position:absolute;
	bottom:0;
	left:0;
	width:964px;
	height:130px;
	background:rgba(255,255,255,0.8);
	padding:25px 30px 25px 30px;
	overflow:hidden;
	-webkit-transform: translate3d(0, 0, 0);
}
#slideshow H1
{
	font-weight:normal;
	font-family:'RobotoLight',Arial,sanf-serif;
	font-size:38px;
}
#slideshow H2
{
	font-weight:normal;
	font-size:15px;
	line-height:23px;
	padding-top:15px;
}
#slideshow A
{
	color:#0071bc;
}
#control
{
	z-index:40;
	position:absolute;
	top:577px;
	left:480px;
	background:rgba(255,255,255,0.8);
}
#control DIV
{
	width:8px;
	height:8px;
	background:#666;
	float:left;
	margin:5px;
}
#control DIV.active
{
	background:#29abe2;
}
#control DIV:hover
{
	background:#29abe2;
}

/************************VORSCHAU SELECTOR***************************************/

#vorschau DIV
{
	width:204px;
	height:204px;
	background:#ffffff;
	float:left;
	text-align:center;
	font-weight:bold;
	cursor:pointer;
}
/*
#vorschau DIV:hover
{
	background:#ffffff;
	text-decoration: underline;
}
*/
#vorschau DIV.dark
{
	background:#D8D8D8;
	width:205px;
}
/*
#vorschau DIV.dark:hover
{
	background:#D8D8D8;
	text-decoration: underline;
}*/
#vorschau
{
	background:#29abe2;
	width:1024px;
	height:204px;
	color:#000;
	font-size:10px;
}
#vorschau IMG
{
	margin:20px 0 10px 0;
}
#vorschau A
{
	color:#000;
}

#vorschau H1
{
	font-family:'RobotoLight',Arial,sanf-serif;
	margin:5px 0 5px 0;
	font-weight:normal;
	font-size:40px;
	overflow:visible;
	white-space:nowrap;
	}

/**************************CONTENT*************************************/

DIV.content
{
	width:924px;
	background:url(../images/contentbg.png) repeat-y;
	padding:50px;
	z-index:4;
	position:relative;
	box-shadow:inset 0 0 5px #fff;
	overflow:hidden;
	font-size:16px;
}
DIV.dark
{
	background:url(../images/contentbg2.png) repeat-y;
	box-shadow:0 0 5px #aaa;
	z-index:5;
}
DIV.short
{
	padding:50px 300px 50px 50px;
	width:674px;
}
DIV.faq
{
	width:824px;
	margin-bottom:50px;
	display:block;
}

DIV.content *
{
	z-index:3;
	position:relative;
}
DIV.content IMG.contentbg
{
	z-index:2 !important;
	position:absolute;
}

DIV.content H1
{
	font-family:'RobotoLight',Arial,sanf-serif;
	margin:5px 0 5px 0;
	font-weight:normal;
	font-size:40px;
	overflow:visible;
	white-space:nowrap;
}
DIV.content H2
{
	margin:5px 0 5px 0;
	font-weight:normal;
	font-family:'RobotoLight',Arial ,sans-serif;
	color:#666666;
	overflow:visible;
	white-space:nowrap;
}
DIV.content P
{
	margin:5px 0 5px 0;
}
DIV.content UL
{
	margin:5px 0 5px 10px;
	list-style:none;
}
DIV.content UL LI
{
	background:url(../images/bullet.png) no-repeat left center;
	padding-left:30px;
	line-height:25px;
}
DIV.content OL
{
	margin:5px 0 5px 40px;
}
DIV.content OL LI
{
	padding:3px 0 3px 0;
}
DIV.content A
{
	color:#0071bc;
}
DIV.content A:hover
{
	text-decoration:underline;
}
DIV.content A:not(.anchor):not(.button):after, #slideshow A:after
{
	content:" "url(../images/link.png);
}
.button
{
	border:7px double #fff;
	margin:50px 0 5px 0;
	padding:7px 20px 7px 20px;
	background:#666;
	color:#fff !important;
	cursor:pointer;
}
.button:hover
{
	text-decoration:none !important;
	background:#0071bc !important;
}
A.anchor:hover
{
	text-decoration:none !important;
}
SPAN.brand
{
	color:#0071bc;
	font-weight:bold;
}
SPAN.brand SPAN
{
	color:#29abe2;
}
.tag
{
	background:rgba(255,255,0,0.3);
}



#bg1
{
	right:-20px;
	bottom:-40px;
}
#bg2
{
	left:-30px;
	bottom:-50px;
}
#bg3
{
	right:-20px;
	bottom:-30px;
}
#bg4
{
	left:-30px;
	bottom:-60px;
}
#bg5
{
	right:50px;
	top:130px;ö
}
#bg6
{
	right:50px;
	top:50px;
}

.koop
{
	margin-top: 15px;
}

.fixed
{
	position: fixed;
	top: -15px;
	width: 81.1%;
	float: left;
	z-index: 1000;
	border-bottom: 1px solid #fff;

}

.menufix
{
	width: 1024px;
	left: 0px;
	background-color: rgba(51,51,51,0.8);
	border-bottom: 1px solid #000;
}