/*################################################################################################################# */
/*#### BASIS  ##################################################################################################### */
/*################################################################################################################# */

* {padding:0px; margin:0px; font-size: 100%; }

html {height:100%}

body {

	/*erzwingt im Firefox die Anwesenheit des vertikalen Scrollbalkens.
	Mit diesem kleinen Kniff wird verhindert, dass zentrierte Layouts plötzlich seitlich "springen",
	wenn die Höhe der Webseite größer als der sichtbare Bereich des Browserfensters wird.*/
    font-size: 100.01%; /*gleicht Rundungsfehler aus*/

    position: relative;/*damit positionierte Elemente (vermutlich im Internet Explorer) beim Verändern
	der Fenstergröße auch wirklich neu und korrekt positioniert werden. */
}

span.hidden {
	display: none
}

select, input, textarea {font-size: 99%} /*in älteren Safari-Versionen würden Schriften zu groß erscheinen*/

fieldset, img {border:0;}

/*################################################################################################################## */
/*#### ALLGEMEIN/ELEMENTE  ######################################################################################### */
/*################################################################################################################## */

body {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:18px;
	color:#000000;
	background-color:#FFFFFF;
	/*background-image:url(images/kachel.gif);*/
	background-image:url('images/background.gif');
	background-repeat:repeat;
	background-attachment:fixed;
	margin-top: 20px;
}

select, input, textarea {background-color:#EFEFEF;}
select:focus, input:focus, textarea:focus {background-color:#FFFFFF;}

h1 { font-weight:bold; color:#666666;}

ul {padding-left: 20px;}

/*#### LINKS ############################################################## */

a, a:link, a:visited {
	font-size:11px;
	font-weight:normal;
	text-transform:none;
	text-decoration:none;
	color: #66CCFF;
}

.aktiv, a:hover, a:active {
	font-size:11px;
	font-weight:normal;
	text-transform:none;
	color: #333333;
	text-decoration:none;
}

a.smallfont { font-size:10px;}
.smallfont { font-size:10px;}

/*################################################################################################################## */
/*#### CONTAINER / GRUNDLAYOUT  #################################################################################### */
/*################################################################################################################## */

div#shadowContainer {
	margin: auto;
	position: relative;
	width: 1000px;
	height: 570px;
	background-image: url(images/background_shadow.png);
	border: 0px solid #808080;
	overflow: visible;
}

div#container {
	/*clear: left;			 für vertikale Zentrierung */
				/* für horizontale Zentrierung */
	position: relative;		/* als Bezugspunkt für enthaltene Elemente */
	top: 11px;
	left: 11px;
	width: 974px;
	height: 544px;
	padding: 0px;
	border: 0px solid #D0D0D0;
	background-image:url(images/background_content_box.gif);

	background-repeat:no-repeat;
	overflow: visible;
}

div#top_site {
	padding-left:20px;
	padding-right:25px;
	padding-top:5px;
	text-align:right;
	border-bottom:solid #EEEEEE 1px;
	border-left:solid #EEEEEE 1px;
	border-right:solid #EEEEEE 1px;
	border-top:solid #EEEEEE 1px;
	clear:both;
}

.padding_left_65 {padding:25px 65px 10px 65px;}
.padding_left_300 {padding:25px 65px 10px 300px;}


/*################################################################################################################## */
/*#### MAINMENU oben-links ######################################################################################### */
/*################################################################################################################## */

div#menu_top {
	width: 900px;
	position: absolute;
	z-index: 10;
}

div#menu_shadow {
	width: 900px;
	height: 28px;
	position: absolute;
	z-index: 9;
	top: 6px;
	left: 20px;
}

div#menu_shadow div.bottom {
	background: url(images/menu/shadow_bottom.png) no-repeat;

	width: 506px;
	height: 28px;
	float: left;
}

div#menu_shadow div.end {
	background: url(images/menu/shadow_end.png) no-repeat;
	width: 5px;
	height: 28px;

	float: left;
}


ul.menu_top {
	padding: 0px;
	position: absolute;
	top: 5px;
	left: 10px;
	width: 100%;
	/*list-style-type: none;*/
}

ul.menu_top li {
	display: inline;
}

ul.menu_top li a {
	display: block;
	height: 21px;
	float: left;
	letter-spacing:-10000em;
	font-size: 2px;
}


/* Kreation */
ul.menu_top li a#kreation {
	width: 79px;
	/*background: url(images/menu/kreation.png) no-repeat;*/
	background: url(images/menu/kreation.gif) no-repeat;
}
ul.menu_top li a#kreation:hover, ul.menu_top li a#kreation:focus, ul.menu_top li a.aktiv#kreation { background-position: 0 -33px; }


