/*
Description: Aixhibit.com CSS-Theme (Screen)
Version: 2009.5

Author: AIXhibit media services KG, i. A. Pawel Strzyzewski
Author URI: http://www.aixhibit.com
*/

/* Constants ________________________________________________________________________

#fff =  '#fff';
#333 = '#333';


#d5d445 = '#d5d445';
#a7be39 = '#a7be39';
#527798 = '#527798';

#333 = '#333';
#666 = '#666';
#808080 = '#808080';
#d0d0d0 = '#d0d0d0';
#eee = '#eee';

arial, helvetica, sans-serif = 'arial, helvetica, sans-serif'; // für überschriften
"Franklin Gothic Medium", Tahoma, "Trebuchet MS", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif = '"Franklin Gothic Medium", Tahoma, "Trebuchet MS", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif'; // für fließtexte
tahoma, arial, helvetica, verdana, geneva, sans-serif = 'tahoma, arial, helvetica, verdana, geneva, sans-serif'; // kleine texte unter fließtextgröße

_________________________________________________________________________________ */


@import url(veranstaltungen.css);

/* _________________________________________________________________________________ */
/* Basic Stuff */
/* _________________________________________________________________________________ */

html {
	margin-bottom: 0em;
	width:100%;
	height:100%;

	margin-top:0px;

	background: #fff;
}

* {
	margin: 0;
	padding: 0;
	font-family: "Franklin Gothic Medium", Tahoma, "Trebuchet MS", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
	border: none;

}



body {
	color: #666;
	background: url(../_images/breit_streifen.gif) 0px 0px #fff repeat-x;

	font-size: 13px;
	line-height: 1.6em;

	text-align: left;
/*	padding: 25px 0 0 0; */
	padding: 0;
	margin: 0 auto 0 auto;

}
body.jobs { background: url(../_images/breit_streifen_blau.gif) 0px 0px #fff repeat-x; }
.noborder {
	border:none !important;
}


/* _________________________________________________________________________________ */
/* Layout-Boxen */
/* _________________________________________________________________________________ */

#container {
	width: 910px;
	background:transparent;
	margin: 0px auto 0px auto;
	border:0px solid black;

	position:relative;

}
div.bread {
	height:25px;
	text-align:right;
}
div.bread a:link, div.bread a:visited {
	color:#666666;
	font-size:12px;
	margin-left:10px;
	text-decoration:none;
	border: 0;
}

div.bread a:hover, div.bread a:active { text-decoration:underline; }
#head {
	height:151px;
	overflow:hidden;
}



#navi {

	background:transparent;
	width:910px;
	height:39px;
	margin-bottom:35px;
}

#content {
	text-align: left;
	background:transparent;

	display:block;

	border:0px solid black;

	height:100%;
}

/* _________________________________________________________________________________ */
/* Footer */
/* _________________________________________________________________________________ */

#footer {

	width:100%;

	color:#808080;

	background:url(../_images/footer_voll.gif) repeat-x #333;
	margin:0 auto 0 auto;

	font-family:tahoma, arial, helvetica, verdana, geneva, sans-serif;
	font-size:0.9em;


}

#footer div.vollebreite {
	clear:both;
	width:910px;
	margin:0 auto 0 auto;

	padding:0 20px 0 20px;

	background:url(../_images/footer_mitte.gif) no-repeat #333;

	height:600px;
}

#footer_spacer {
	clear:both;
	height:40px;
	width:100%;
}

#footer p, #footer table td {
	font-family:tahoma, arial, helvetica, verdana, geneva, sans-serif;
	font-size:0.9em;
	line-height:1.4em;

}

#footer table {
	margin-left:5px;
}

#footer p {
	padding:0 5px 0 5px;
	margin:0.5em 0 1.8em 0;
	width:90%;
}


#footer h3 {
	font-family: arial, helvetica, sans-serif;
	text-transform:uppercase;
	font-size:0.85em;

	color:#eee;

	padding:0 0 0.1em 5px;
	margin:0 5px 0 0;

	border-bottom:1px dotted #666;
}


#footer #ueber-aixhibit .links {
	clear:both;
	width:165px;
}

#footer #ueber-aixhibit .rechts {
	width:390px;
}


#footer a, #footer a:visited {
	font-family:tahoma, arial, helvetica, verdana, geneva, sans-serif;
	color:#666;
	border-bottom:1px dotted #444;
}

