/**
	MAINCSS FILE FOR IQ2.AT

	Developed by IQ2.AT MAY 2007
	Copyright by IQ2.AT MAY 2007
		
	Projectfacts: 
	
	Main-Release: May / June 2007
	
	Have fun!
*/	


/**
  ======================================================
	LAYOUT SPECIFIC STYLESHEET DEFINITIONS
  ======================================================
*/
body {
	border: 0;
	margin: 45px 0 10px 0;
	padding: 0;
	background: #EFEFEF url(../images/bgdark.gif) repeat-x top left;	
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
	color: #333333; 
	text-align: center;
	line-height: 16px;
}


/**
  ======================================================
	COMMON STYLESHEET DEFINITIONS
  ======================================================
*/	
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	font-weight: bold;
	margin: 15px 0 15px 0;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	font-weight: bold;
	margin: 15px 0 15px 0;
}

h3.error {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFF;
	font-weight: bold;
	border: 0;
	margin: 15px 0 15px 0;
	padding: 5px 5px 5px 10px;
	background-color: #D3002A ;
}

h3.success {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFF;
	font-weight: bold;
	border: 0;
	margin: 15px 0 20px 0;
	padding: 5px 5px 5px 10px;
	background-color: #1BBA50;
}

strong.normal {
	font-weight: normal;
}

/**
  ======================================================
    COMMON STYLES FOR LINKS
  ======================================================
*/ 
a { outline-width:0px }

a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: underline;
	color: #333;
}

a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: underline;	
	color: #333;
}

a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: underline;
	color: #000;
}

a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: underline;	
	color: #333;
}

/**
  ======================================================
	MAINWRAPPER & LOGO GRID
  ======================================================
*/
#mainwrapper {
  width: 940px;
  margin: 0 auto;
  border: 0;
  padding: 0;
  text-align: left;
}

#logo {
	width: 85px;
	height: 85px;
	margin: 0 0 15px 103px;
	padding: 0;
	border: 0;
	display: inline;
	float: left;
}

/**
  ======================================================
	NAVIGATION GRID & CSS ROLLOVERS
  ======================================================
*/
#navigation {
	margin: 52px 0 0 127px;
	padding: 0;
	border: 0;
	width: 600px;
	height: 13px;
	float: left;
}

#mainnavlist { 	
	width: 600px;
	height: 13px;
	padding: 0;
	border: 0;
	margin: 0;
}

ul#mainnavlist li {
	float: left;
}

#mainnav01a, #mainnav02a, #mainnav03a, #mainnav04a, #mainnav05a, #mainnav06a {
	display: block;
	width: 76px;
	height: 13px;
	margin: 0;
	padding: 0 0 0 40px;
	background: url(../images/nav/leistungen_on.gif) no-repeat 0px;
}

#mainnav01a { background-image: url(../images/nav/leistungen_off.gif); }
#mainnav02a { background-image: url(../images/nav/referenzen_off.gif); width: 80px; }
#mainnav03a { background-image: url(../images/nav/partner_off.gif); width: 57px; }
#mainnav04a { background-image: url(../images/nav/jobs_off.gif); width: 30px; }
#mainnav05a { background-image: url(../images/nav/kontakt_off.gif); width: 57px; }
#mainnav06a { background-image: url(../images/nav/impressum_off.gif); width: 76px; padding: 0; }

a#mainnav01a:hover { background-image: url(../images/nav/leistungen_on.gif); }
a#mainnav02a:hover { background-image: url(../images/nav/referenzen_on.gif); }
a#mainnav03a:hover { background-image: url(../images/nav/partner_on.gif); }
a#mainnav04a:hover { background-image: url(../images/nav/jobs_on.gif); }
a#mainnav05a:hover { background-image: url(../images/nav/kontakt_on.gif); }
a#mainnav06a:hover { background-image: url(../images/nav/impressum_on.gif); }

body.leistungen #mainnav01a { background-image: url(../images/nav/leistungen_on.gif); }
body.referenzen #mainnav02a { background-image: url(../images/nav/referenzen_on.gif); }
body.partner    #mainnav03a { background-image: url(../images/nav/partner_on.gif); }
body.jobs       #mainnav04a { background-image: url(../images/nav/jobs_on.gif); }
body.kontakt    #mainnav05a { background-image: url(../images/nav/kontakt_on.gif); }
body.impressum  #mainnav06a { background-image: url(../images/nav/impressum_on.gif); }

