body {
	font-family: Arial, Verdana, Tahoma, "Trebuchet MS", Trebuchet;
	font-size: 11px;
	color: Black;
	background-color: White;
	margin: 0px 0px 0px 0px;
}
#wrapper {
	width: 980px;
	margin: 0em auto;
	display: block;
	padding-left: 1px;
}
.content {
	padding-top: 10px;


}
#col_left {
	width: 450px;
	margin-top: 10px;
	margin-left: 5px;
	float: left;
	margin-bottom: 10px;

}

#col_center{
	background-image: url(images/page/bg_repeat.jpg);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	float: left;
	width: 220px;
	margin-left: 10px;
	margin-top: 32px;
	padding: 14px;
}

#content_div {
	background-color: #FFFFFF;
	float: left;
	width: 500px;
	margin-left: 6px;	
	margin-top: 10px;
}

#content_text {
	background-image: url(images/page/bg_repeat.jpg);
	background-repeat: repeat-x;
	padding: 10px;
	min-height: 300px;
}

#ipod_wrapper {
	float: left;
	background-image: url(images/page/bg_repeat.jpg);
	background-repeat: repeat-x;
	width: 235px;
	padding: 4px;
	margin-left: 10px;
	margin-top: 32px;
	text-align:center;
}

#ipod_wrapper img {
	border: 0;
}

#col_ipod_deu {
	background-image: url(images/page/advertising.gif);
	background-repeat: no-repeat;
	margin-top: 0px;
	height: 400px;
	width: 200px;	
}
#col_ipod_eng {
	background-image: url(images/iPodAd_eng.jpg);
	background-repeat: no-repeat;
	margin-top: 0px;
	height: 400px;
	width: 200px;	
}
#projekte {
  background-color: #FFFFFF;
}

#profile {
  background-color: #FFFFFF;
}

#agenture {
  background-color: #FFFFFF;
}

#magazine {
  background-color: #FFFFFF;
}

/* please modify the color and bgcolor here with the one you desire */
#magazine.active {
  text-decoration: none;
  color: black;
  background-color: #B8B8B8;
}

#projekte.active {
  text-decoration: none;
  color: white;
  background-color: #0169b0;
}

#profile.active {
  text-decoration: none;
  color: black;
  background-color: #EFD042;
}

#agenture.active {
  text-decoration: none;
  color: white;
  background-color: #bf001f;
}

/* logo image and text */
.logo {
  background-image: url(images/logo_resoom_home.jpg);
  background-repeat: no-repeat;
  height: 42px;
  width: 647px;
  padding-left: 240px;
  font-size: 22px;
  color: #ADADAD;
  padding-top: 14px;
  font-weight: bold;
}

/* separating line */
hr {
		text-align: center;
		width: 100%;
		height: 4px;
		margin: 0;
		padding: 0;
		color: #B8B8B8;
		border: 0px;
		border: none;
		} /* Internet Explorer */
html>body hr {
		margin: 0;
		width: 100%;
		height: 4px;
		background-color: #B8B8B8;
		border: none;
		} /* Gecko-based browsers */
html>body hr {
		margin: 0;
		width: 100%;
		height: 4px;
		background-color: #B8B8B8;
		border: 0px solid #bbb;
} /* Opera and Gecko-based browsers */

/* the search input class */
.search_text {
	width: 446px;
	border: 1px solid #B8B8B8;
	height: 18px;
}

.search_button {
	border: 1px solid #B8B8B8;
	font-weight: bold;
	background-color: #fff;
	background-image: url(images/page/home_input_bg.jpg);
	background-repeat: repeat-x;
	font-size: 12px;
	height: 22px;
	margin-left: 6px;
}

/* the class for category links */
.form_categories {
	color: Black;
	font-size: 12px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-top: 10px;


}

.form_categories a {
  color: #006598;
  font-weight: bold;
  text-decoration: none;
  padding: 3px;
}

.form_categories a:hover {
  text-decoration: underline;
  padding: 3px;
}

/* wrapper class for our form div*/
.form_wrapper {
  margin: 10px;
}

/* class for our form, used only for IE, which adds extra padding by default */
.form_class {
	padding: 10px 0px 0px 5px;
	float: left;
}

/* div that contains categories and description, in blue */
.textbox1 {
	background-color: #F5F5F5;
	font-size: 12px;
	color: #000000;
	width: 450px;
	font-family: Arial, Helvetica, sans-serif;
	height: 60px;


}

.textbox4 {
	font-size: 12px;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	/*width: 260px;*/
	margin-left: 0px;
	padding-bottom: 12px;
}

.textbox4 img {
	border: 4px solid #bebebe;
}

.colTitle h1 {
	color: #000000;
	font-size: 14px;
	background-color: #FFFFFF;
	font-weight: bold;

}

.col_center h1 {
	color: #000000;
	font-size: 14px;
	background-color: #FFFFFF;
	font-weight: bold;
}

.clearer {
	height: 0;
	clear: both;
	overflow: hidden;
	font-size: 0;
}

