@charset "utf-8";
/* CSS Document "Style" für bit-dynamics.de */

html,body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #f4f4f4;
	width: 100%;
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	overflow: hidden;
}
a:link {
	color: #000;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #000;
}
a:hover {
	text-decoration: none;
	color: #000;
}
a:active {
	text-decoration: none;
	color: #000;
}

/* Grauer Balken ganz oben */
#grauer_waechter {
	position:absolute;
	width:100%;
	height:40px;
	z-index:4;
	background-color: #4f4f4f;
}

/* Logo Mitte Links */
#logo_big {
	position:absolute;
	width:452px;
	height:336px;
	top: -5px;
	left:50%;
	margin-left:-560px;
	z-index:3;
	background-image:url(img/logo.png);
}

/* Logo Wortmarke zentriert oben */
#logo_wort {
	position:absolute;
	width:262px;
	height:70px;
	top: 25px;
	left:50%;
	margin-left:-133px;
	z-index:3;
	background-image:url(img/logo_wort.png);
}

/* Weiße Schlieren auf der grauen Unruhe */
#slingshot {
	position:absolute;
	width:100%;
	height:291px;
	top: 40px;
	left:50%;
	margin-left:-640px;
	z-index:2;
	background-image:url(img/slingshot.png);
}

/* Großer, grauer, körniger Untergrund oben */
#graue_unruhe {
	position:absolute;
	width:100%;
	height:291px;
	top: 40px;
	z-index:1;
	background-image: url(img/graue_unruhe.jpg);
}

/* Fettes Vögelchen */
#twitter_1 {
	position:absolute;
	width:37px;
	height:49px;
	left: 50%;
	margin-left: 490px;
	top: 180px;
	z-index:10;
}

/* Sprechblase für das fettte Vögelchen */
#twitter_2 {
	position:absolute;
	width:122px;
	height:80px;
	left: 50%;
	margin-left: 400px;
	top: 105px;
	z-index:10;
}


#content_container {
    position:absolute;
	width:1024px;
	left: 50%;
	height: 100%;
	margin-left: -512px;
	z-index: 9;
}
#content_container_inner {
	width:1024px;
	z-index: 9;
}

#hauptmenu {
	height:44px;
	overflow: hidden;
}
/* Eigentlicher Inhalt der Seite */
#inhalts_frame {
	padding-left: 22px;
	z-index:10;
}

/* Hintergrund, wo der eigentliche Inhalt zu finden ist */
#inhalts_frame_style {
	position:absolute;
	width:1042px;
	height:326px;
	left: 50%;
	margin-left: -521px;
	top: 210px;
	z-index:5;
	background-image: url(img/inhalts_frame.png);
}
/* Eigentlicher Inhalt der Seite */
#navigation_impressum {
	position:absolute;
	width:150px;
	height: 32px;
	left: 50%;
	margin-left: 362px;
	z-index:9;
	text-align: center;
	padding-top: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}
#navigation_kontakt {
	position:absolute;
	width:113px;
	height: 32px;
	left: 50%;
	margin-left: 249px;
	z-index:9;
	text-align: center;
	padding-top: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}
#navigation_blog {
	position:absolute;
	width:94px;
	height: 32px;
	left: 50%;
	margin-left: 155px;
	z-index:9;
	text-align: center;
	padding-top: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;

}
#navigation_leistungen {
	position:absolute;
	width:126px;
	height: 32px;
	left: 50%;
	margin-left: 29px;
	z-index:9;
	text-align: center;
	padding-top: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}
#navigation_portfolio {
	position:absolute;
	width:124px;
	height: 32px;
	left: 50%;
	margin-left: -95px;
	z-index:9;
	text-align: center;
	padding-top: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}
#navigation_unternehmen {
	position:absolute;
	width:133px;
	height: 32px;
	left: 50%;
	margin-left: -228px;
	z-index:9;
	text-align: center;
	padding-top: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}
/* Navigation */
#navigations_links {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}
/* Überschrift der Unterseiten */
#headline {
	font-family: Arial, Helvetica, sans-serif;
	/*font-size: 20px;*/
	padding-left:10px;
	width: 600px;
	height:100px;
}
/* Textblock für Portfolio */
#text {
	position:absolute;
	width:600px;
	z-index:11;
	padding-left:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
}
/* Farbwechsel bei Bewegung im Hauptmenü */
.hauptnav_aktiv {
	background-color: #F4F4F4;
}
.hauptnav_nichtaktiv {
	background: #DBDBDB;
}
.hauptnav_mouseover {
	background: #CCCCCC;
}
/* Sub-Navigation für Portfolio */
#port_sub_nav {
	position:absolute;
	width:268px;
	height: 250px;
	margin-left: 700px;
	z-index:11;
}
.port_sub_nav_punkt {
	position:absolute;
	width:200px;
	height:25px;
	z-index:12;
	background-color: #DBDBDB;
	padding-left: 5px;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 25px;
	display: inline;
	border: none;
}
.port_sub_nav_punkt_trenner {
	position: absolute;
	width:250px;
	height:1px;
	z-index:12;
}
#vertikale_trennung {
	position:absolute;
	width:1px;
	height:200px;
	z-index:11;
	margin-left: 650px;
}
#copyright {
	position:absolute;
	width:823px;
	height:25px;
	z-index:11;
	margin-left: 90px;
}