/* Fotografie */
ul.menu_top li a#fotografie {
	width: 90px;
	/*background: url(images/buttons/fotografie.png) no-repeat;*/
	background: url(images/menu/fotografie.gif) no-repeat;
}
ul.menu_top li a#fotografie:hover, ul.menu_top li a#fotografie:focus, ul.menu_top li a.aktiv#fotografie { background-position: 0 -33px; }


/* Medienvorstufe */
ul.menu_top li a#medienvorstufe {
	width: 119px;
	/*background: url(images/buttons/medienvorstufe.png) no-repeat;*/
	background: url(images/menu/medienvorstufe.gif) no-repeat;
}
ul.menu_top li a#medienvorstufe:hover, ul.menu_top li a#medienvorstufe:focus, ul.menu_top li a.aktiv#medienvorstufe { background-position: 0 -33px; }


/* Programmierung */
ul.menu_top li a#programmierung {
	width: 134px;
	/*background: url(images/buttons/programmierung.png) no-repeat;*/
	background: url(images/menu/programmierung.gif) no-repeat;
}
ul.menu_top li a#programmierung:hover, ul.menu_top li a#programmierung:focus, ul.menu_top li a.aktiv#programmierung { background-position: 0 -33px; }


/* Produktion */
ul.menu_top li a#produktion {
	width: 93px;
	/*background: url(images/buttons/produktion.png) no-repeat;*/
	background: url(images/menu/produktion.gif) no-repeat;
}
ul.menu_top li a#produktion:hover, ul.menu_top li a#produktion:focus, ul.menu_top li a.aktiv#produktion { background-position: 0 -33px; }

div#menu_top_sub {
	padding: 0px;
	width: 400px;
	position: absolute;
	z-index: 10;
}

ul.menu_top_sub {
	position: absolute;
	top: 35px;
	left: 380px;
	width: 100%;
}

ul.menu_top_sub li {
	display: inline;
}

ul.menu_top_sub li a {
	display: block;
	height: 33px;
	float: left;
	letter-spacing:-10000em;
	font-size: 0px;
}

/* Team */
ul.menu_top_sub li a#ueberuns {
	width: 34px;
	background: url(images/menu/team.png) no-repeat;
}
ul.menu_top_sub li a#ueberuns:hover, ul.menu_top_sub li a#ueberuns:focus, ul.menu_top_sub li a.aktiv#ueberuns { background-position: 0 -42px; }

/* Service */
ul.menu_top_sub li a#service {
	width: 31px;
	background: url(images/menu/service.png) no-repeat;
}
ul.menu_top_sub li a#service:hover, ul.menu_top_sub li a#service:focus, ul.menu_top_sub li a.aktiv#service { background-position: 0 -42px; }

/*Kontakt*/
ul.menu_top_sub li a#kontakt {
	width: 36px;
	background: url(images/menu/kontakt.png) no-repeat;
}
ul.menu_top_sub li a#kontakt:hover, ul.menu_top_sub li a#kontakt:focus, ul.menu_top_sub li a.aktiv#kontakt { background-position: 0 -42px; }

/* Impressum */
ul.menu_top_sub li a#impressum {
	width: 27px;
	background: url(images/menu/impressum.png) no-repeat;
}
ul.menu_top_sub li a#impressum:hover, ul.menu_top_sub li a#impressum:focus, ul.menu_top_sub li a.aktiv#impressum { background-position: 0 -42px; }

/* Home */
ul.menu_top_sub li a#home {
	width: 28px;
	background: url(images/menu/home.png) no-repeat;
}
ul.menu_top_sub li a#home:hover, ul.menu_top_sub li a#home:focus, ul.menu_top_sub li a.aktiv#home { background-position: 0 -42px; }


/* ============ SUBMENU =============== */

div#submenu {


	position: absolute;
	left: 20px;
	top: 80px;

	width: 160px;
	height: 280px;

	z-index: 20;

}

ul.submenu {
	padding: 0px;
	list-style-type: none;
}

ul.submenu li a {
	display: block;
	height: 9px;
	margin-bottom: 10px;
}

/* Home */
ul.submenu li a#leistungen {
	width: 69px;
	background: url(images/menu/leistungen.gif) no-repeat;
	background-position: 10px 0px;
}
ul.submenu li a#leistungen:hover, ul.submenu li a#leistungen:focus, ul.submenu li a.aktiv#leistungen { background-position: 10px -10px; }

