@font-face {
	font-family: 'ITC Franklin Gothic DCond';
	src: url('fonts/itcfranklingothicltdcond.eot');
	src: local('ITCFranklinGothic LT DemiCn'), local('FranklinGothicLT-DemiCnd'), url('fonts/itcfranklingothicltdcond.woff') format('woff'), url('fonts/itcfranklingothicltdcond.ttf') format('truetype');
}

@font-face {
	font-family: 'ITC Franklin Gothic DComp';
	src: url('fonts/itcfranklingothicltdcomp.eot');
	src: local('ITCFranklinGothic LT DemiCp'), local('FranklinGothicLT-DemiCmpr'), url('fonts/itcfranklingothicltdcomp.woff') format('woff'), url('fonts/itcfranklingothicltdcomp.ttf') format('truetype');
}

@font-face {
	font-family: 'ITC Franklin Gothic BCI';
	src: url('fonts/itcfranklingothicltbci.eot');
	src: local('ITCFranklinGothic LT BookCnIt'), local('FranklinGothicLT-BookCndItal'), url('fonts/itcfranklingothicltbci.woff') format('woff'), url('fonts/itcfranklingothicltbci.ttf') format('truetype');
}

@font-face {
	font-family: 'ITC Franklin Gothic BC';
	src: url('fonts/itcfranklingothicltbc.eot');
	src: local('ITCFranklinGothic LT BookCn'), local('FranklinGothicLT-BookCnd'), url('fonts/itcfranklingothicltbc.woff') format('woff'), url('fonts/itcfranklingothicltbc.ttf') format('truetype');
}


/* RESET DEFAULT VALUES */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing : 0; }
fieldset, img { border: 0; }
ol, ul { list-style: none; }
h1, h2, h3, h4, h5, h6 { font-size: 1em; font-weight: normal; }
a:active, a:focus { outline: none }