.textbox1 ul {
  margin: 0px;
  padding: 0px 0px 0px 0px;
  height: 50px;
}

.textbox1 h2 {
  font-size: 11px;
  padding: 0px;
  margin: 0px;
}

.textbox1 strong {
  font-size: 12px;
  font-weight: bold;
}

.textbox1 li {
	padding: 0;
	float: left;
	list-style: none;
	font-size: 10px;
}

.liLast {
	float: left;
	list-style: none;
	font-size: 10px;
	margin-left: 30px;


}

/* div that has the people picture and description text */
.flags{
	float: left;
	padding-top: 12px;
	padding-left: 10px;
	clear: right;
 }
 .searchForm{
	padding-left: 5px;
	padding-top: 1px;

 }
.textbox2 {
	background-repeat: no-repeat;
	background-color: #E8F1F8;
	color: #106EB6;
	float: left;
	width: 280px;
	margin-left: 0px;
	padding-bottom: 12px;
	padding-left: 5px;
	height: 167px;
}

.textbox2 h2 {
  margin: 0px;
  padding-bottom: 10px;
  font-size: 12px;
  color: #106EB6;
}

.textbox3 {
	background-color: #F9EEC1;
	color: #959593;
	float: left;
	width: 280px;
	margin-top: 6px;
	padding-bottom: 12px;
	padding-left: 5px;
	height: 167px;
}

.textbox3 h1 {
  margin: 0;
  padding-top: 0px;
  padding-bottom: 0px;
  font-size: 12px;
  color: #959593;
}

.textbox3 h2 {
	font-size: 12px;
	color: #000000;
	margin-bottom: 10px;

}

/* our commercials div , add your img tags in this div */
.commercials {
	height: 60px;
	text-align: left;
	padding-left: 5px;
	padding-top: 10px;

}

.commercials img {
}
.textbox1 a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #000000;
}
.textbox1 a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #000000;
}
.textbox1 a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: underline;
	color: #000000;
}

.textbox2 a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #106EB6;
	line-height: 20px;


}

.textbox2 a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #106EB6;
	line-height: 20px;

}
.textbox2 a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #106EB6;
	line-height: 20px;

}
.textbox2 a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: underline;
	color: #106EB6;
	line-height: 20px;

}

.textbox3 a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #000000;
	line-height: 20px;

}

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

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

}
.textbox3 a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: underline;
	color: #000000;
	line-height: 20px;

}

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

.fnt10px {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
}
.left_menu {
	width: 180px;
	background-color: white;
}


.top_projects {
	background-color: #E8F1F8;
	font-size: 11px;
	margin-top: 15px;
        padding: 3px;
   height: 370px;        
}

.top_projects h1 {
	background-color: #E8F1F8;
	color: #106EB6;
	font-size: 12px;
	text-align: center;
	font-weight: bold;
	margin: 0px;
	
}

.top_projects ul {
  margin-left: 8px;
  padding: 0px;
}

.top_projects li {
	background-image: url(images/icon_projekte.gif);
	background-repeat: no-repeat;
	background-position: 3px 5px;
	background-color: #E8F1F8;
	font-size: 11px;
	padding-left: 19px;
	padding-bottom: 2px;
	list-style: none;
}

.top_projects a {
	color: #106EB6;
	text-decoration: none;
	line-height: 1.7em;
}

.top_projects a:hover {
	color: Blue;
	text-decoration: underline;
	line-height: 1.7em;	
}

.blue {
	background-color: #0065AD;
	color: White;
	font-size: 12px;
	padding: 3px;
	text-align: center;
}
.image4people {
	background-image: url(images/homepage01.jpg);
	background-repeat: no-repeat;
	height: 304px;
	width: 450px;
	padding-top: 4px;
	background-position: right;
}
.colTitle {
	width: 220px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 6px;
}

/* new styles */
#header {
	width: 100%;
	height: 120px;
	position: relative;
}

#header_spacer {
	height: 30px;
	display: block;
}

#main_menu {
	position: absolute;
	bottom: 0;
	height: 25px;
	background-color: #D1D1D1;
	width: 980px;
}

#main_menu a {
	color: #fff;
	text-decoration: none;
}

#main_menu a:hover {
	text-decoration: underline;
}

#main_menu h1 {
	padding: 4px 4px 4px 12px;
	font-weight: bold;
	font-size: 12px;
	color: #fff;
	float: left;
	margin: 0;
}

#main_menu img {
	padding: 0;
	margin: 0;
	border: 0;
	float: left;
}

#menu_buttons {	
	padding: 0;
	margin: 0;
	float: right;
	height: 25px;
}

#logo {
	height: 52px;
	width: 275px;
	float: left;
}

#logo img {
	border: 0;
}

#languages {
	text-align: right;
	float: left;
	width: 700px;
	font-size: 12px;
}

#portal_text {
	margin-top: 10px;
}

#languages a {
	color: #9A9A9A;
	font-weight: bold;
	text-decoration: none;
}

#languages a:hover {
	text-decoration: underline;	
}