#footer a:hover, #footer a:active {
	font-family:tahoma, arial, helvetica, verdana, geneva, sans-serif;
	color:#d0d0d0;
	border-bottom:1px dotted #a7be39;
}


/* _________________________________________________________________________________ */
/* Spalten und Boxen im Contentbereich */
/* _________________________________________________________________________________ */

.rand {
	border:1px solid #CCCCCC;
}

.vollebreite {
	clear:both;
	margin:0;
	padding:0;

	width:910px;
}

.breaker {
	clear:both;
	height:39px;
}

.rechts {
	float:right;

}

.links {
	float:left;

}


.zweidrittel {
	margin:0;
	padding:0;
	width:600px;
}

.eindrittel {
	margin:0;
	padding:0;
	width:300px;
}

.center {
	text-align:center;
}

.mittelteil {
	width:290px;
	margin-left:10px;

}


#content div.infobox {
	float:left;
	margin:0 !important;
	padding:0 !important;

	height:270px;
	width:300px;

	color:#fff;

	position:relative;
}

#content div.infobox.middle {
	margin:0 10px 0 10px !important;
	width:290px;
}


/* _________________________________________________________________________________ */
/* Wechselnde Inhalte und Infoboxen */
/* _________________________________________________________________________________ */

#content div.infobox.ausbildung { width: 290px; background: url(../_images/box_blau.jpg) no-repeat #527798; }

#content div.infobox.festanstellung { width: 290px; background: url(../_images/box_hgruen.jpg) no-repeat #d5d445; margin:0 10px !important; }

#content div.infobox.selbststaendig { width: 290px; background: url(../_images/box_grau.jpg) no-repeat #666; }

#content div.infobox.praktikum { width: 290px; background: url(../_images/box_dgruen.jpg) no-repeat #a7be39; margin:0 10px !important; }

.infobox.website {
	background: url(../_images/ihre-website.jpg) no-repeat #527798;
}

.infobox.website-klein {
	background: url(../_images/ihre-website-klein.jpg) no-repeat #527798;
	top:45px;
}

.infobox.webshop {
	background: url(../_images/ihr-webshop.jpg) no-repeat #a7be39;
}

.infobox.webshop-klein {
	background: url(../_images/ihr-webshop-klein.jpg) no-repeat #a7be39;
	top:45px;
}

.infobox.google {
	background: url(../_images/google-marketing.jpg) no-repeat #666;
}

.infobox.google-klein {
	background: url(../_images/google-marketing-klein.jpg) no-repeat #666;
	top:45px;
}


.infobox h3 {
	font-family: arial, helvetica, sans-serif;

	text-transform: uppercase;
	font-weight:bold;
	font-size:1.1em;
	line-height:1em;

	float:right;
	text-align:right;

	width:150px;

	position:absolute;
	top:25px;
	right:20px;
}

.infobox p {
	position:absolute;
	right:20px;
	top:115px;

	line-height:1.1em;

	text-align:right;
	width:150px;

	padding:0 !important;
	margin:0 !important;
}
.infobox a, .infobox a:visited, form.buttonAnmelden input.button {
	display:block;
	height:27px;
	width:130px;

	position:absolute;
	right:19px;
	bottom:25px;


	background: url(../_images/button_back.gif) repeat-x #666 !important;
	color: #fff !important;
	border:1px solid #d0d0d0 !important;

	font-weight:normal;
	text-transform:uppercase;
	line-height:25px;
	letter-spacing:0px;
	text-align:center;

	font-size:0.85em;
}
form.buttonAnmelden input.button {
	position: relative;
	right: 0;
	bottom: 0;
}
.infobox.selbststaendig a, .infobox.selbststaendig a:visited {
	width:190px;
}
.infobox.ausbildung a, .infobox.ausbildung a:visited {
	width:240px;
}
.infobox.praktikum a, .infobox.praktikum a:visited {
	width:190px;
}
.infobox.festanstellung a, .infobox.festanstellung a:visited {
	width:190px;
}
.infobox a:hover, .infobox a:active, form.buttonAnmelden input.button:hover {
		background: url(../_images/button_back_on.gif) repeat-x #808080 !important;
		color: #333 !important;
}