ul.submenu li a#portfolio {
	width: 69px;
	background: url(images/menu/portfolio.gif) no-repeat;
	background-position: 10px 0px;
}
ul.submenu li a#portfolio:hover, ul.submenu li a#portfolio:focus, ul.submenu li a.aktiv#portfolio { background-position: 10px -10px; }

ul.submenu li a#ambiente {
	width: 69px;
	background: url(images/menu/ambiente.gif) no-repeat;
	background-position: 10px 0px;
}
ul.submenu li a#ambiente:hover, ul.submenu li a#ambiente:focus, ul.submenu li a.aktiv#ambiente { background-position: 10px -10px; }

ul.submenu li a#architektur {
	width: 69px;
	background: url(images/menu/architektur.gif) no-repeat;
	background-position: 10px 0px;
}
ul.submenu li a#architektur:hover, ul.submenu li a#architektur:focus, ul.submenu li a.aktiv#architektur { background-position: 10px -10px; }

ul.submenu li a#industrie {
	width: 69px;
	background: url(images/menu/industrie.gif) no-repeat;
	background-position: 10px 0px;
}
ul.submenu li a#industrie:hover, ul.submenu li a#industrie:focus, ul.submenu li a.aktiv#industrie { background-position: 10px -10px; }

ul.submenu li a#menschen {
	width: 69px;
	background: url(images/menu/menschen.gif) no-repeat;
	background-position: 10px 0px;
}
ul.submenu li a#menschen:hover, ul.submenu li a#menschen:focus, ul.submenu li a.aktiv#menschen { background-position: 10px -10px; }

ul.submenu li a#mode {
	width: 69px;
	background: url(images/menu/mode.gif) no-repeat;
	background-position: 10px 0px;
}
ul.submenu li a#mode:hover, ul.submenu li a#mode:focus, ul.submenu li a.aktiv#mode { background-position: 10px -10px; }

ul.submenu li a#reklame {
	width: 69px;
	background: url(images/menu/reklame.gif) no-repeat;
	background-position: 10px 0px;
}
ul.submenu li a#reklame:hover, ul.submenu li a#reklame:focus, ul.submenu li a.aktiv#reklame { background-position: 10px -10px; }

ul.submenu li a#stillleben {
	width: 69px;
	background: url(images/menu/stillleben.gif) no-repeat;
	background-position: 10px 0px;
}
ul.submenu li a#stillleben:hover, ul.submenu li a#stillleben:focus, ul.submenu li a.aktiv#stillleben { background-position: 10px -10px; }

ul.submenu li a#modelbau {
	width: 69px;
	background: url(images/menu/modelbau.gif) no-repeat;
	background-position: 10px 0px;
}
ul.submenu li a#modelbau:hover, ul.submenu li a#modelbau:focus, ul.submenu li a.aktiv#modelbau { background-position: 10px -10px; }

ul.submenu li a#produkte {
	width: 69px;
	background: url(images/menu/produkte.gif) no-repeat;
	background-position: 10px 0px;
}
ul.submenu li a#produkte:hover, ul.submenu li a#produkte:focus, ul.submenu li a.aktiv#produkte { background-position: 10px -10px; }

ul.submenu li a#lebensmittel {
	width: 69px;
	background: url(images/menu/lebensmittel.gif) no-repeat;
	background-position: 10px 0px;
}
ul.submenu li a#lebensmittel:hover, ul.submenu li a#lebensmittel:focus, ul.submenu li a.aktiv#lebensmittel { background-position: 10px -10px; }


ul.submenu li a#beispiele {
	width: 69px;
	background: url(images/menu/beispiele.gif) no-repeat;
	background-position: 10px 0px;
}
ul.submenu li a#beispiele:hover, ul.submenu li a#beispiele:focus, ul.submenu li a.aktiv#beispiele { background-position: 10px -10px; }


ul.submenu li a#kompetenzen {
	width: 75px;
	background: url(images/menu/kompetenzen.gif) no-repeat;
	background-position: 10px 0px;
}
ul.submenu li a#kompetenzen:hover, ul.submenu li a#kompetenzen:focus, ul.submenu li a.aktiv#kompetenzen { background-position: 10px -10px; }

ul.submenu li a#projekte {
	width: 69px;
	background: url(images/menu/projekte.gif) no-repeat;
	background-position: 10px 0px;
}
ul.submenu li a#projekte:hover, ul.submenu li a#projekte:focus, ul.submenu li a.aktiv#projekte { background-position: 10px -10px; }


ul.submenu li a#historie {
	width: 69px;
	background: url(images/menu/historie.gif) no-repeat;
	background-position: 10px 0px;
}
ul.submenu li a#historie:hover, ul.submenu li a#historie:focus, ul.submenu li a.aktiv#historie { background-position: 10px -10px; }

