/********** Generals *************/
* { margin:0; padding:0; border:0; }
html, body { font-size:12px; line-height:17px; font-family: Verdana,Arial,Helvetica,sans-serif; color:#4B4B4D; text-align:center; min-width:925px; background:url(/tl_files/optima/images/basis/hg_content.jpg) 0 0 repeat-x; background-color:#BFBFBF; }


a, a:link, a:visited { color:#4B4B4D; text-decoration:underline; }
a:hover, a:active { color:#4B4B4D; text-decoration:none; }

.reFloat { float:right; }
.liFloat { float:left; }
.clear { clear:both; font-size:1px; line-height:1px; height:1px; }

/********** Main Elements *************/
#wrapper { width:905px; margin:45px auto; text-align:left; }
#bgWrapper { }
#header { position:relative; width:905px; }
#container { width:905px; background-color:#FFFFFF; }
#left { float:left; width:215px; }
#main { float:right; width:655px; background-color:#F1F3F4; margin-bottom:15px; }
* html #main  { float:left; width:645px; margin-left:2px; }
#logo { position:absolute; left:760px; top:0; box-shadow:shadow; } 
#footer { float:left; background-color:#BFBFBF; width:905px; }

#header .image_container { padding:15px 0 12px 15px;  }
#header-bild { background-color:#FFFFFF; }
#container .inside { margin-left:15px; margin-right:15px; }
* html #container .inside { margin-right:0; }
#left .inside { margin:0; }
#main .inside { margin:15px 15px 0 15px; }
#footer .inside { margin:5px 15px 35px 15px; left:0; top:0; }

/*********** Content Elemente ***********/
.abs15 { font-size:15px; line-height:15px; height:15px; }
.lineGrauOben { font-size:10px; line-height:10px; height:10px; background:url(/tl_files/optima/images/basis/grau.gif) 0 0 repeat-x; }
.lineGrauUnten { font-size:20px; line-height:20px; height:20px; background:url(/tl_files/optima/images/basis/grau.gif) 0 0 repeat-x; }
.linieWeissFullWidth { font-size:4px; line-height:4px; height:4px; background:url(/tl_files/optima/images/basis/weiss.gif) 0 0 repeat; margin-left:-15px; margin-right:-15px; }
.mrgLi15 { margin-left:15px; }
.mrgRe15 { margin-right:15px; }
.mrgLi15Re15 { margin-left:15px; margin-right:15px; }
/* Headlines*/
h1 { font-size:26px; padding-bottom:15px; text-transform:uppercase; font-weight:normal; }
h2 { font-size:13px; line-height:20px; }
.w125 { width:125px; }
.w150 { width:150px; }

/*************Content Main*************/
#main .inside .ce_text p { display:block; margin-bottom:15px; width:520px; }
#main .a, #main a:link, #main a:visited, #main a:hover, #main a:active { padding-left:12px; background:url(/tl_files/optima/images/basis/pfeil_rot.gif) 2px 5px no-repeat; }
#main .image_container a, #main .image_container a:link, #main .image_container a:visited, #main .image_container a:hover, #main .image_container a:active { padding-left:0; background:none; }
#main ul { margin-left:15px; }

/*****Teaser******/
.teaser { height:190px; float:left; }
.teaser.first { width:205px; border:none; background:url(/tl_files/optima/images/basis/tea_verlauf_1.jpg) 0 0 no-repeat; }
.teaser.second { width:220px; border:none; background:url(/tl_files/optima/images/basis/tea_verlauf_2.jpg) 0 0 no-repeat; }
.teaser.last { width:200px; border:none; background:url(/tl_files/optima/images/basis/tea_verlauf_3.jpg) 0 0 no-repeat; }

.teaImg { margin-bottom:2px; }
.teaImgliFloat { margin-bottom:2px; margin-right:5px; float:left; }
.teaser a, .teaser a:link, .teaser a:visited, .teaser a:hover, .teaser a:active { 
		margin:3px 0; padding-left:12px; background:url(/tl_files/optima/images/basis/pfeil_rot.gif) 2px 5px no-repeat; display:block; }
.teaser a, .teaser a:link, .teaser a:visited { text-decoration:underline; }
.teaser a:hover, .teaser a:active { text-decoration:none; }

/*Rote Teaser*/
.teaserRot { width:215px; margin:0; height:190px; background-color:#C4071B; float:left; color:#FFFFFF; }
.narr { letter-spacing:-0.05em; }
#main .teaserRot a, #main .teaserRot a:link, #main .teaserRot a:visited, #main .teaserRot a:hover, #main .teaserRot a:active,
#left .teaserRot a, #left .teaserRot a:link, #left .teaserRot a:visited, #left .teaserRot a:hover, #left .teaserRot a:active { 
		color:#FFFFFF; margin:2px 0; padding-left:12px; background:url(/tl_files/optima/images/basis/pfeil_weiss.gif) 2px 5px no-repeat; display:block; }
#main .teaserRot a, #main .teaserRot a:link, #main .teaserRot a:visited { text-decoration:underline; }
#main .teaserRot a:hover, #main .teaserRot a:active { text-decoration:none; }


/*Tabellen auf den Projektseiten*/
table td { text-align:left; vertical-align:top; }
.tabProjekte table { width:460px; margin-bottom:15px; }
.tabProjekte table td { border-bottom:1px solid #D0D1D3; padding:2px 2px 2px 0; }

.tabDownload table { width:620px; border-top:1px solid #D0D1D3; border-bottom:1px solid #D0D1D3; margin-bottom:15px; }
.tabDownload table td { border:none; padding:2px 2px 2px 0; }

.tabProjekte a, .tabProjekte a:link, .tabProjekte a:visited, 
.tabDownload a, .tabDownload a:link, .tabDownload a:visited,
.tabIndexStadt a, .tabIndexStadt a:link, .tabIndexStadt a:visited { color:#4B4B4D; display:block; font-size:11px; text-decoration:underline; }
.tabProjekte a:hover, .tabProjekte a:active,
.tabDownload a:hover, .tabDownload a:active,
.tabIndexStadt a:hover, .tabIndexStadt a:active { color:#4B4B4D; display:block; font-size:11px; text-decoration:none; }

.tabGalerie { width:620px; }
.tabGalerie table td { border:none; padding:0 10px 8px 0; }

table.tabIndexStadt { width:620px; }
table.tabIndexStadt td { background-color:#FFFFFF; border-bottom:5px solid #F1F3F4; border-right:5px solid #F1F3F4; padding:15px; }
* html table.tabIndexStadt td { padding:10px; }
table.tabIndexStadt td img { margin-bottom:5px; }

table.tabUnternehmen { width:630px; }
* html table.tabUnternehmen { width:620px; }
table.tabUnternehmen td { background-color:#FFFFFF; border-bottom:5px solid #F1F3F4; border-right:5px solid #F1F3F4; padding:15px; width:50%; }
table.tabUnternehmen .tabUnternehmenLeer { background-color:#F1F3F4; }
table.tabUnternehmen tr td h1 { font-size:15px; font-weight:bold; text-transform:none; }

table.tabPersonen { width:460px; }
table.tabPersonen td { background-color:#FFFFFF; border-bottom:5px solid #F1F3F4; padding:15px; }
table.tabPersonen td img { display:block; float:left; margin-right:15px; }
#main a.noBg, #main a.noBg:link, #main a.noBg:visited, #main a.noBg:hover, #main a.noBg:active { background:none; padding:0; }


/*personen*/
#main ul.person { margin-left:0; display:block; width:405px; list-style-image:url(/tl_files/optima/images/basis/bullet.gif); }
ul.person li { display:block; border-bottom:1px solid #D0D1D3; padding-top:15px; padding-bottom:15px; }
ul.person li.personLast { border:none; }
table.personPublikationen { width:620px; border-top:1px solid #D0D1D3; border-bottom:1px solid #D0D1D3; margin-bottom:15px; margin-top:35px; }
table.personPublikationen td { border:none; padding:5px 5px 5px 0; }