/* CSS Document */

* { margin: 0; padding: 0;}

body {
	font-family: Arial, Helvetica, verdana;
	font-size: 12px;
	color: #000000;
	padding-bottom: 20px;
	margin: 0px;
	background-color: #ffffff;
	}
	
#container {
	height: auto;
	width: 900px;
	margin: 0px;
	padding: 0px;
}

#containerstart {
	height: 800px;
	width: 900px;
	margin: 0px;
	padding: 0px;
	background-image: url(../pix/bg.jpg);
	background-repeat: no-repeat;
	background-position:top left;
	position: relative;

}

#header {
	height: auto;
	width: 900px;
	float: left;
}

#logo {
	height: 152px;
	width: 116px;
	float: left;
}

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

#menu {display:block; height:20px; margin:54px 0 0 249px;}
	  #menu ul {margin:0; padding:0; list-style-type:none;}
	  #menu li {float:left; margin-right:0px; display:block;}
	  #menu li.button1 {background: url(../pix/ueber_touchworks.gif) no-repeat; width:97px; height:20px;}
	  #menu li.button1aktiv {background: url(../pix/ueber_touchworks_aktiv.gif) no-repeat; width:97px; height:20px;}
	  #menu li.button2 {background:url(../pix/leistungsportfolio.gif) no-repeat; width:97px; height:20px;}
	  #menu li.button2aktiv {background:url(../pix/leistungsportfolio_aktiv.gif) no-repeat; width:97px; height:20px;}
	  #menu li.button3 {background:url(../pix/cases.gif) no-repeat; width:34px; height:20px;}
	  #menu li.button3aktiv {background:url(../pix/cases_aktiv.gif) no-repeat; width:34px; height:20px;}
	  #menu li.button4 {background:url(../pix/awards.gif) no-repeat; width:42px; height:20px;}
	  #menu li.button4aktiv {background:url(../pix/awards_aktiv.gif) no-repeat; width:42px; height:20px;}
	  #menu li.button5 {background:url(../pix/jobs.gif) no-repeat; width:27px; height:20px;}
	  #menu li.button5aktiv {background:url(../pix/jobs_aktiv.gif) no-repeat; width:27px; height:20px;}
	  #menu li.button6 {background:url(../pix/kontakt.gif) no-repeat; width:42px; height:20px;}
	  #menu li.button6aktiv {background:url(../pix/kontakt_aktiv.gif) no-repeat; width:42px; height:20px;}
	  #menu li.button7 {background:url(../pix/impressum.gif) no-repeat; width:60px; height:20px;}
	  #menu li.button7aktiv {background:url(../pix/impressum_aktiv.gif) no-repeat; width:60px; height:20px;}
	  #menu a {display:block; padding-top:20px; height:0; color:#000; text-decoration:none; overflow:hidden;}
	  * html #menu a:link, * html #menu a:visited {height:20px; he\ight:0;}
	  
	  #menu a#item1 {background: url(../pix/ueber_touchworks_aktiv.gif) -115px -86px no-repeat;}
	  #menu a#item2 {background: url(../pix/leistungsportfolio_aktiv.gif) -115px -86px no-repeat;}
	  #menu a#item3 {background: url(../pix/cases_aktiv.gif) -115px -86px no-repeat;}
	  #menu a#item4 {background: url(../pix/awards_aktiv.gif) -115px -86px no-repeat;}
	  #menu a#item5 {background: url(../pix/jobs_aktiv.gif) -115px -86px no-repeat;}
	  #menu a#item6 {background: url(../pix/kontakt_aktiv.gif) -115px -86px no-repeat;}
	  #menu a#item7 {background: url(../pix/impressum_aktiv.gif) -115px -86px no-repeat;}
	  
	  #menu a#item1:hover {background-position:top left; z-index:50;}
	  #menu a#item2:hover {background-position:top left; z-index:50;}
	  #menu a#item3:hover {background-position:top left; z-index:50;}
	  #menu a#item4:hover {background-position:top left; z-index:50;}
	  #menu a#item5:hover {background-position:top left; z-index:50;}
	  #menu a#item6:hover {background-position:top left; z-index:50;}
	  #menu a#item7:hover {background-position:top left; z-index:50;}
	  
	  * html #menu a:hover {height:20px; he\ight:0;}

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