/**
  ======================================================
	HEADER GRID (SOLUTIONS / QUOTES)
  ======================================================
*/
#header {
	clear: both;
	width: 938px;
	height: 198px;
	border: 1px solid #DFDFDF;
	margin: 0 0 15px 0;
	background: #EFEFEF url(../images/quotes/bg_quotes.gif) top right;	
}

#solutions {
	background-color: #FFF;
	float: left;
}

#quotes img {
	margin: 42px 0 0 48px;
	padding: 0;
	border: 0;
}

#quotes p {
	margin: 15px 0 0 62px;
	padding: 0 0 0 3px;
	width: 510px;
	border: 0;
	float: left;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: italic;
	color: #333;
}

/**
  ======================================================
	CONTENTWRAPPER & CONTENTAREA + GRIDS
  ======================================================
*/
#contentwrapper {
  width: 938px;
  margin: 0 auto;
  border: 1px solid #DFDFDF;;
  padding: 0;
  text-align: left;
  clear: both;
  background-color: #FFF;
  float: left;
}

#contentarea { /** Main Content Area */
	width: 938px;
 	padding: 0 0 25px 0;
	margin: 0;
	background-color: #FFF;
	float: left;	
}

#cawrapper { /** Inner Content Area Grid - 900px */
	width: 900px;
 	padding: 0;
	margin: 15px 20px 0 20px;
	border: 0;
	float: left;
	display: inline;
}

/**
  ======================================================
	CONTENT AREA - GRID CONTAINER 
  ======================================================
*/	
#gc1 { /** Grid container left side */
	width: 240px;
	border: 0;
	margin: 0;
	padding: 0;
	float: left;
}

#gc2wrapper { /** Grid container right side */
	width: 660px;
 	padding: 0;
	margin: 0;
	border: 0;
	float: left;
}

.gc2first { /** Grid container top first */
	margin: 18px 0 25px 34px;
	padding: 0;
	width: 620px;
	border: 0;
	float: left;
	display: inline;
}

.gc2sc { /** Grid container single content */
	margin: 18px 0 0 34px;
	padding: 0;
	width: 620px;
	border: 0;
	float: left;
	display: inline;
}

.gc2odd { 
	margin: 0 0 10px 34px;
	padding: 15px 0 15px 0;
	width: 620px;
	border: 0;
	background-color: #FAFAFA;
	float: left;
	display: inline;
}

.gc2even { 
	margin: 0 0 10px 34px;
	padding: 15px 0 15px 0;
	width: 620px;
	border: 0;
	background-color: #FFFFFF;
	float: left;
	display: inline;
}

.startseite .gc2odd, .partner .gc2odd, .referenzen .gc2odd, .impressum .gc2odd  { /** Border grid container */
	border-top: 1px solid #EFEFEF;
	border-bottom: 1px solid #EFEFEF;
}

.cleft { /** Grid container left side */
	width: 330px;
	padding: 0 10px 0 20px;
	margin: 0;
	border: 0;
	float: left;
}

.cright { /** Grid container right side */
	margin: 0 0 0 385px;
	padding: 0;	
	width: 217px;
	border: 0;
}

.cright img { 
	display: block;
	margin: 0 0 20px 10px;
	padding: 0;
	border: 0;
}

.cright .screenshot { /** Format project screenshots */
	display: block;
	margin: 0 0 5px 10px;
	padding: 0;
	border: 0;
}

.cright .logos { /** Format project logos */
	display: block;
	margin: 0 0 5px 10px;
	padding: 0;
	border: 0;
}

.gc2sc .cright {
	margin: 0 0 0 385px;
	padding: 0;	
	width: 217px;
	border: 0;
}

/**
  ======================================================
	PAGINATION GRID
  ======================================================
*/
.pagination { 
	margin: 10px 0 15px 34px;
	padding: 0;
	width: 620px;
	border: 1px solid #EFEFEF;
	background-color: #FFFFFF;
	float: left;
	display: inline;
}

.pagination .cleft { /** Grid container left side */
	width: 330px;
	padding: 0 10px 0 20px;
	margin: 0;
	border: 0;
	float: left;
}