#language_list img {
	border: 0;
	margin-left: 10px;	
}

#clear_left {
	clear: left;
}

#clear-right {
	clear: right;
}

#clear_both {
	clear: both;
}

.float_left {
	float: left;
}

.float_right {
	float: right;
}

#footer_bottom {
  margin: 0px 4px 0px 4px;
  height: 30px;
}

#footer_bottom a {
	color: #4D4D4D;
	text-decoration: none;
}

#footer_bottom a:hover {
	text-decoration: underline;
}

/* new homepage - start*/
.columns ul {
	padding: 0;
	margin: 0px 0 0 0;	
	list-style: none;	
	color: #000;
}

.columns ul li {
	border: 0;
	float: left;	
}

.column {
	width: 232px;	
}

.column_spacer {
	width: 17px;	
	height: 420px;
}

.column1_left {
	background: url(images/new_page/left_b1.jpg) no-repeat;
	width: 9px;
	height: 21px;
}

.column1_center{
	background: url(images/new_page/center_b1.jpg) repeat-x;
	height: 21px;
}

.column1_right {
	background: url(images/new_page/right_b1.jpg) no-repeat;
	width: 9px;
	height: 21px;
}

.column2_left {
	background: url(images/new_page/left_b2.jpg) no-repeat;	
	width: 9px;
	height: 21px;
}

.column2_center{
	background: url(images/new_page/center_b2.jpg) repeat-x;	
	height: 21px;
}

.column2_right {
	background: url(images/new_page/right_b2.jpg) no-repeat;
	width: 9px;
	height: 21px;
}

.column3_left {
	background: url(images/new_page/left_b3.jpg) no-repeat;
	width: 9px;
	height: 21px;
}

.column3_center{
	background: url(images/new_page/center_b3.jpg) repeat-x;
	height: 21px;
}

.column3_right {
	background: url(images/new_page/right_b3.jpg) no-repeat;
	width: 9px;
	height: 21px;
}

.column4_left {
	background: url(images/new_page/left_b4.jpg) no-repeat;
	width: 9px;
	height: 21px;
}

.column4_center{
	background: url(images/new_page/center_b4.jpg) repeat-x;
	height: 21px;
}

.column4_right {
	background: url(images/new_page/right_b4.jpg) no-repeat;
	width: 9px;
	height: 21px;
}

.column1 {
	background: url(images/new_page/bg_b1.jpg) #E9E9E9 repeat-x;	
	background-color:#fff;
	height: 440px;
	padding: 0 15px 0 16px;
}

.column2 {
	background: url(images/new_page/bg_b2.jpg) #ea1b23 repeat-x;
	background-color: #fff;
	height: 440px;
	padding: 0 15px 0 16px;
}

.column3 {
	/*background: url(images/new_page/bg_3.jpg) #eab525 repeat-x;	*/
	background: url(images/new_page/bg_b3.jpg) #eab525 top repeat-x;
	/*border: 2px solid #D09E17;*/
	background-color: #fff;
	height: 440px;
	padding: 0 15px 0 16px;
}

.column4 {
	background: url(images/new_page/bg_4b.jpg) #0067ab repeat-x;
	background-color: #fff;
	height: 440px;
	padding: 0 15px 0 16px;
}

.column_text {
	height: 200px;
	color: #000;
	/*font-weight: bold;*/
}

.column_text h1 {
	margin: 0;
	padding: 10px 0;
	font-size: 11px;
	color: #000;	
}

.column1 .column_text {
	color: #000;	
}

.homepage_spacer {
	height: 30px;
}

.internet_search {
	padding: 0;
	margin: 0;
	color: #000;
}

.search_field {
	
	width: 190px;
	padding: 4px;
	font-size: 12px;
	font-weight: bold;
}

.center {
	margin-top: 8px;
	text-align: center;
}

.src_2 {
	/*background: url(images/new_page/scr_2b.jpg) no-repeat;	*/
	width: 199px;
	height: 204px;
}

.src_3 {
	/*background: url(images/new_page/scr_3b.jpg) no-repeat;	*/
	width: 199px;
	height: 204px;
}

.src_4 {
	/*background: url(images/new_page/scr_4b.jpg) no-repeat;	*/
	width: 199px;
	height: 204px;
}

.src_2 p, .src_3 p ,.src_4 p {
	padding: 0;
	margin: 0;
	position: relative;
	top: 160px;
	text-align: right;
}

.src_3 p a {
	width: 100px;
	padding: 5px;
	background-color: #fff;
	color: #C89818;
	font-weight: bold;
	text-decoration: none;
	/*border: 3px solid #dcdcdc;*/
}

.src_2 p a {
	width: 100px;
	padding: 5px;
	background-color: #fff;
	color: #ed1c24;
	font-weight: bold;
	text-decoration: none;
}

.src_4 p a {
	width: 100px;
	padding: 5px;
	background-color: #fff;
	color: #075689;
	font-weight: bold;
	text-decoration: none;
}
/* new homepage - end */