ul.submenu li a#team {
	width: 69px;

	background: url(images/menu/team.gif) no-repeat;
	background-position: 10px 0px;
}
ul.submenu li a#team:hover, ul.submenu li a#team:focus, ul.submenu li a.aktiv#team { background-position: 10px -10px; }

ul.submenu li a#jobs {
	width: 69px;
	background: url(images/menu/jobs.gif) no-repeat;
	background-position: 10px 0px;
}
ul.submenu li a#jobs:hover, ul.submenu li a#jobs:focus, ul.submenu li a.aktiv#jobs { background-position: 10px -10px; }

ul.submenu li a#jobsProgrammierung {
	height: 12px;
	width: 105px;
	background: url(images/menu/jobsProgrammierung.gif) no-repeat;
	background-position: 10px 0px;
}
ul.submenu li a#jobsProgrammierung:hover, ul.submenu li a#jobsProgrammierung:focus, ul.submenu li a.aktiv#jobsProgrammierung { background-position: 10px -14px; }

ul.submenu li a#jobsFotografie {
	height: 12px;
	width: 105px;
	background: url(images/menu/jobsFotografie.gif) no-repeat;
	background-position: 10px 0px;
}
ul.submenu li a#jobsFotografie:hover, ul.submenu li a#jobsFotografie:focus, ul.submenu li a.aktiv#jobsFotografie { background-position: 10px -14px; }

ul.submenu li a#jobsMarketing {
	height: 12px;
	width: 105px;
	background: url(images/menu/jobsMarketing.gif) no-repeat;
	background-position: 10px 0px;
}
ul.submenu li a#jobsMarketing:hover, ul.submenu li a#jobsMarketing:focus, ul.submenu li a.aktiv#jobsMarketing { background-position: 10px -14px; }

ul.submenu li a#jobsMediendesign {
	height: 12px;
	width: 105px;
	background: url(images/menu/jobsMediendesign.gif) no-repeat;
	background-position: 10px 0px;
}
ul.submenu li a#jobsMediendesign:hover, ul.submenu li a#jobsMediendesign:focus, ul.submenu li a.aktiv#jobsMediendesign { background-position: 10px -14px; }

ul.submenu li a#jobsWebentwicklung {
	height: 12px;
	width: 105px;
	background: url(images/menu/jobsWebentwicklung.gif) no-repeat;
	background-position: 10px 0px;
}
ul.submenu li a#jobsWebentwicklung:hover, ul.submenu li a#jobsWebentwicklung:focus, ul.submenu li a.aktiv#jobsWebentwicklung { background-position: 10px -13px; }


ul.submenu li a#jobsStyling:hover, ul.submenu li a#jobsStyling:focus, ul.submenu li a.aktiv#jobsStyling { background-position: 10px -14px; }

ul.submenu li a#jobsStyling {
	height: 12px;
	width: 105px;
	background: url(images/menu/jobsStyling.gif) no-repeat;
	background-position: 10px 0px;
}
ul.submenu li a#jobsStyling:hover, ul.submenu li a#jobsStyling:focus, ul.submenu li a.aktiv#jobsStyling { background-position: 10px -13px; }


ul.submenu li a#jobsVerwaltung:hover, ul.submenu li a#jobsVerwaltung:focus, ul.submenu li a.aktiv#jobsVerwaltung { background-position: 10px -14px; }

ul.submenu li a#jobsVerwaltung {
	height: 12px;
	width: 105px;
	background: url(images/menu/jobsVerwaltung.gif) no-repeat;
	background-position: 10px 0px;
}
ul.submenu li a#jobsVerwaltung:hover, ul.submenu li a#jobsVerwaltung:focus, ul.submenu li a.aktiv#jobsVerwaltung { background-position: 10px -13px; }


ul.submenu li a#jobs3d:hover, ul.submenu li a#jobs3d:focus, ul.submenu li a.aktiv#jobs3d { background-position: 10px -14px; }

ul.submenu li a#jobs3d {
	height: 12px;
	width: 105px;
	background: url(images/menu/jobs3d.gif) no-repeat;
	background-position: 10px 0px;
}
ul.submenu li a#jobs3d:hover, ul.submenu li a#jobs3d:focus, ul.submenu li a.aktiv#jobs3d { background-position: 10px -13px; }



ul.submenu li a#news {
	width: 69px;
	background: url(images/menu/news.gif) no-repeat;
	background-position: 10px 0px;
}
ul.submenu li a#news:hover, ul.submenu li a#news:focus, ul.submenu li a.aktiv#news { background-position: 10px -10px; }