.more {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	font-weight: bold;
	padding: 5px 5px 5px 20px;
	margin: 0;
	background: #FFF url(../images/arrow_black.gif) no-repeat 0px 11px;	
}

.more strong {
	background-color: #D3002A;
	color: #FFF;
	padding: 0 4px 0 4px;
}

.cright .more a  {
	text-decoration: none;
}

.back {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	font-weight: bold;
	padding: 5px 5px 5px 20px;
	margin: 0;
	background: #FFF url(../images/arrow_black2.gif) no-repeat 1px 11px;	
}

.pagination .cright {
	padding: 0;
}

.cright .more {
	font-weight: normal;
	background: none;
}

/**
  ======================================================
	INFO GRIDS (AT THE BOTTOM OF THE SITE)
  ======================================================
*/
#infos {
	margin: 15px 0 0 0;
	clear: both;
	width: 938px;
	height: 178px;
	border: 1px solid #DFDFDF;
	background-color: #FFF;
	float: left;
}

#igwrapper {
	width: 900px;
	height: 170px;
 	padding: 0;
	margin: 10px 20px 0 20px;
	border: 0;
}

#igwrapper img {
	clear: both;
	display: block;
	padding: 0 0 20px 0;
}

/**
  ======================================================
	INFO GRID CONTAINER
  ======================================================
*/	
#igc1 {
	width: 255px;
	border: 0;
	margin: 0;
	padding: 0 15px 0 14px;
	float: left;
}

#igc2 { 
	margin: 0;
	padding: 0 10px 0 10px;
	width: 320px;
	border: 0;
	float: left;	
}

#igc3 { 
	margin: 0;
	padding: 0 10px 0 36px;
	width: 220px;
	border: 0;
	float: left;
}

* html #igc3 {
	padding: 0 6px 0 38px;
}

/**
  ======================================================
	LOGIN / WEB.LOESUNGEN GRID
  ======================================================
*/
#loginform {
	margin: 0;
	padding: 0 15px 0 15px;
	width: 240px;
	height: 210px;
	background: url(../images/box_login.jpg) no-repeat top left;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 210px;
	display: block;
}

html>body #loginform { /** Be nice to Opera hack */
	width: 210px;
}

#loginform img {
	clear: both;
	display: block;
	padding: 18px 0 20px 0;
}

#webloesungen {
	margin: 30px 0 0 0;
	padding: 0 15px 0 15px;
	width: 240px;
	height: 220px;
	background: url(../images/box_projekte.jpg) no-repeat top left;	
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 210px;
	display: block;
}

html>body #webloesungen { /** Be nice to Opera hack */
	width: 210px;
}

#webloesungen img {
	clear: both;
	display: block;
	padding: 15px 0 10px 0;
}

#webloesungen li a {
	text-decoration: none;
}
	
/**
  ======================================================
	FOOTER & COPYRIGHT
  ======================================================
*/
#footer {
	clear: both;
	height: 50px;
	padding: 0;
	margin: 20px 0 0 0;
	border: 0;	
	float: left;
}

#copyright {
	width: 940px;
	border: 0;
	padding: 0;
	margin: 0;
	text-align: center;
}

/**
  ======================================================
	PROJECTS / CONTENT HEADINGS (USING PHARK METHOD)
  ======================================================
    H1 TOP HEADINGS
  ======================================================
*/ 
h1.willkommen {
	background: url(../images/quotes/willkommen.gif) no-repeat;
  	width: 330px;
  	height: 27px;
  	text-indent: -999em;
	margin: 50px 0 0 340px;
	padding: 0;
	border: 0;
}

h1.leistung {
	background: url(../images/quotes/leistungen.gif) no-repeat;
  	width: 447px;
  	height: 27px;
  	text-indent: -999em;
	margin: 50px 0 0 328px;
	padding: 0;
	border: 0;
}

h1.referenzen {
	background: url(../images/quotes/referenzen.gif) no-repeat;
  	width: 356px;
  	height: 27px;
  	text-indent: -999em;
	margin: 50px 0 0 328px;
	padding: 0;
	border: 0;
}

h1.partner {
  	background: url(../images/quotes/partner.gif) no-repeat;
  	width: 446px;
  	height: 27px;
  	text-indent: -999em;
	margin: 50px 0 0 328px;
	padding: 0;
	border: 0;
}

