/* CSS Document */

body { font-size: 12px; line-height: 1.4em; font-family: Arial, Helvetica, Verdana, sans-serif } /* GPgr: line-height hinzugefuegt */

a  { -font-weight: bold; color: #000; -color: #777; text-decoration: none } /* GPgr: links erkennbar gemacht, ein test */

a:hover { color: #ff8000 }

.clearfloat { font-size: 1px; line-height: 1px; height: 1px; clear: both; }
.clear { height: 1px; clear: both; }

/* headlines*/

h1  { font-size: 34px; font-weight: normal; line-height: 1.2em;} /* GPgr: line-height korrigiert */

h2   { font-size: 17px; font-weight: normal }
.switch { cursor: pointer }
.switch:hover { color: #ff8000; cursor: pointer }
.aktiv { color: #ff8000; font-size: 19px; font-weight: normal }
.headline { font-size: 19px; }

h3  { font-weight: bold }

h4  { font-weight: normal }

h5 { font-size: 12px; font-weight: normal; }

/*header*/
#header #top_shadow   { position: absolute; z-index: 30; top: 128px }
#header #top_shadow_side { position: absolute; z-index: 30; top: 128px }
#header .formbody    { position: absolute; top: 20px; left: 788px; width: 160px }

#header .formbody input { line-height: 20px; background-color: #ececec; width: 116px; height: 20px; border: solid 1px #ececec }

#header .submit_container input { background-color: maroon; position: absolute; top: 0; left: 120px; width: 29px; height: 20px; float: right }

#logo { margin-left: 30px }

/*mainnav*/

.mod_navigation { position: absolute; top: 100px; left: 245px }

.mod_navigation a {border-bottom: 0px; } /* GPgr: links erkennbar gemacht, aber nicht hier */

.mod_navigation ul li { float: left }

.mod_navigation ul li a { font-size: 14px; font-weight: bold; display: block; padding-right: 35px; padding-left: 35px; float: left }
.mod_navigation ul li span  { padding-right: 0; padding-left: 0 }
.mod_navigation ul li a:hover { }

/*#### .mod_navigation ul .nav_news a   { font-size: 14px; font-weight: bold; display: block; padding-right: 0; padding-left: 176px; float: left } #####*/
.mod_navigation ul .nav_news a   {padding-right: 0; padding-left: 176px; -border: 1px solid red;} 
 
.mod_navigation .active a { color: #ff8000; font-size: 14px; font-weight: bold }
.mod_navigation .trail { color: #ff8000; font-size: 14px; font-weight: bold }
#main   { min-height: 340px }
.projects #main, #impressum, #bewerben   { padding-bottom: 0 }
#cont_shadow { padding: 0; position: absolute; z-index: 1; height: 19px }
.first #cont_shadow  { visibility: hidden }
/*#main_top*/

#main_top    { background-image: url("header_bottom_bg.gif"); background-repeat: no-repeat; background-position: 0 bottom; height: 257px }
#main_top h1 { margin-top: 35px; margin-left: 30px }
#main_top h2 { margin-left: 30px }
.nav_news #main_top  { background-repeat: no-repeat; visibility: hidden; height: 0 }

.cont_header_city_map { position: absolute; top: 40px; left: 205px; }

.mod_routenplaner  { position: absolute; z-index: 5000; top: 40px; left: 560px }

.mod_routenplaner td { padding-top: 10px; padding-right: 10px; }

.mod_routenplaner input  { background-color: #e6e6e6; text-transform: lowercase; width: 160px; border: solid 1px #e6e6e6 }

.mod_routenplaner .inputbutton   { background-color: transparent; text-align: right; cursor: pointer; width: 140px; border: 0 transparent }
.mod_routenplaner .row_1 { visibility: hidden; height: 1px }
/*tabs nav

*/

#nav_tabs    { background-color: #ff8000; margin-left: 30px; position: absolute; z-index: 40; top: 234px; width: 191px; height: 22px }

#nav_tabs ul  { margin-left: 44px }

#nav_tabs ul a    { color: black; font-weight: bold; line-height: 20px; text-decoration: none; text-transform: lowercase; float: left }

#nav_tabs ul .active a    { color: white; text-decoration: none; float: left }

#nav_tabs ul li span  { font-size: 10px; line-height: 10px; background-image: url("tab_bg.gif"); background-repeat: no-repeat; background-position: right 6px; margin-right: 10px; margin-left: 10px; height: 20px; float: left }

.tab_container  { }

/*footer

*/

#footer     { background-image: url("top_shadow.png"); background-repeat: no-repeat; padding-top: 10px; padding-left: 30px }

#footer .block { float: left }

.footer_impressum { float: left }

/* Module */

#ce_social   { margin: -6px 18px 0 0; padding-right: 0; padding-bottom: 0; padding-left: 0; float: right }

#ce_social img { margin-right: 0; margin-left: 0; padding-right: 0; padding-left: 0; vertical-align: -6px }

/* TEAM */

#team_outer  { margin-top: 0 }

.pretty-hover {

  background: #CC9900;

  cursor: pointer;

}

#team_outer .item    { background-image: none; display: block; padding-bottom: 0; width: 100% }
.team_desc { background-color: olive; width: 300px; float: left }



.team_left{

	float: left;

	width: 30%;

}

.team_center{	float: left;

	width: 50%;margin-bottom:30px; margin-right:20px}

.team_width{	float: left;

	width: 20%;}
#team_outer .trigger { text-align: right; width: 300px; float: right }
#team_outer .col_left    { padding-top: 20px; padding-bottom: 20px; width: 260px }
#team_outer .col_left_center  { width: 225px }
#team_outer .col_center p  { padding-top: 20px; padding-right: 26px }
#team_outer .col_center_right { width: 300px }
#team_outer .col_right   { margin-left: 20px; padding-top: 20px; width: 120px }
#team_outer .trigger  { cursor: pointer; margin-top: -10px; padding-right: 0; width: 40px; float: right }
#team_outer .trigger a { border-bottom: none }
#team_outer .toggle_container  { padding-top: 10px }
.trigger { cursor: pointer; margin-top: -10px; padding-right: 10px; width: 200px; float: left }
#team_outer h2 .trigger { background-color: navy; cursor: pointer; margin-top: -10px; padding-right: 10px; width: auto; float: left }
#team_image { position: absolute; z-index: 0; top: 0; left: 0 }
#team_outer h2 { font-size: 19px; font-weight: bold }
#team_outer h3 { font-style: italic }
#team_outer h4 { margin-top: 10px }
#header_team h1, #header_alumni h1    { position: absolute; z-index: 200; top: 0 }
#alumni #team_outer .col_left   { padding-top: 20px; padding-bottom: 20px; width: 240px }
#alumni #team_outer .col_left_center  { padding-top: 0; padding-bottom: 0; width: 213px }
#alumni #team_outer .col_center_right   { margin-right: 0; margin-left: 0; padding-top: 20px; padding-bottom: 14px; width: 230px }
#alumni #team_outer .col_center_right p { width: 215px }
#alumni #team_outer .col_right   { padding-top: 20px; width: 220px; float: right }
/*blog

*/
.mod_newslist { margin-top: 43px; margin-right: 30px; margin-left: 30px }
#blog .layout_full    { background-image: url("blog_bg.gif"); background-repeat: no-repeat; background-position: 0 bottom; padding-top: 6px; padding-bottom: 25px; width: 740px; float: left }

#blog .last   { background-image: none; background-repeat: no-repeat; background-position: 0 bottom; padding-bottom: 25px }

#blog .blog_meta   { width: 240px; float: left }

#blog .ce_text  { width: 460px; float: right }
#blog .ce_text a { border-bottom: 1px dotted; } /* GPgr:  #ff8000 entfernt */
#blog .ce_text .news_image { float: right; margin-bottom: 20px; margin-left: 30px; }
#blog .layout_full h1  { font-size: 18px; font-weight: bold }

#blog .layout_full h2 { font-size: 14px; font-weight: bold; width: 150px }

#blog .layout_full .info { font-size: 12px; font-weight: normal; width: 150px }
#blog .news_tags  { margin-top: 20px; margin-bottom: 20px; width: 460px; float: right }
#blog .news_tags a { text-decoration: underline; margin-right: 3px; margin-left: 3px }
.mod_tagcloudnews  { margin-top: 50px; position: absolute; top: 0; left: 790px; width: 160px; float: right }

.mod_tagcloudnews h1 { visibility: hidden; height: 1px }

/*spalten

*/

.col_left      { margin-left: 30px; padding-top: 20px; width: 230px; float: left } /* GPgr: padding top auf 4px korrigiert, statt 20, damit passend zu col_center  --- wieder korrigiert auf 20 damit projektliste stimmt, dafuer neue kategorie fuer startseite eingefuegt --- die fehlte */

.col_left_center       { padding: 0; width: 280px; min-height: 20px; float: left }
.col_left_center img { display: block; margin: 0; padding: 0; min-height: 20px }
.col_center_right     { margin-right: 40px; padding-top: 22px; width: 210px; float: left }

.col_center   { margin-bottom: 20px; padding-top: 4px; width: 488px; float: left }

.col_right     {
	padding-top: 20px;
	width: auto;
	float: left
}

.col_right_startseite    {
	padding-top: 4px;
	width: auto;
	float: left
}

/*spalten links

*/
.col_center a, .col_right a , .col_left_center a, .col_left a  {  } /* GPgr: '.col_left a' hinzugefuegt, damit links korrekt angezeigt werden. dann aber auch bei projekte. daher ueberhaupt geloescht und '.startseite_news a' weiter unten hinzugefuegt -- jetzt funktionierts! */

.startseite_news {padding-top: 4px;} /* GPgr: neu hinzugefuegt und fuer alle 'startseite news' definiert, damit die spalten wieder oben ausgerichtet sind, was ich ca 20 zeilen weiter oben auf 20 korrigiert habe -- zumindest auf der startseite passt das jetzt. */
.startseite_news a {border-bottom: 1px dotted;} /* GPgr: damit die links auf der startseite korrekt erkennbar werden ohne dass die headlines bei projekte zerstoert werden */
.startseite_news h2 {color: #ff8000;}

.toggle_container a  { border-bottom: 1px dotted }
.col_left_center img a { border-bottom: 0 none transparent }

/*bloecke*/

.ce_dma_eg_1      { background-image: url("top_shadow.png"); background-repeat: no-repeat; background-position: 0 bottom; padding-top: 2px; min-height: 93px }
.ce_dma_eg_1.first { min-height: 96px }
.ce_dma_eg_1.last { min-height: 73px }
.ce_dma_eg_2 { background-image: url(header_bottom_bg.gif); background-repeat: no-repeat; background-position: 0 bottom; width: 960px; height: 66px; }



.last { background-image: none; }

/*static/impressum/kontakt/*/

#impressum_head { position: absolute; top: 40px; left: 280px }
#philo_head_text  { position: absolute; z-index: 100; top: 106px; left: 30px }

.ce_dma_eg_1 .col_left      { padding-top: 0; width: 250px }
.ce_dma_eg_1 .col_left_center     { padding-top: 5px; padding-bottom: 36px; width: 213px }
.ce_dma_eg_1 .col_center_right     { margin-right: 0; margin-left: 0; padding-top: 5px; width: 220px }
.last .col_center_right  { padding-bottom: 0 }
.ce_dma_eg_1 .col_right    { padding-top: 4px; width: 220px; float: right }



/*bewerbungsformular*/

#bewerbung  { position: absolute; z-index: 5000; top: 40px; left: 280px }

#bewerbung input  { line-height: 20px; background-color: #ececec; margin-top: 2px; margin-bottom: 2px; width: 116px; height: 20px; border: solid 1px #ececec }

#bewerbung #ctrl_7 { width: 30px; float: left }

#bewerbung #ctrl_8 { margin-top: -13px; margin-left: 4px; width: 80px; float: left }

#bewerbung .upload { width: 116px; border: solid 1px #ececec }

#bewerbung textarea { line-height: 20px; background-color: #ececec; margin-top: 2px; margin-bottom: 2px; width: 220px; height: 60px; border: solid 1px #ececec }

#bewerbung label { padding-top: 4px; width: 70px; float: left }

#bewerbung .submit  { background-color: transparent; cursor: pointer; margin-left: 200px; border-style: none }
#bewerbung .submit:hover { color: #ff8000; background-color: transparent; cursor: pointer; margin-left: 200px; border-style: none }

.bestaetigung {margin-left:30px}
#form_left  { width: 240px; float: left }

#form_right { float: right }

/* projets overview
*/
#projekt_stay_focused  { }
.detail_over #main_top  { height: 257px }
.detail_stayfocused_row1 { position: absolute; top: 0 }
.detail_stayfocused_row2  { position: absolute; z-index: 5000; top: 90px; left: 710px }
.detail_stayfocused_row2 p { margin-bottom: 20px }
.detail_overview     { width: 960px; height: 116px }
.detail_overview h1  { font-size: 20px; font-weight: normal }
.detail_overview h2  { font-size: 14px }
.last { background-image: none }
/*services*/
.service_overview    { background-image: url(top_shadow.png); background-repeat: no-repeat; background-position: 0 bottom; min-height: 86px; padding-top: 4px; padding-bottom: 10px   }
.service_overview.first    { margin-top: 16px }
.service_overview.last { min-height: 80px; max-height: 80px; padding-bottom: 0; }
.service_overview h1   { font-size: 20px; font-weight: normal }
.detail_stayfocused_row2 { position: absolute; top: 108px; left: 30px }
.detail_stayfocused_row1 h1 { font-size: 24px }
.service_detail  .detail_images { position: absolute; top: 0 }
.service_overview.last .col_left_center { margin-bottom: 0; padding-bottom: 0; }
#service { margin: 0; padding: 0; }
#service_detail_nav  { position: absolute; z-index: 4000 }
#service .col_left    { padding-top: 0; padding-bottom: 20px; width: 240px;   }
#service .col_left_center   { padding-top: 0; padding-bottom: 24px; width: 360px ; margin: 0; }
#service .col_left_center a { border-bottom: 1px dotted }
#service .col_center_right    {
	text-align: right;
	margin-right: 0;
	margin-left: 0;
	padding-top: 0;
	padding-bottom: 4px;
	width: 100px;
	margin-top: 0;
	
}
#service .col_center_right p { width: 215px }
#service .col_right   { padding-top: 0; width: 194px; float: right ; margin: 0; padding-bottom: 0; }



/* Sebastian projets
*/
.projects #main_top  { height: 426px }
.projects #nav_tabs  { position: absolute; top: 426px }
.projects #nav_tabs ul { margin-left: 10px }
.projects { }
.detail_all   { padding-top: 26px; padding-bottom: 40px }
.detail_left { margin-right: 10px; width: 300px; float: left }
.detail_left h1  { font-size: 26px; margin-top: 30px; margin-left: 30px }
.service_detail .detail_left h1 { font-size: 26px; margin-top: 0; margin-left: 30px; padding: 0; }
.detail_left h2 { font-size: 18px; margin-left: 30px }
.detail_center  { margin-right: 10px; padding-bottom: 40px; width: 410px; float: left ; }
.service_detail .detail_center { margin-right: 10px; padding-bottom: 40px; width: 410px; float: left; padding-top: 4px; }
.detail_center a { border-bottom: 1px dotted; }
.detail_right     { margin-right: 10px; width: 184px; float: right }
.detail_client_logo   { margin-top: 40px; margin-bottom: 20px; margin-left: 30px }
.detail_clientvoice img { display: block; float: left }
.detail_clientvoice p { width: 340px; float: right }
.detail_images_lightbox { margin-top: 30px; margin-bottom: 30px ; margin-left: 12px; }
.detail_download { margin-left: 12px; }
#projekt_navigation   { z-index: 20 }
.nav_controller   { background-color: white; position: absolute; z-index: 50; top: 392px; left: 30px; width: 191px; height: 28px }
.nav_controller_service  { background-color: white; position: absolute; z-index: 50; top: 223px; left: 30px; width: 191px; height: 28px }
.nav_toogle     { font-size: 8px; line-height: 8px; text-align: right; margin-top: 8px; position: absolute; left: 42px; width: 100px; border-right: 1px solid black; border-left: 1px solid black }
.nav_toogle a   { font-size: 12px; line-height: 12px; cursor: pointer; display: block; margin-right: 10px; width: 80px }
.nav_controller_service .nav_toogle a { width: 70px }
.nav_pager    { margin-top: 7px; padding-right: 10px; width: 166px; float: right }
.nav_pager .pager_prev { float: left }
.nav_pager .pager_next { float: right }
.nav_pager a { margin-right: 10px }
/*client_list
*/
.client_overview  { background-image: none; padding-top: 0; padding-bottom: 0 }
.client_overview h1 { font-size: 20px; font-weight: bold }
.client_overview h2 { font-size: 12px; font-weight: bold }
.client_overview .client_funktion { font-size: 11px; font-style: oblique; font-weight: bold }
.client_overview .trigger { cursor: pointer; margin-top: -20px; padding-right: 10px; width: 40px; float: right }
.client_overview .trigger a { border-bottom: none }
.client_overview .toggle_container  { padding-top: 10px; padding-bottom: 20px }
.client_overview .col_center p { width: 420px }
.client_overview .col_left img  { margin-right: 24px; margin-bottom: 30px; float: left }
.client_overview .col_center     { padding-top: 20px }
.client_overview .col_left { padding-top: 22px }
/*home*/
.home #main_top  { color: white; background-image: none; height: 426px }
.home #main_top  a { color: white }
.home #main_top #home_headline  { color: white; font-size: 33px; font-weight: normal; line-height: 40px; position: absolute; top: 51px; left: 30px }
.home #main_top .startseite_titel h2  { font-size: 16px; font-weight: normal; position: absolute; top: 288px; left: 0 }
.home #main_top .startseite_proj_beispiel  { font-weight: bold; position: absolute; top: 255px; left: 30px }
.home #main_top .startseite_subtitel h3 { font-size: 16px; font-weight: normal; position: absolute; top: 307px; left: 30px }
.home #main_top .startseite_mehr a { color: white; font-weight: bold; position: absolute; top: 345px; left: 30px }
.home #main_top .startseite_mehr_proj a  { color: white; font-weight: bold; position: absolute; top: 255px; left: 281px }
.home #home_main { height: 200px }
.startseite_news  { width: 270px; float: left; margin-right: 0; border-top: 10px solid #ff8000; }
#home_news { min-height: 140px; margin: -6px 0 0; padding: 0; }
#home_news .col_left { vertical-align: top; min-height: 140px; margin-right: 44px; }
#home_news .col_center { vertical-align: top; min-height: 140px; margin-right: 44px; }
#home_news .col_right { vertical-align: top; min-height: 140px; }
#home_news .block { margin-top: 0; padding-top: 0; }
#home_news .block .more { text-align: right; }
#home_news .block h2 { padding-top: 6px; }
#home_news .block h2 a { color: #ff8000; font-weight: bold; line-height: 20px; padding-top: 6px; }
#home_news .last { margin-right: 0; width: 270px; float: right; border-top: 10px solid #ff8000; }
/*client_voices*/
.clientvoices #main_top  { height: 257px }
.proj_clientvoice img  { padding-right: 10px; float: left }
.proj_clientvoice p { width: 330px; float: right }
.mod_customnav     { background-color: #ff8000; text-align: center; margin-left: 30px; position: absolute; z-index: 40; top: 234px; width: 191px; height: 22px }

.mod_customnav ul    { }

.mod_customnav ul a     { color: black; font-size: 12px; font-weight: bold; line-height: 20px; text-decoration: none; text-transform: lowercase; float: left }
.mod_customnav ul li    { font-weight: bold }
.mod_customnav ul li .first    { background-image: url("tab_bg.gif"); background-repeat: no-repeat; background-position: right 6px; width: 90px }
.mod_customnav ul .active    { font-size: 12px; line-height: 20px; text-decoration: none; float: left }
.mod_customnav .active a  { color: white }
#header_team .mod_customnav ul li .first, #header_alumni .mod_customnav ul li .first   { margin-right: 30px }
.services .mod_customnav ul li .first, .clientvoices .mod_customnav ul li .first { margin-right: 16px }
.last { background-image: none }


.holder{}
/*suche-ausgabe*/
#suche-ausgabe { width: 740px; margin-left: 220px; padding-top: 10px; padding-bottom: 0; }
#suche-ausgabe .highlight { color: #ff8000; }
#suche-ausgabe form { visibility: hidden; }
#suche-ausgabe .header { padding-bottom: 20px; }
#suche-ausgabe div { background-image: url(blog_bg.gif); background-repeat: no-repeat; background-position: 0 bottom; padding-bottom: 30px; }
#suche-ausgabe h3 a { width: auto; border-bottom: 1px dotted; }
#suche-ausgabe div.last { background-image: none; }


.mod_changelanguage{position:relative; left:770px; top:-130px; width:200px} /*GPgr: position korrigiert statt 580, -110 */
.mod_changelanguage li{ float:left; margin-left:20px;}
.mod_changelanguage span{ color:#FF8000}