ul.submenu li a#serviceK2 {
	width: 69px;
	background: url(images/menu/k2.gif) no-repeat;
	background-position: 10px 0px;
}
ul.submenu li a#serviceK2:hover, ul.submenu li a#serviceK2:focus, ul.submenu li a.aktiv#serviceK2 { background-position: 10px -10px; }


ul.submenu li a#serviceDemagUser {
	width: 99px;
	background: url(images/menu/cumulus_user.gif) no-repeat;
	background-position: 10px 0px;
}
ul.submenu li a#serviceDemagUser:hover, ul.submenu li a#serviceDemagUser:focus, ul.submenu li a.aktiv#serviceDemagUser { background-position: 10px -10px; }


ul.submenu li a#serviceDemagDatenbank {
	width: 99px;
	background: url(images/menu/serviceDemagDatenbank.gif) no-repeat;
	background-position: 10px 0px;
}
ul.submenu li a#serviceDemagDatenbank:hover, ul.submenu li a#serviceDemagDatenbank:focus, ul.submenu li a.aktiv#serviceDemagDatenbank { background-position: 10px -10px; }


ul.submenu li a#serviceDemag {
	width: 99px;
	background: url(images/menu/demag.gif) no-repeat;
	background-position: 10px 0px;
}
ul.submenu li a#serviceDemag:hover, ul.submenu li a#serviceDemag:focus, ul.submenu li a.aktiv#serviceDemag { background-position: 10px -10px; }

ul.submenu li a#serviceKundendatenbanken {
	width: 115px;
	background: url(images/menu/kundendatenbanken.gif) no-repeat;
	background-position: 10px 0px;
}
ul.submenu li a#serviceKundendatenbanken:hover, ul.submenu li a#serviceKundendatenbanken:focus, ul.submenu li a.aktiv#serviceKundendatenbanken { background-position: 10px -10px; }


/* ************** History ******************* */


ul.submenu li a#history {
	width: 115px;
	background: url(images/menu/history.gif) no-repeat;
	background-position: 10px 0px;
}
ul.submenu li a#history:hover, ul.submenu li a#history:focus, ul.submenu li a.aktiv#history { background-position: 10px -10px; }


ul.submenu li a#history_50er {
	width: 115px;
	background: url(images/menu/history_50er.gif) no-repeat;
	background-position: 10px 0px;
}
ul.submenu li a#history_50er:hover, ul.submenu li a#history_50er:focus, ul.submenu li a.aktiv#history_50er { background-position: 10px -10px; }

ul.submenu li a#history_60er {
	width: 115px;
	background: url(images/menu/history_60er.gif) no-repeat;
	background-position: 10px 0px;
}
ul.submenu li a#history_60er:hover, ul.submenu li a#history_60er:focus, ul.submenu li a.aktiv#history_60er { background-position: 10px -10px; }

ul.submenu li a#history_70er {
	width: 115px;
	background: url(images/menu/history_70er.gif) no-repeat;
	background-position: 10px 0px;
}
ul.submenu li a#history_70er:hover, ul.submenu li a#history_70er:focus, ul.submenu li a.aktiv#history_70er { background-position: 10px -10px; }

ul.submenu li a#history_80er {
	width: 115px;
	background: url(images/menu/history_80er.gif) no-repeat;
	background-position: 10px 0px;
}
ul.submenu li a#history_80er:hover, ul.submenu li a#history_80er:focus, ul.submenu li a.aktiv#history_80er { background-position: 10px -10px; }

ul.submenu li a#history_90er {
	width: 115px;
	background: url(images/menu/history_90er.gif) no-repeat;
	background-position: 10px 0px;
}
ul.submenu li a#history_90er:hover, ul.submenu li a#history_90er:focus, ul.submenu li a.aktiv#history_90er { background-position: 10px -10px; }

ul.submenu li a#history_2000 {
	width: 115px;
	background: url(images/menu/history_2000.gif) no-repeat;
	background-position: 10px 0px;
}
ul.submenu li a#history_2000:hover, ul.submenu li a#history_2000:focus, ul.submenu li a.aktiv#history_2000 { background-position: 10px -10px; }


/* ************** LOGO ******************* */
h1#logo {
	position: absolute;
	top: 7px;
	right: 20px;
	width: 280px;
	height: 23px;
	background-image: url('images/kaletsch_logo.gif');
	background-repeat: repeat-x;
	z-index: 3;
}

/* ====================================================================================================== */
/* Text Feld */
/* ====================================================================================================== */

div#inhalt {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 2;
}