h1.jobs {
	background: url(../images/quotes/jobs.gif) no-repeat;
  	width: 446px;
  	height: 27px;
  	text-indent: -999em;
	margin: 50px 0 0 328px;
	padding: 0;
	border: 0;
}

h1.kontakt {
	background: url(../images/quotes/kontakt.gif) no-repeat;
  	width: 398px;
  	height: 27px;
  	text-indent: -999em;
	margin: 50px 0 0 328px;
	padding: 0;
	border: 0;
}

h1.impressum {
	background: url(../images/quotes/impressum.gif) no-repeat;
  	width: 356px;
  	height: 27px;
  	text-indent: -999em;
	margin: 50px 0 0 328px;
	padding: 0;
	border: 0;
}

h1.passwort {
	background: url(../images/quotes/passwort.gif) no-repeat;
  	width: 458px;
  	height: 27px;
  	text-indent: -999em;
	margin: 50px 0 0 328px;
	padding: 0;
	border: 0;
}

h1.kundenbereich {
	background: url(../images/quotes/kundenbereich.gif) no-repeat;
  	width: 484px;
  	height: 27px;
  	text-indent: -999em;
	margin: 50px 0 0 328px;
	padding: 0;
	border: 0;
}

/**
  ======================================================
    H1 SUB HEADINGS
  ======================================================
*/ 
h1.schach-em {
  background: url(../images/headings/schach-em.gif) no-repeat;
  width: 274px;
  height: 13px;
  text-indent: -999em;
  margin: 0 0 25px 0;
  padding: 0;
}

h1.zukunftskompetenz {
  background: url(../images/headings/zukunftskompetenz.gif) no-repeat;
  width: 333px;
  height: 13px;
  text-indent: -999em;
  margin: 0 0 25px 0;
  padding: 0;
}

h1.janschitz-verkehrstechnik {
  background: url(../images/headings/janschitz-verkehrstechnik.gif) no-repeat;
  width: 264px;
  height: 13px;
  text-indent: -999em;
  margin: 0 0 25px 0;
  padding: 0;
}

h1.horizon {
  background: url(../images/headings/horizon.gif) no-repeat;
  width: 226px;
  height: 13px;
  text-indent: -999em;
  margin: 0 0 25px 0;
  padding: 0;
}

h1.erste-immobilien-kag {
  background: url(../images/headings/erste-immobilien-kag.gif) no-repeat;
  width: 305px;
  height: 13px;
  text-indent: -999em;
  margin: 0 0 25px 0;
  padding: 0;
}

h1.premantura {
  background: url(../images/headings/premantura.gif) no-repeat;
  width: 290px;
  height: 13px;
  text-indent: -999em;
  margin: 0 0 25px 0;
  padding: 0;
}

h1.hmp-bau {
  background: url(../images/headings/hmp-bau.gif) no-repeat;
  width: 234px;
  height: 13px;
  text-indent: -999em;
  margin: 0 0 25px 0;
  padding: 0;
}

h1.google {
  background: url(../images/headings/google.gif) no-repeat;
  width: 148px;
  height: 13px;
  text-indent: -999em;
  margin: 0 0 25px 0;
  padding: 0;
}

h1.tailormade {
  background: url(../images/headings/tailormadeproperties.gif) no-repeat;
  width: 158px;
  height: 13px;
  text-indent: -999em;
  margin: 0 0 25px 0;
  padding: 0;
}

h1.ubp {
  background: url(../images/headings/ubp.gif) no-repeat;
  width: 267px;
  height: 18px;
  text-indent: -999em;
  margin: 0 0 25px 0;
  padding: 0;
}

h1.immorent {
  background: url(../images/headings/immorent_ag.gif) no-repeat;
  width: 270px;
  height: 13px;
  text-indent: -999em;
  margin: 0 0 25px 0;
  padding: 0;
}

h1.immorent-seo {
  background: url(../images/headings/immorent_seo.gif) no-repeat;
  width: 310px;
  height: 13px;
  text-indent: -999em;
  margin: 0 0 25px 0;
  padding: 0;
}

h1.schuster {
  background: url(../images/headings/schuster.gif) no-repeat;
  width: 321px;
  height: 16px;
  text-indent: -999em;
  margin: 0 0 25px 0;
  padding: 0;
}