/* --------  Drübergelegte Teaser Start  -------- */

#teaser_awards { 
    width: 161px;
	height: 118px;
	position: absolute;
	top: 439px;
	left: 630px;
	}
	
/* --------  Drübergelegte Teaser Ende  -------- */




/* CONTENT Start */	

#content {
	width: 900px;
	height: auto;
	float: left;
}


.kasten {
	float: left;
	width: 770px;
	height: auto;
	margin: 0 0 20px 0;
	padding: 0 0 0 0;
}

.kastenunten {
	float: left;
	width: 770px;
	height: auto;
	margin: 0 0 20px 0;
}

.kastenbox {
	float: left;
	width: 770px;
	height: auto;
	margin: 0 0 20px 34px;
}

.boxonline {
	background: url(../pix/online_marketing.jpg) no-repeat;
	width: 248px;
	float: left;
	height: 354px;
	margin: 0 0 0 0;
}

.boxonline ul {
	margin: 68px 0 0 53px;
	list-style-type: none;

}

.boxonline ul li {
	background-image: url(../pix/bullet.gif);
	background-repeat: no-repeat;
	background-position: left 4px;
	line-height: 22px;
	width: 170px;
	color: #5a5a5c;
	font-size: 12px;
	padding: 0 0 0 20px;
}

.boxmobile {
	background: url(../pix/mobile_marketing.jpg) no-repeat;
	width: 248px;
	float: left;
	height: 376px;
	margin: 0 0 0 0;
}

.boxmobile ul {
	margin: 68px 0 0 53px;
	list-style-type: none;

}

.boxmobile ul li {
	background-image: url(../pix/bullet.gif);
	background-repeat: no-repeat;
	background-position: left 4px;
	line-height: 22px;
	width: 170px;
	color: #5a5a5c;
	font-size: 12px;
	padding: 0 0 0 20px;
}

.boxdialog {
	background: url(../pix/dialog_marketing.jpg) no-repeat;
	width: 248px;
	float: left;
	height: 312px;
	margin: 0 0 0 0;
}

.boxdialog ul {
	margin: 68px 0 0 53px;
	list-style-type: none;

}

.boxdialog ul li {
	background-image: url(../pix/bullet.gif);
	background-repeat: no-repeat;
	background-position: left 4px;
	line-height: 22px;
	width: 170px;
	color: #5a5a5c;
	font-size: 12px;
	padding: 0 0 0 20px;
}


.left {
	width: 230px;
	height: auto;
	float: left;
	color: #464648;
	text-align: right;
	border: 0px solid #666666;
	line-height: 17px;
	font-weight: bold;
	margin:0 0 0px 0;
}

.right {
	color: #5A5A5C;
	line-height: 17px;
	margin: 0 10px 0px 250px;	
}

.start {
	color: #5A5A5C;
	line-height: 17px;
	margin: 0 10px 0px 250px;
	width: 413px;
}

.leftblue {
	color: #33a4c6;
	width: 230px;
	height: auto;
	float: left;
	text-align: right;
	border: 0px solid #666666;
	line-height: 17px;
	font-weight: bold;
	margin:0 0 0px 0;
}

.rightblue {
	color: #33a4c6;
	line-height: 17px;
	margin: 0 10px 0px 250px;	
}

span {
	float: right;
	margin: 0px 0 5px 5px;
}

span.image {
	float: right;
}

.schwarz {
	color: #464648;	
}

.normal {
	color: #666668;	
}

h1 {
	font-size: 17px;
	margin: 0 0 20px 34px;
	color: #5a5a5c;
}


/* CONTENT End */		
		
	
/* LINKDEFINITION */	
	
	
a {
	color: #33a4c6; 
}
a:link {
	text-decoration: none;
	color: #33a4c6;
}
a:visited {
	text-decoration: none;
	color: #33a4c6;
}
a:hover {
	text-decoration: none;
	color: #c1c2c2;
}
a:active {
	text-decoration: none;
	color: #33a4c6;
	
	
}

a.normal {
	color: #5A5A5C; 
}

a.normal:hover {
	color: #c1c2c2;
}

ul {
	color:#33a4c6;
	margin: 0 0 0 15px;
}

#flash {
	position: absolute;
	top: 180px;
	left: 350px;
	z-index: 1; 
	}