div.textField {
	position:	absolute;
	left:		120px;
	top:		80px;
	z-index:	10;
}

div.textField .textFieldTop {
	width: 442px;
	height: 67px;
	background-image: url('images/textfield_top.png');
	background-repeat: no-repeat;

}

div.textField .textFieldMiddle {
	width: 442px;
	background-image: url('images/textfield_middle.png');
	background-repeat: repeat-y;
}

div.textField .textFieldMiddle .content {
	margin: auto;
	width: 375px;
	padding: 0px;
	line-height: 14px;
	text-align: left;
}

div.textField .textFieldMiddle .content div.headline {
	font-weight: 900;
	font-size: 11px;
	margin-bottom: 10px;
	color:#666666;
}

div.textField .textFieldMiddle .content div.text {

}

div.textField .textFieldBottom {
	width: 442px;
	height: 77px;
	background-image: url('images/textfield_bottom.png');
	background-repeat: no-repeat;
}

/* ====================================================================================================== */
/* Text Feld History																						  */
/* ====================================================================================================== */


div.textField .textFieldMiddleHistory {
	width: 520px;
	text-align: center;
}

div.textField .shadowTop {
	height: 10px;
	width: 550px;

	background-image: url('images/ueberuns/history/shadowBorderTop.png');
	background-repeat: no-repeat;
}

div.textField .shadowMiddle {
	float:left; height: 420px; width:10px;
	background-image: url('images/ueberuns/history/shadowBorderMiddle.png');
	background-repeat: no-repeat;
}

div.textField .shadowBottom {
	height: 10px;
	width: 550px;

	background-image: url('images/ueberuns/history/shadowBorderBottom.png');
	background-repeat: no-repeat;
}


/*################################################################################################################## */
/*#### IMAGE SLIDE ################################################################################################# */
/*################################################################################################################## */

/*Allgemein*/
div.slide_container {
	position: absolute;
	left: 140px;
	top: 80px;
	z-index: 12;
}

div.slide_container div.image {
	border: 0px solid #000000;
	margin-right: 0px;
	margin-bottom: 8px;

	float: left;
}

div.thumbnailContainer {
	background-color: #FFFFFF;
	border: 0px solid #C0C0C0;
	position: absolute;
	left: 140px;
	top: 500px;
	width: auto;
	height: auto;
	z-index: 13;
}

div.thumbnailContainer div.thumbnail {
	background-repeat: no-repeat; margin: 2px;
	float: left; display: block; width: 30px; height: 30px; border: 1px solid #000000;
}

img.slideImage {
	border: 1px solid #000000; float: left;
}

div.descriptionImageSlide {
}

div.descriptionImageSlide .content {
}

div.descriptionImageSlide .content strong {
	font-size: 11px;
	color: #666666;
	font-weight: 900;
}

div.descriptionImageSlide .content em {
	font-size: 11px;
	color: #909090;
	font-weight: 100;
	font-style: normal;
}

/* Image-Beschreibung Medienbvorstufe */
div.descriptionMVImageSlide {
	position: absolute; top: 0px ;right: -210px; width: 200px; height: 100px; border: 0px solid #000000; z-index: 12; font-size: 11px;
}

/* Programmierung */
div.descriptionPRImageSlide {
	position: absolute;
	right: 20px;
	top: 70px;
	width: 300px;
	border: 0px solid #000000;
	padding: 5px; z-index: 13;
}

div.descriptionPRImageSlideHeadline {
	color:#606060; letter-spacing: 1px; font-size: 11px; margin-bottom: 10px
}

div.descriptionPRImageSlideContent {
	color: #303030; letter-spacing: 0px; font-size: 11px;
}

div.imagePR {
	position: absolute; left: 140px; top: 80px; border: 1px solid #000000; overflow: hidden; height: 400px; width: 490px; z-index: 12;
}

/*################################################################################################################## */
/*#### IMAGE SLIDE ################################################################################################# */
/*################################################################################################################## */

table.slideTable {
	border: 0px;
	padding: 0px;
	margin:	0px;
	border-collapse: collapse;
}

table.slideTable td {
	border: 0px solid #000000;
}

table.slideTable td.shadowTopLeft {
	background-image: url();
}

table.slideTable td.shadowTop {
	background-image: url('images/image_shadows/shadow_top.png');
	height: 4px;
}

table.slideTable td.shadowTopRight {
	background-image: url();
}

table.slideTable td.shadowLeft {
	background-image: url('images/image_shadows/shadow_left.png');
	width: 4px;
}

table.slideTable td.shadowRight {
	background-image: url('images/image_shadows/shadow_right.png');
	width: 6px;
}