h1.rader {
  background: url(../images/headings/rader.gif) no-repeat;
  width: 190px;
  height: 13px;
  text-indent: -999em;
  margin: 0 0 25px 0;
  padding: 0;
}

h1.batoo {
  background: url(../images/headings/batoo.gif) no-repeat;
  width: 228px;
  height: 13px;
  text-indent: -999em;
  margin: 0 0 25px 0;
  padding: 0;
}

h1.anpralldaempfer {
  background: url(../images/headings/anpralldaempfer.gif) no-repeat;
  width: 244px;
  height: 19px;
  text-indent: -999em;
  margin: 0 0 25px 0;
  padding: 0;
}

h1.janschitz {
  background: url(../images/headings/janschitz.gif) no-repeat;
  width: 115px;
  height: 13px;
  text-indent: -999em;
  margin: 0 0 25px 0;
  padding: 0;
}

h1.immolind {
  background: url(../images/headings/immolind.gif) no-repeat;
  width: 153px;
  height: 13px;
  text-indent: -999em;
  margin: 0 0 25px 0;
  padding: 0;
}

h1.falleomann {
  background: url(../images/headings/falleomann.gif) no-repeat;
  width: 194px;
  height: 13px;
  text-indent: -999em;
  margin: 0 0 25px 0;
  padding: 0;
}

h1.rugbyunion {
  background: url(../images/headings/rugbyunion.gif) no-repeat;
  width: 248px;
  height: 13px;
  text-indent: -999em;
  margin: 0 0 25px 0;
  padding: 0;
}

h1.sommer {
  background: url(../images/headings/sommer.gif) no-repeat;
  width: 325px;
  height: 13px;
  text-indent: -999em;
  margin: 0 0 25px 0;
  padding: 0;
}

h1.mauritius {
  background: url(../images/headings/mauritius.gif) no-repeat;
  width: 280px;
  height: 13px;
  text-indent: -999em;
  margin: 0 0 25px 0;
  padding: 0;
}

h1.farmhouse {
  background: url(../images/headings/farmhouse.gif) no-repeat;
  width: 330px;
  height: 16px;
  text-indent: -999em;
  margin: 0 0 25px 0;
  padding: 0;
}

h1.wwf {
  background: url(../images/headings/wwf.gif) no-repeat;
  width: 270px;
  height: 13px;
  text-indent: -999em;
  margin: 0 0 25px 0;
  padding: 0;
}

h1.schachfestival {
  background: url(../images/headings/schachfestival.gif) no-repeat;
  width: 288px;
  height: 13px;
  text-indent: -999em;
  margin: 0 0 25px 0;
  padding: 0;
}

h1.propergate {
  background: url(../images/headings/propergate.gif) no-repeat;
  width: 282px;
  height: 13px;
  text-indent: -999em;
  margin: 0 0 25px 0;
  padding: 0;
}

h1.coi {
  background: url(../images/headings/coi.gif) no-repeat;
  width: 290px;
  height: 13px;
  text-indent: -999em;
  margin: 0 0 25px 0;
  padding: 0;
}

h1.fotoatelier {
  background: url(../images/headings/fotoatelier.gif) no-repeat;
  width: 308px;
  height: 13px;
  text-indent: -999em;
  margin: 0 0 25px 0;
  padding: 0;
}

h1.mariasaal {
  background: url(../images/headings/schachklub_mariasaal.gif) no-repeat;
  width: 338px;
  height: 13px;
  text-indent: -999em;
  margin: 0 0 25px 0;
  padding: 0;
}

h1.geteric {
  background: url(../images/headings/geteric.gif) no-repeat;
  width: 115px;
  height: 13px;
  text-indent: -999em;
  margin: 0 0 25px 0;
  padding: 0;
}

h1.bity {
  background: url(../images/headings/bity.gif) no-repeat;
  width: 155px;
  height: 16px;
  text-indent: -999em;
  margin: 0 0 25px 0;
  padding: 0;
}


h1.soda {
  background: url(../images/headings/soda.gif) no-repeat;
  width: 252px;
  height: 13px;
  text-indent: -999em;
  margin: 0 0 25px 0;
  padding: 0;
}