/* _________________________________________________________________________________ */
/* Navigation */
/* _________________________________________________________________________________ */

#navi ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

#navi li {
	display:block;
	float:left;
	margin:0;
	padding:0;

}

#navi li a, #navi li a:visited {

	display:block;

	margin:0px;
	padding:0 0 0 0px;
	border:none;

	height:39px;
	width:149px;
	border-right:1px solid white;

	background: url(../_images/navi_button_off_dark.gif) repeat-x #808080;
	color: #fff;

	font-weight:normal;
	text-transform:uppercase;
	line-height:39px;
	letter-spacing:1px;
	text-align:center;

	font-size:0.9em;
}

#navi li a:hover , #navi li a:active {
	background: url(../_images/navi_button_on_light.gif) repeat-x #d0d0d0;
	color: #333;

}

#navi li a.wide {
	width:159px;
}

#navi li a.noborder {
	border:none;
	width:150px;
}

/* _________________________________________________________________________________ */
/* SUB-Navigation */
/* _________________________________________________________________________________ */

#subnavi {
	position:absolute;
	height:150px;
	width:910px;

	top:-200px;
	left:0px;

	padding:0 0 0 0;
	margin:0 0 0 0;
	margin-top: 25px;
	
	z-index:200;

	display:block;

	background:#eee;

	/*border-left:1px solid #d0d0d0;
	border-right:1px solid #d0d0d0;
	*/
}

#subnavi ul {
	float:left;
	list-style-type:none;
	padding:5px 0 0 10px;
	margin:0;
	width:139px;
	height:145px;

	background:transparent;

	border-right:1px dotted #d0d0d0
}

#subnavi ul.wide {
	width:149px;
}

#subnavi ul.right {
	border:none;
}

#subnavi ul li {
	display:block;
	float:left;
	clear:left;

	padding:0;
	margin:0;
}

#subnavi li a, #subnavi li a:visited {

	padding:0 0 0 3px;
	margin:0 0 1px 0;

	display:block;
	border:none;

	width:125px;

	background: transparent;
	color: #808080;

	height:17px;

	line-height:16px;

	font-family:tahoma, arial, helvetica, verdana, geneva, sans-serif;
	font-weight:normal;
	text-transform:none;
	font-size:0.85em;
	letter-spacing:0px;
	text-align:left;

}



#subnavi li a:hover, #subnavi li a:active {
	background:transparent;
	color:#333;
	text-decoration:none;
	font-weight:normal;

	border-bottom:1px solid #d0d0d0 !important;
	margin:0;
}



#subnavi ul li a.first, #subnavi ul li a.first:visited {
	display:block;

	border-bottom:1px dotted #666;

	height: 20px;
	margin-bottom:4px;

	color:#666;
	background:transparent;

	font-family: arial, helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	font-size:0.85em;
	letter-spacing:0px;
	text-align:left;
}

#subnavi ul li a.first:hover, #subnavi ul li a.first:active {

	color:#333;
	background:transparent;
	margin-bottom:4px;
	border-bottom:1px solid #333 !important;

	font-weight:bold;
	text-decoration:none;


}


/* _________________________________________________________________________________ */
/* Überschriften */
/* _________________________________________________________________________________ */

h2 {
	height:50px;
	padding-top:20px;
	padding-left:5px;

	background: url(../_images/raster_streifen_hellgrau.gif) 0px 45px repeat-x transparent;
	font-family: arial, helvetica, sans-serif;

/* 	text-transform: uppercase; */
	font-weight:bold;
	font-size:1.1em;

	clear:both;

}

h2.gruen {
	background: url(../_images/raster_streifen_hellgrau.gif) 0px 45px repeat-x transparent;
	color:#a7be39;
}

h2.hellgruen {
	background: url(../_images/raster_streifen_hellgruen.gif) 0px 45px repeat-x transparent;
	color:#d5d445;
}

h2.blau {
	background: url(../_images/raster_streifen_hellgrau.gif) 0px 45px repeat-x transparent;
	color:#527798;
}

h2.grau {
	background: url(../_images/raster_streifen_mittelgrau.gif) 0px 45px repeat-x transparent;
	color:#808080;
}

/* _________________________________________________________________________________ */
/* Text-Formate */
/* _________________________________________________________________________________ */