table.slideTable td.shadowBottomLeft {
	background-image: url();
}

table.slideTable td.shadowBottom {
	background-image: url('images/image_shadows/shadow_bottom.png');
	height: 6px;
}

table.slideTable td.shadowBottomRight {
	background-image: url('images/image_shadows/shadow_bottom_right.png');
	height: 8px;
	width:	6px;
}

/*################################################################################################################## */
/*#### NEWS ################################################################################################# */
/*################################################################################################################## */

div.newsLarge {
	position: absolute; left: 200px; top: 100px; height: 400px; z-index: 200;
}



div.newsLarge div.newsContainer {
	padding: 10px;
	background-color: #FFFFFF;
	border: 1px solid #707070;
}

div.newsLarge div.newsInnerContainer {
	width: 350px;
}

div.newsLarge div.newsHeadline {
	padding-left: 10px; padding-right: 10px; font-size: 11px;
}

div.newsLarge div.newsContent {
	line-height: 15px;
	margin-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 11px;
}

div.newsSmallContainer {
	position: absolute; right: 30px; top: 250px; height: 70px; width: 530px; border: 0px solid #000000; z-index: 30; overflow: hidden;
}

div.newsSmallContainer div.newsPlaceholder {
	float: left; border: 0px solid #000000; width: 170px;
}

div.newsSmallInnerContainer {
	float: left; width: 170px; height: 70px;
}

span.newsSmallHeadline {
	font-weight: 900; color: #666666;
}


/*################################################################################################################## */
/*#### ARCHIVE ################################################################################################# */
/*################################################################################################################## */

div.archiveContainer {
	position: relative;
	left: 756px;
	top: 340px;
	width: 165px;
	height: 131px;
	border: 0px solid black;

	z-index: 100;

	background-image: url(images/archive_bg.png);
	background-repeat: no-repeat;
}

div.archiveContainer h4 {
	position: absolute;
	left: 8px;
	top: 10px;
	width: 75px;
	height: 13px;
	border: 0px solid black;

	z-index: 100;

	background-image: url(images/archive_text_rueckblicke.png);
	background-repeat: no-repeat;

	text-indent: -999em;
	overflow: hidden;
}

div.archiveContainer a {
	font-weight: 900;
	font-size: 10px;
}

div.archiveContainer a:link, div.archiveContainer a:visited {
	color: #a0a0a0;
}

div.archiveContainer a:hover {
	color: #606060;
}

div.archiveContainer a.archive {width: 11px; height: 11px; position: absolute; left: 133px; display: block}

div.archiveContainer a.archive:link, div.archiveContainer a.archive:visited {opacity: 0.3;}
div.archiveContainer a.archive:hover {opacity: 0.9;}

div.archiveContainer a.archive.prevPage {top: 35px; background-image: url(images/archive_button_up.png); background-repeat: no-repeat; opacity: 0.5}
div.archiveContainer a.archive.prevPage:hover {opacity: 0.9;  cursor: pointer;}
div.archiveContainer a.archive.nextPage {top: 100px; background-image: url(images/archive_button_down.png); background-repeat: no-repeat; opacity: 0.5}
div.archiveContainer a.archive.nextPage:hover {opacity: 0.9; cursor: pointer;}

div.scrollable div.items {
	position: absolute;
	height:20000em;
}

/*################################################################################################################## */
/*#### INHALTE ##################################################################################################### */
/*################################################################################################################## */

/*#### Home ################################################# */

h1#pulszeit {
	position: absolute;
	left: 29px;
	top: 422px;
	background-image: url(images/am_puls_der_zeit.png);
	background-repeat: no-repeat;
	height: 27px;
	width: 331px;
}

div#pulsimage {
	position: absolute;
	left: 370px;
	top: 33px;
	background-image: url(images/puls.gif);
	background-repeat: no-repeat;
	height: 519px;
	width:	582px;
	z-index: 2;
}

div#home_bg { position:absolute; top:55px;left:20px;}

table#news_home {
	position:absolute;
	margin-left:0px;
	width: 180px;

	vertical-align:middle;
	z-index: 2;
}

.news_text_home {padding:0px 10px 10px 10px;width:140px; height:70px;background-image:url(images/news_bg.gif); font-size:9px;}

div.news_top {
	width: 159px;
	height: 16px;
	padding-left: 10px;
	background-image:url('images/newsticker_bg_top.png');
	background-repeat: no-repeat;
	font-size: 10px;
	color: #909090;
	z-index: 2;
}