h1.jobangebote {
  background: url(../images/headings/jobangebote.gif) no-repeat;
  width: 89px;
  height: 13px;
  text-indent: -999em;
  margin: 0 0 25px 0;
  padding: 0;
}

h1.leistungen {
  background: url(../images/headings/leistungen.gif) no-repeat;
  width: 132px;
  height: 13px;
  text-indent: -999em;
  margin: 0 0 25px 0;
  padding: 0;
}

h1.kontaktformular {
  background: url(../images/headings/kontaktformular.gif) no-repeat;
  width: 127px;
  height: 13px;
  text-indent: -999em;
  margin: 0 0 25px 0;
  padding: 0;
}

h1.kundenpasswort {
  background: url(../images/headings/kundenpasswort.gif) no-repeat;
  width: 204px;
  height: 13px;
  text-indent: -999em;
  margin: 0 0 25px 0;
  padding: 0;
}

h1.kundenlogin {
  background: url(../images/headings/kundenlogin.gif) no-repeat;
  width: 91px;
  height: 13px;
  text-indent: -999em;
  margin: 0 0 25px 0;
  padding: 0;
}

h1.haftungsausschluss {
  background: url(../images/headings/haftungsausschluss.gif) top left no-repeat;
  width: 143px;
  height: 16px;
  text-indent: -999em;
  margin: 0 0 25px 0;
  padding: 0;
}

h1.imprint{
  background: url(../images/headings/impressum.gif) no-repeat;
  width: 76px;
  height: 13px;
  text-indent: -999em;
  margin: 0 0 25px 0;
  padding: 0;
}

/**
  ======================================================
    H2
  ======================================================
*/ 
h2.fxmayrandmore {
  background: url(../images/headings/fxmayrandmore.gif) no-repeat;
  width: 372px;
  height: 13px;
  text-indent: -999em;
  margin: 0 0 25px 0;
  padding: 0;
}

h2.codexx {
  background: url(../images/headings/codexx.gif) no-repeat;
  width: 297px;
  height: 13px;
  text-indent: -999em;
  margin: 0 0 25px 0;
  padding: 0;
}

h2.baik {
  background: url(../images/headings/baik.gif) no-repeat;
  width: 330px;
  height: 13px;
  text-indent: -999em;
  margin: 0 0 25px 0;
  padding: 0;
}

h2.bausparen {
  background: url(../images/headings/123bausparen.gif) no-repeat;
  width: 220px;
  height: 15px;
  text-indent: -999em;
  margin: 0 0 25px 0;
  padding: 0;
}

h2.peru {
  background: url(../images/headings/peru.gif) no-repeat;
  width: 320px;
  height: 13px;
  text-indent: -999em;
  margin: 0 0 25px 0;
  padding: 0;
}

h2.sternenklar {
  background: url(../images/headings/sternenklar.gif) no-repeat;
  width: 303px;
  height: 13px;
  text-indent: -999em;
  margin: 0 0 25px 0;
  padding: 0;
}

h2.gain-trust {
  background: url(../images/headings/gain-trust.gif) no-repeat;
  width: 321px;
  height: 13px;
  text-indent: -999em;
  margin: 0 0 25px 0;
  padding: 0;
}

h2.diseno {
  background: url(../images/headings/diseno.gif) no-repeat;
  width: 270px;
  height: 16px;
  text-indent: -999em;
  margin: 0 0 25px 0;
  padding: 0;
}


h2.ahre {
  background: url(../images/headings/ahre-immobilien.gif) no-repeat;
  width: 284px;
  height: 16px;
  text-indent: -999em;
  margin: 0 0 25px 0;
  padding: 0;
}

h2.almdorf {
  background: url(../images/headings/almdorf.gif) no-repeat;
  width: 234px;
  height: 13px;
  text-indent: -999em;
  margin: 0 0 25px 0;
  padding: 0;
}

h2.neujahr {
  background: url(../images/headings/neujahr.gif) no-repeat;
  width: 201px;
  height: 13px;
  text-indent: -999em;
  margin: 0 0 25px 0;
  padding: 0;
}

h2.erste-immobilien-kag {
  background: url(../images/headings/erste-immobilien-kag.gif) no-repeat;
  width: 305px;
  height: 13px;
  text-indent: -999em;
  margin: 0 0 25px 0;
  padding: 0;
}