/* LINKS */
a:link, a:visited {
	color: #a7be39;
	text-decoration: none;
	font-weight:normal;
	border-bottom:1px dotted #808080;
	padding:0 2px 0 1px;
}

a:hover, a:active {
	color:#666;
	background:transparent;
	border-bottom:1px solid #a7be39;
}


a.silent, a.silent:visited, a.silent:hover, a.silent:active {
	border:none !important;
	background:transparent !important;
	color:#666;
}


/* AUSZEICHNUNGEN */

strong {
	background:transparent;
	font-family: arial, helvetica, sans-serif;
}

em {
	font-style:italic;
}

em.gesperrt {
	letter-spacing:1px;
}

.uppercase {
	text-transform:uppercase;
}
/* LISTEN */

#content ol, #content ul {
	list-style-type:circle;
	list-style-position:outside;
	margin:0 0 0 2.2em;
	padding:0;
	/*color:#808080;*/
	color: #666;

	clear:both;

}


/* BILDER und andere INLINE-ELEMENTE */
img.rechtsbild {
	float:right;
	vertical-align: text-top;
}

img.linksbild {
	float:left;
	vertical-align: text-top;
}



/* ABSATZ-FORMATIERUNGEN */
#content div p {
	padding:0 5px 0 5px;
	float:left;
}



/* FARBKLASSEN */
.light {
	color:#808080 !important;
}

.white {
	color:#fff !important;
}

.hell {
	color:#eee !important;
}

.blau {
	color:#527798 !important;
}

.gruen {
	color:#a7be39 !important;
}

.hellgruen {
	color:#d5d445 !important;
}

/* TABELLEN */
#content table.auflistung td {
	border-bottom:1px solid #d0d0d0;
	height:62px;
	vertical-align:middle;
	padding:0;
	color:#808080;

	font-style:normal;

}

#content table.auflistung td.number {

	width:105px;

	color:#eee;

	font-size:50px;
	line-height:50px;

	font-family:arial, helvetica, sans-serif;
	font-style:normal;
	font-weight:bold;

	text-align:left;


}

#content table.news td, #content table.jobs td  {
	background:url(../_images/weissverlauf.png) repeat-x;

}

#content table.jobs td  {
	padding:0 0 0 10px;
}


#content table.auflistung td.date, #content table.auflistung.jobs td.jobtype, #content table.auflistung.jobs td.jobtypej  {
	width:67px;
	text-align:center;

	font-size:0.8em;
	vertical-align:middle;

	line-height:1.1em;

}
#content table.auflistung.news td.bEntry { width: 233px; }
#content table.auflistung.jobs td.jobtype, #content table.auflistung.jobs td.jobtypej  {
	color:#eee;
	text-transform:uppercase;
	background:url(../_images/blauverlauf.jpg) repeat-x 0px -2px;
	border:none;
	padding:0;
}
#content table.auflistung.jobs td.jobtypej  {
	background:url(../_images/blauverlaufneu.jpg) repeat-x 0px -2px;
	width: 85px;
	height: 65px;
}

#content table.jobs a, #content table.jobs a:visited {
	color:#527798;
}

#content table.jobs a:hover, #content table.jobs a:active {
	border-bottom:1px solid #527798;
	color:#808080;
}


/* _________________________________________________________________________________ */
/* Formular-Elemente */
/* _________________________________________________________________________________ */



/* _________________________________________________________________________________ */
/* Carola Wagner samt IE-Hacks und Telefonnummer */
/* _________________________________________________________________________________ */
#caro, #caroIE {

	position: absolute;
	z-index:100;

	top:198px;
	right:150px;
}

#telefon, #telefonIE {

	position: absolute;
	/*z-index:100;*/

	
	/*top:217px;*/
	top:225px;
	right:155px;
}

#rufmichan {

	position: absolute;
	/*z-index:100;*/

	/*top:220px;*/
	top:228px;
	right:15px;

	font-family: arial, helvetica, sans-serif;
	font-weight:bold;
	text-transform: none;
	font-size:1.2em;
	line-height:1.0em;

}

#rufmichan span.light {
	font-family: arial, helvetica, sans-serif;
}

* html #caro, * html #telefon
{
	display: none;
	visibility:hidden;
}

#caroIE, #telefonIE
{
	display: none;
	visibility:hidden;
}

* html #caroIE, * html #telefonIE
{
	display: block;
	visibility:visible;
}