a.news_middle {
	width: 159px;
	padding: 0px 0px 0px 10px;
	background-image:url('images/newsticker_bg_middle.png');
	background-repeat: repeat-y;
	z-index: 2;
	/*color: #707070;*/
}

div.news_bottom {
	width: 159px;
	height: 16px;
	background-image:url('images/newsticker_bg_bottom.png');
	background-repeat: no-repeat;
	margin-bottom: 15px;
	z-index: 2;
}


.home_clear { clear: left; height:0px; }
.date { font-size:8px; color:#999999;}

/*##### Kreation  ################################################# */

div#background_creation {
	position: absolute;
	right: 0px;
	bottom: 0px;
	width: 818px;
	height: 457px;
	background-image:url('images/background_kreation.jpg');
	background-repeat: no-repeat;
	z-index: 3;
}


a#notaxLink {
	position:absolute; left: 32px; top: 61px; z-index: 20; border: 0px solid #000000;
	display: block; width: 151px; height: 31px; background-image: url(images/kreation/nota-x_link.gif);
}


/*#### Foto  ################################################# */

div#background_fotografie {
	position: absolute;
	right: 0px;
	bottom: 0px;
	width: 974px;
	height: 491px;
	background-image:url('images/background_fotografie.gif');
	background-repeat: no-repeat;
	z-index: 3;
}


/*#### medienvorstufe  ################################################# */

div#background_medienvorstufe {
	position: absolute;
	right: 0px;
	bottom: 0px;
	width: 974px;
	height: 442px;
	background-image:url('images/background_medienvorstufe.gif');
	background-repeat: no-repeat;
	z-index: 3;
}

/*#---- Team  --------------------------------------- */
/*#---- Leistungen  --------------------------------------- */



/*#### programmierung  ################################################# */

div#background_programmierung {
	position: absolute;
	right: 0px;
	bottom: 0px;
	width: 974px;
	height: 491px;
	background-image:url('images/background_programmierung.gif');
	background-repeat: no-repeat;
	z-index: 3;
}

/*#---- Team  --------------------------------------- */
/*#---- Leistungen  --------------------------------------- */


/*#### produktion  ################################################# */

div#background_produktion {
	position: absolute;
	right: 0px;
	bottom: 0px;
	width: 974px;
	height: 513px;
	background-image:url('images/background_produktion.gif');
	background-repeat: no-repeat;
	z-index: 3;
}

/*#---- Team  --------------------------------------- */
/*#---- Leistungen  --------------------------------------- */



/*#### Über uns  ################################################# */

/*#---- Historie  ----------------------------------- */
/*#---- Team  --------------------------------------------------- */
div#team_bilder {width:auto; list-style:none; clear:both; }
.team_spalte {
	float: left;
	margin-right:20px;
	height:230px;
	width:160px;
	overflow:hidden;
}

div#team_bilder img { border-bottom:#66CCFF solid 5px;border-top:#66CCFF solid 5px;}

/*#### services  ################################################# */


/*#---- Kundendatenbanken  --------------------------------------- */

div.serviceContainer {
	height: 380px; width: 800px; overflow: auto; position: absolute; left: 40px; top: 100px;
}

table.serviceUserTable {
	border-collapse: collapse;position: absolute; left: 220px; border: 0px solid #000000; width: 300px;
}

table.serviceUserTable th {
	text-align: left;
}

table.serviceUserTable td {
	width: 150px; padding: 4px; border: 0px; border-bottom: 1px solid #909090;
}

div.loginField {
	position: absolute; border: 1px solid #c0c0c0; background-color: #FFFFFF; height: 200px; width: 400px; left: 320px; top: 150px
}

div.loginField h1 {
	margin-left: 50px; margin-top: 20px;
}

div.loginField div.formField {
	text-align: center;
	margin-left: 50px;
	position: absolute;
	border: 0px solid #000000;
	margin-top: 20px;
	width: 300px;
}

div.loginField div.formField div.buttons {
	margin-top: 10px;
}

div.loginField div.formField div.erroer {
	color: #CC0000;
}

/*#### Jobs  ################################################# */

div#jobs_main { margin-left:300px;padding-top:20px;  width:450px;  overflow:auto; z-index:5; }
.jobs_head { margin-bottom:0px; width:400px; padding-left:40px; background-color:#d5e0ba; z-index:3; }
.jobs_text {width:360px; margin-left:50px;padding:20px; line-height:14px; clear:both; }

/*#### Partner  ################################################# */



/*#### Kontakt  ################################################# */





img.fade {
	margin-top: 3px;
}

div.kontakt {
	position: absolute; top: 67px; left: 20px; height: 470px; width: 529px;
}