h2.hmp-bau {
  background: url(../images/headings/hmp-bau.gif) no-repeat;
  width: 234px;
  height: 13px;
  text-indent: -999em;
  margin: 0 0 25px 0;
  padding: 0;
}

h2.premantura {
  background: url(../images/headings/premantura.gif) no-repeat;
  width: 290px;
  height: 13px;
  text-indent: -999em;
  margin: 0 0 25px 0;
  padding: 0;
}
 
h2.horizon {
  background: url(../images/headings/horizon.gif) no-repeat;
  width: 226px;
  height: 13px;
  text-indent: -999em;
  margin: 0 0 25px 0;
  padding: 0;
}

h2.zukunftskompetenz {
  background: url(../images/headings/zukunftskompetenz.gif) no-repeat;
  width: 333px;
  height: 13px;
  text-indent: -999em;
  margin: 0 0 25px 0;
  padding: 0;
}
  
h2.wwf {
  background: url(../images/headings/wwf.gif) no-repeat;
  width: 270px;
  height: 13px;
  text-indent: -999em;
  margin: 0 0 25px 0;
  padding: 0;
}

h2.immorent {
  background: url(../images/headings/immorent_ag.gif) no-repeat;
  width: 270px;
  height: 13px;
  text-indent: -999em;
  margin: 0 0 25px 0;
  padding: 0;
}

h2.ubp {
  background: url(../images/headings/ubp.gif) no-repeat;
  width: 267px;
  height: 18px;
  text-indent: -999em;
  margin: 0 0 25px 0;
  padding: 0;
}

h2.coi {
  background: url(../images/headings/coi.gif) no-repeat;
  width: 290px;
  height: 13px;
  text-indent: -999em;
  margin: 0 0 25px 0;
  padding: 0;
}

h2.fotoatelier {
  background: url(../images/headings/fotoatelier.gif) no-repeat;
  width: 308px;
  height: 13px;
  text-indent: -999em;
  margin: 0 0 25px 0;
  padding: 0;
}

h2.news {
  background: url(../images/headings/news.gif) no-repeat;
  width: 284px;
  height: 13px;
  text-indent: -999em;
  margin: 0 0 25px 0;
  padding: 0;
}

h2.projektleistungen {
  background: url(../images/headings/projektleistungen.gif) no-repeat;
  width: 190px;
  height: 13px;
  text-indent: -999em;
  margin: 0 0 25px 0;
  padding: 0;
}

h2.portfolio {
  background: url(../images/headings/taetigkeitsbereich.gif) no-repeat;
  width: 132px;
  height: 16px;
  text-indent: -999em;
  margin: 0 0 25px 0;
  padding: 0;
}

h2.kompetenzen {
  background: url(../images/headings/kompetenzen.gif) top left no-repeat;
  width: 180px;
  height: 13px;
  text-indent: -999em;
  margin: 0 0 25px 0;
  padding: 0;
}

h2.trends {
  background: url(../images/headings/trends.gif) top left no-repeat;
  width: 208px;
  height: 13px;
  text-indent: -999em;
  margin: 25px 0 15px 0;
  padding: 0;
}

h2.planung {
  background: url(../images/headings/planung.gif) top left no-repeat;
  width: 243px;
  height: 13px;
  text-indent: -999em;
  margin: 25px 0 15px 0;
  padding: 0;
}

h2.projektplan {
  background: url(../images/headings/projektplan.gif) top left no-repeat;
  width: 168px;
  height: 13px;
  text-indent: -999em;
  margin: 25px 0 15px 0;
  padding: 0;
}

h2.iq2methode {
  background: url(../images/headings/iq2methode.gif) top left no-repeat;
  width: 134px;
  height: 16px;
  text-indent: -999em;
  margin: 25px 0 15px 0;
  padding: 0;
}

h2.bewerbung {
  background: url(../images/headings/bewerbung.gif) top left no-repeat;
  width: 183px;
  height: 13px;
  text-indent: -999em;
  margin: 0 0 25px 0;
  padding: 0;
}

h2.kontaktinformationen {
  background: url(../images/headings/kontaktinformationen.gif) top left no-repeat;
  width: 162px;
  height: 13px;
  text-indent: -999em;
  margin: 0 0 25px 0;
  padding: 0;
}