/* BASE & CONTENT ELEMENTS */
body { font-family: "Trebuchet MS", Helvetica, sans-serif, font-size: 12px; }
a { text-decoration: none; font-size: 1em; }
h1 { color: #fff; font-size: 3.3em; letter-spacing: 0.2em; }
h2 { color: #fff; font-size: 2.3em; letter-spacing: 0.1em; }


/* styling */
#container { width: 880px; }
#header { position: absolute; top: 35px; left: 770px; z-index: 100; }
#navigation { position: absolute; top: 30px; left: 49px; z-index: 100; }
#content #intro { position: absolute; top: 50px; left: 50px; z-index: 90; }

#navigation ul li { padding: 0 0 0 12px; background: url("../img/arrow.gif") no-repeat left 7px; list-style: none; }
#navigation ul li a {font-family: "ITC Franklin Gothic DCond"; color: #330000; font-size: 0.8em; letter-spacing: -0.04em; text-transform: uppercase; }
#navigation .subNav { margin: 5px 0 5px 0; }
#navigation .subNav li { margin: 0; background: none; list-style: none; }
#navigation ul li.active, #navigation ul li.on { background: none; }
#navigation ul li.active a , #navigation ul li.on a { color: #961317; }
#navigation ul li.active ul li a { color: #330000; }
#navigation .subNav { display: none; }
#navigation .subNav a { color: #330000 !important; }
#navigation ul li a:hover, #navigation .subNav  li.on a, #navigation .subNav  li a:hover { color: #961317 !important; }
#navigation ul#nav li:hover { background: url("../img/arrow_on.gif") no-repeat left 7px; }
#navigation ul#nav li.active, #navigation ul#nav li.on { background: none; }
#navigation ul.expand li:hover { background: none !important; }

#content div { display: none; }
#content { position: absolute; left: 70px; top: 0; z-index: 1; }

#footer { position: absolute; top: 600px; left: 0px; }

#portfolioText { position: absolute; top: 110px; left: 270px; width: 450px; z-index: 90; }
#portfolioText  p { margin-bottom: 10px; text-align: right; color: #663333; font-size: 0.8em; font-family: "ITC Franklin Gothic BC"; }
#portfolioText a { color: #663333; }
#portfolioText a:hover { color: #961317; }

#flash { margin-top: 10px; margin-left: 10px !important; z-index: 1; }
#flash object { outline: none; }

#cv { position: absolute; top: 180px; left: 170px; width: 160px; text-align: right; z-index: 100;}
#cv  p , #cv span { color: #663333; line-height: 1.1; }
#cv span { font-size: 0.9em; font-family: "ITC Franklin Gothic DCond"; }
#cv  p  { margin-bottom: 10px; font-size: 0.85em;  font-family: "ITC Franklin Gothic BCI"; }

#job { position: absolute; top: 190px; left: 695px; z-index: 100; }
#job h2, #job span { color: #663333; font-size: 1.1em; line-height: 1.1; text-transform: uppercase; }
#job h2 { font-family: "ITC Franklin Gothic DCond"; letter-spacing: -0.02em;}
#job span { font-family: "ITC Franklin Gothic BC"; }

#job[class="iKolarik"] { top: 360px; }
#job[class="sPollach"] { top: 280px; }
#job[class="eDrucker"] { top: 270px; }
#job[class="uKoeck"] { top: 430px !important; }

#links { position: absolute; top: 440px; left: 660px; width: 160px; }
#links ul li a { color: #663333; font-size: 0.80em; font-family: "ITC Franklin Gothic BCI"; }
#links ul li { line-height: 1.2; }
#links ul li a:hover { color: #961317; }

#links[class="mcMessinger"] { left: 150px !important; }

#clip{ position: absolute; top: 550px; left: 750px; width: 180px; }
#clip  p  { color: #663333; font-size: 0.75em; line-height: 1.5; font-family: "ITC Franklin Gothic BC"; }

#content[class="switched"] #cv { left: 700px; top: 250px; width: 200px; text-align: left; }
#content[class="switched"] #job { left: 230px; top: 130px ; text-align: right; }
#content[class="switched"] #links { left: 210px; top: 410px; text-align: right; }
#content[class="switched"] #clip { left: 150px; top: 520px; text-align: right; }

#infotext { position: absolute; top: 300px; left: -50px; width: 230px; text-align: right; }
#infotext  p , #infotext span { color: #663333; line-height: 1.1; }
#infotext span { font-family: "ITC Franklin Gothic DCond"; font-size: 0.9em; }
#infotext  p  { margin-bottom: 9px; font-family: "ITC Franklin Gothic BC"; font-size: 0.8em; }

#content #infotext[class="switched"] { left: 620px; top: 370px; text-align: left; }

#imprint { position: absolute; top: 100px; left: 750px; width: 230px; text-align: left; }
#imprint  p, #imprint span { color: #663333; font-size: 0.75em; line-height: 1.1; }
#imprint span { font-family: "ITC Franklin Gothic DCond"; }
#imprint p  { margin-bottom: 9px; font-family: "ITC Franklin Gothic BC"; }
#imprint  a  { color: #663333; font-size: 1em; }
#imprint div span:first-child { display: block; margin-bottom: 10px; }
#imprint div p:first-of-type { font-family: "ITC Franklin Gothic BCI"; }
#imprint div { margin-bottom: 50px; }

#contact { position: absolute; top: 230px; left: 0px; width: 180px; text-align: right; font-family: "ITC Franklin Gothic BC"; }
#contact  p, #contact span, #contact  a  { color: #663333; font-size: 0.75em; line-height: 1.1; }
#contact span, #contact  a[href^="mailto"]  { font-family: "ITC Franklin Gothic DCond"; }
#contact p  { margin-bottom: 9px; }
#contact div { margin-bottom: 60px; }
#contact div#office span { font-size: 0.9em; text-transform: uppercase; line-height: 0; font-family: "ITC Franklin Gothic DCond"; }
#contact  div#office span.notBold { font-family: "ITC Franklin Gothic BC"; margin-bottom: 0 !important; }
#contact div#office span:first-child { text-transform: none; }
#contact #info, #contact #office, #contact #map { width: 180px; }

#copy { position: absolute; top: 510px; left: 490px; text-align: left; font-family: "ITC Franklin Gothic BC"; }
#copy  p { color: #663333; font-size: 0.75em; line-height: 1.1; }

#topIntro { position: absolute; top: 80px; left: 130px; width: 150px; text-align: left; font-family: "ITC Franklin Gothic BC"; }
#topIntro  p { color: #663333; font-size: 0.75em; line-height: 1.1; }

#topLinks { position: absolute; top: 80px; left: 370px; width: 490px; text-align: left; font-family: "ITC Franklin Gothic BC"; }
#topLinks  p, #topLinks  a { color: #330000; font-size: 0.85em; line-height: 1.1; }
#topLinks  span { display: block; font-family: "ITC Franklin Gothic DCond"; }
#topLinks  p { margin-bottom: 10px; }
#topLinks  a:hover { color: #961317; }

#ausnahmezustand { position: absolute; top: 540px; left: 250px; width: 150px; }
#ausnahmezustand a { color: #330000; font-size: 0.75em; text-align: left; font-family: "ITC Franklin Gothic BC"; }
#ausnahmezustand a:hover { color: #961317; }
#ausnahmezustand p { line-height: 0.8; }

#missionStatement { position: absolute; top: 550px; left: 600px; width: 150px; }
#missionStatement a { color: #330000; font-size: 0.75em; text-align: left; font-family: "ITC Franklin Gothic BC"; }
#missionStatement a:hover { color: #961317; }
#missionStatement p { line-height: 0.8; }

#galerie { position: absolute; top: 80px; left: 300px; width: 150px; }
#galerie a { color: #330000; font-size: 0.75em; text-align: left; font-family: "ITC Franklin Gothic BC"; }
#galerie a:hover { color: #961317; }
#galerie p { line-height: 0.8; }

#lgvSpots { position: absolute; top: 100px; left: 250px; width: 200px; }
#lgvSpots a { color: #330000; font-size: 0.75em; text-align: left; font-family: "ITC Franklin Gothic BC"; }
#lgvSpots a:hover { color: #961317; }
#lgvSpots p { line-height: 0.8; }

#uniKrems { position: absolute; top: 430px; left: 440px; width: 150px; }
#uniKrems p { line-height: 1; text-transform: uppercase; text-align: left; font-family: "ITC Franklin Gothic BC"; }
#uniKrems a { color: #663333; font-size: 0.8em; }
#uniKrems a:hover { color: #961317; }

#setTele { position: absolute; top: 490px; left: 630px; width: 150px; }
#setTele p { line-height: 1; text-transform: uppercase; text-align: right; font-family: "ITC Franklin Gothic BC"; }
#setTele a { color: #663333; font-size: 0.8em; }
#setTele a:hover { color: #961317; }

#koop_kRose { position: absolute; top: 520px; left: 520px; width: 150px; }
#koop_kRose p { color: #663333; font-size: 0.8em; text-align: left; line-height: 1; text-transform: uppercase; font-family: "ITC Franklin Gothic BC"; }
#koop_kRose a { color: #663333; }
#koop_kRose a:hover { color: #961317; }

.bold { display: block; font-family: "ITC Franklin Gothic DCond"; }
.italic { display: block; font-family: "ITC Franklin Gothic BCI"; text-transform: none !important; }

object#team { margin-left: -70px; }
object#kontakt { margin-left: -70px; }
object#moreToCome { margin-left: -100px; }

object#kRose { margin-left: 110px; }
object#eDrucker { margin-left: 190px; }
object#iSimon { margin-left: 195px; }
object#rPenninger { margin-left: 230px; }
object#sPollach { margin-left: -30px; }
object#aJaeger { margin-left: -20px; }
object#eCuesta { margin-left: 10px; }
object#mcMessinger { margin-left: -30px; }

object#startseite { margin-left: -50px; }

object#krisenkommunikation { margin-left: -80px; }
object#strategischePR { margin-left: -80px; }
object#communicationManagement { margin-left: -50px; }
object#internetstrategie { margin-left: -90px; }


#lgvspots { display: block !important; position: absolute; top: 100px; left: 220px; }
#lgvspots  h2 { margin: 80px 0 3px 0; color: #663333; font-size: 1.1em; line-height: 1.1; text-transform: uppercase; font-family: "ITC Franklin Gothic DCond"; letter-spacing: -0.02em; }
#lgvspots p { width: 500px; margin-bottom: 10px; text-align: left; color: #663333; font-size: 0.8em; font-family: "ITC Franklin Gothic BC"; }
#lgvspots object { display: block; margin: 5px 0; }

.video { display: block !important; position: absolute; top: 270px; left: 220px; }
.video object { display: block; }