h2.copyright {
  background: url(../images/headings/copyright.gif) top left no-repeat;
  width: 72px;
  height: 13px;
  text-indent: -999em;
  margin: 0 0 25px 0;
  padding: 0;
}

/**
  ======================================================
	JOBOFFERS SKILLS & ENUMLISTS
  ======================================================
*/	
.skills li {
	padding: 0 0 3px 12px;
	list-style: none;
	background: url(../images/arrow_black.gif) no-repeat 0 6px;
}

.listwrapper {
	padding: 15px 0 15px 10px;
	margin: 10px 0 10px 0;
	border: 1px solid #DFDFDF;
	background: url(../images/bglarge.gif) repeat-x top left;
	width: 205px;
}

.enumlist { 
	padding: 0;
	margin: 10px 0 10px 0;
	border: 0;
}

.enumlist li {
	padding: 0 0 4px 16px;
	list-style: none;
	background: url(../images/arrow_black.gif) no-repeat 0 6px;
}

.cright .enumlist { 
	margin: 0;
	padding: 0;
	border: 0;
}

.cright .enumlist li {
	padding: 0 0 4px 16px;
	list-style: none;
	background: url(../images/arrow_green.gif) no-repeat 0 6px;
}

#webloesungen .enumlist li {
	padding: 0 0 3px 16px;
	list-style: none;
	background: url(../images/arrow_green.gif) no-repeat 0 6px;
}

.enumlist li.wip {
	padding: 0 0 8px 24px;
	list-style: none;
	background: url(../images/wip.gif) no-repeat top left;
}

.enumlist li.wips {
	margin: 10px 0 0 0;
	padding: 0 0 8px 24px;
	list-style: none;
	background: url(../images/wip.gif) no-repeat top left;
}

.enumlist li.online {
	padding: 0 0 8px 24px;
	list-style: none;
	background: url(../images/ok4.gif) no-repeat top left;
}

.enumlist li.link {
	margin: 10px 0 0 0;
	padding: 0 0 8px 24px;
	list-style: none;
	background: url(../images/link.gif) no-repeat top left;
}

.link {
	padding: 0 0 0 12px;
	list-style: none;
	background: url(../images/arrow_black.gif) no-repeat 0 5px;
}

li      { list-style: none; }
.hide   { display: none;}
.italic { font-style: italic; }
.clear  { clear:both; }
.zero {
	clear: both;
}

.notice {
	display: block;
	width: 350px;
	margin: 0 0 10px 0;
	padding: 5px 5px 5px 20px;
	color: #C4500B;
	border: 1px solid #ECECEC;
	background: url(../images/arrow_black.gif) no-repeat 5px;
	font-weight: bold;
}

.highlight {
	color: #D3002A;
	font-weight: bold;
}

/**
  ======================================================
	COMMON STYLES FOR FORMS
  ======================================================
*/
form {
	margin: 0;
	padding: 0;
	border: 0;
}

input {
	background: #fff url('../images/btn.gif') no-repeat left top;	
	margin: 0;
	padding: 2px 2px 2px 4px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #4F4F4F;
	width: 140px;
	border: 1px solid #333;
}

input.login {
	margin: 0;
	padding: 0;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #4F4F4F;
	width: 45px;
	height: 20px;
	border: 1px solid #333;
	background-color: #fff; 
}

input.required {
	border: 1px solid #F5AB7F;	
	width: 200px;
}

input.txt {
	width: 250px;
	padding: 3px 0 3px 2px;
	margin: 2px 0 2px 0;
}

input.send {
	width: 100px;
}

select {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #4F4F4F;
	background-color: #fff; 
}

textarea {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #4F4F4F;
	background-color: #fff; 
	width: 250px;
	height: 120px;
	padding: 2px 2px 2px 4px;	
}

input.reset {
	margin: 0;
	padding: 2px;
	border: 1px solid #ECECEC;
	color: #404040;
	width: 85px;
}

input.submit {
	margin: 0;
	padding: 2px;
	border: 1px solid #ECECEC;
	color: #404040;
	width: 85px;
	font-weight: bold;
}

input.checkbox {
	border: none;
	background-color: #FFF;
}

input.radio {
	border: none;
	background-color: #FFF;
}

input.button {
	border: 0;
	padding: 0;
	margin: 0;
}