/* Cascading Style Sheet for Geniacs.com 
   Copyright (C) 2005 - 2009 Geniacs Mediendesign */

*{ margin: 0;
  padding: 0; }
  
body 
{ background: url(../img/BG.gif) #fff repeat-x;
  color: #545454;
  font: 11px "Tahoma", sans-serif; }

h3 strong
{ color: #C80D0D; }

#site {
  width: 750px;
  margin: auto;  
  background: url('/images/webdesign_aus_muenster.jpg') top no-repeat;
  margin: auto;
  padding-bottom: 50px;
  }
  
ul#nav {
  list-style: none;
  padding-top: 157px;
  margin: 0 0 0 100px;
  height: 43px;
  }
	
ul#nav a {
  width: 83px;
  height: 29px;
  display: block;
  margin-right: 3px;
  text-indent: -9999px;
  }
	
	ul#nav li {
	float: left;
	}
		
		ul#nav a#start {
		background-image: url('/images/off_start.gif');
		}
	
		ul#nav a#start:hover {
		background-image: url('/images/hover_start.gif');
		}
		
		ul#nav a#sel_start {
		height: 43px;
		background-image: url('/images/sel_start.gif');
		}

		ul#nav a#webdesign {
		background-image: url('/img/nav/off_webdesign.gif');
		}	
	
		ul#nav a#webdesign:hover {
		background-image: url('/img/nav/hover_webdesign.gif');
		}

		ul#nav a#sel_webdesign {
		height: 43px;
		background-image: url('/img/nav/sel_webdesign.gif');
		}
	
		ul#nav a#printdesign {
		background-image: url('/img/nav/off_printdesign.gif');
		}	
	
		ul#nav a#printdesign:hover {
		background-image: url('/img/nav/hover_printdesign.gif');
		}

		ul#nav a#sel_printdesign {
		height: 43px;
		background-image: url('/img/nav/sel_printdesign.gif');
		}
		/*------------------------WERBEMITTEL--------------------*/
		ul#nav a#werbemittel {
		background-image: url('/img/nav/off_werbemittel.gif');
		}	
	
		ul#nav a#werbemittel:hover {
		background-image: url('/img/nav/hover_werbemittel.gif');
		}

		ul#nav a#sel_werbemittel {
		height: 43px;
		background-image: url('/img/nav/sel_werbemittel.gif');
		}
		
		
		ul#nav a#portfolio {
		background-image: url('/images/off_portfolio.gif');
		}
	
		ul#nav a#portfolio:hover {
		background-image: url('/images/hover_portfolio.gif');
		}

		ul#nav a#sel_portfolio {
		height: 43px;
		background-image: url('/images/sel_portfolio.gif');
		}

		ul#nav a#kontakt {
		background-image: url('/images/off_kontakt.gif');
		}

		ul#nav a#kontakt:hover {
		background-image: url('/images/hover_kontakt.gif');
		}

		ul#nav a#sel_kontakt {
		height: 43px;
		background-image: url('/images/sel_kontakt.gif');
		}

a
{ color: #0096ff;
  text-decoration: none;
  outline: none; }
  
a.dotted
{ color: #0096ff;
  text-decoration: none;
  border-bottom: 1px dotted;
  outline: none; }

a.dotted:hover
{ color: #000;
  text-decoration: none;
  border-bottom: 1px dotted;
  outline: none; }

a:hover
{ text-decoration: underline; }
  
a img
{ border: none; }

p, dl, ul, address
{ line-height: 18px;  }
  
h1, h6, h2 { 
font: 16px "tahoma", sans-serif;
text-indent: -9999px;
}

h1#impressum_hl {
	background: url('../img/impressum_hl.gif') left no-repeat;
	}
	
h1#agbs {
	background: url('../img/agb.gif') left no-repeat;
	}
  
h2.webdesign_hl {
	background: url('../img/webdesign_hl.jpg') left no-repeat;
	margin-left: 5px;
	}
	
h2.printdesign_hl {
	background: url('../img/printdesign_hl.jpg') left no-repeat;
	margin-left: 5px;
	}
	
h2.werbemittel_hl {
	background: url('../img/werbemittel_hl.gif') left no-repeat;
	margin-left: 5px;
	}
	
h2#wastun_hl {
	background: url('../img/wastun_hl.gif') left no-repeat;
	}
	
h2.service_hl {
	background: url('../img/service_hl.gif') left no-repeat;
	}
	
h2.leistungen_hl {
	background: url('../img/leistungen_hl.gif') left no-repeat;
	}
	
h2#barrierefrei_hl {
	background: url('../img/barrierefreies_webdesign_hl.gif') left no-repeat;
	}
	
h2#leistungen_webdesign_hl {
	background: url('../img/leistungen_webdesign_hl.gif') left no-repeat;
	}

h2#printdesign_ci_hl {
	background: url('../img/printdesign_ci_hl.gif') left no-repeat;
	}
	
h2#leistungen_printdesign {
	background: url('../img/leistungen_printdesign_hl.gif') left no-repeat;
	}
	
h2#leistungen_werbemittel {
	background: url('../img/leistungen_werbemittel_hl.gif') left no-repeat;
	}
	
h2#werbemittel_aktiv_hl {
	background: url('../img/werbemittel_aktiv_hl.gif') left no-repeat;
	}

h2#service_beratung_hl {
	background: url('../img/service_beratung_hl.gif') left no-repeat;
	}

h2#unsere_kunden_hl {
	background: url('../img/unsere_kunden_hl.gif') left no-repeat;
	margin-bottom: 10px;
	}

h2#schreiben_sie_uns_hl {
	background: url('../img/schreiben_sie_uns_hl.gif') left no-repeat;
	}
	
h2#vielendank {
	background: url('../img/vielendank.gif') left no-repeat;
	}

h2#kontaktdetails_hl {
	background: url('../img/kontaktdetails_hl.gif') left no-repeat;
	margin-bottom: 10px;
	}

h3#praxis_drobner_hl {
background: url('../img/praxis_drobner_hl.gif') left no-repeat;
}

h3#drobner_hl {
background: url('../img/drobner_hl.gif') left no-repeat;
}

h3#schwaneberg_hl {
background: url('../img/schwaneberg_hl.gif') left no-repeat;
}

h3#susan_kawe_hl {
background: url('../img/susan_kawe_hl.gif') left no-repeat;
}

h3.energieberatung_onnebrink_hl {
background: url('../img/energieberatung_onnebrink_hl.gif') left no-repeat;
}

h3#petra_neubauer_hl {
background: url('../img/petra_neubauer_hl.gif') left no-repeat;
}

h3#dania_hl {
background: url('../img/dania_hl.gif') left no-repeat;
}

h3.streit_hl {
background: url('../img/streit_hl.gif') left no-repeat;
}

h3#martini_hl {
background: url('../img/martini_hl.gif') left no-repeat;
}

h3#mielenbrink_hl {
background: url('../img/mielenbrink_hl.gif') left no-repeat;
}

h3#geniacs_hl {
background: url('../img/geniacs_hl.gif') left no-repeat;
}

h3#werbemittel_sortiment_hl {
background: url('../img/werbemittel_sortiment_hl.gif') left no-repeat;
}

h3.liveservice_hl {
background: url('../img/liveservice_hl.gif') left no-repeat;
}

h3#ihre_vorteile {
background: url('../img/ihre_vorteile_hl.gif') left no-repeat;
}
  
h3.winter_hl {
background: url('../img/winter_hl.gif') left no-repeat;
}

h3#herting_hl {
background: url('../img/herting_hl.gif') left no-repeat;
}

h3#charisma_hl {
background: url('../img/charisma_hl.gif') left no-repeat;
}

h3#raiffeisen_hl {
background: url('../img/raiffeisen_hl.gif') left no-repeat;
}

h3#beko_hl {
background: url('../img/beko_hl2.gif') left no-repeat;
}

h3#baecker_hl {
background: url('../img/baecker_hl.gif') left no-repeat;
}

h3#globalgmbh_hl {
background: url('../img/globalgmbh_hl.gif') left no-repeat;
}

h3#pulverturm_hl {
background: url('../img/pulverturm_hl.jpg') left no-repeat;
}

h3#global_ap {
background: url('../img/global_hl.gif') left no-repeat;
margin-left: 5px;
}

h3#jellentrup_hl {
background: url('../img/jellentrup_hl.gif') left no-repeat;
}

h2.heading {
color: #fff;
}


	
h2#printdesign_muenster {
	background: url(../img/printdesign_muenster.gif) left no-repeat;
	height: 20px; }

div#site h2 {
   color: #0096ff;
   margin-top: 10px;
   }
 
.err 
{ color: #C80D0D;
  width: 200px;
  padding-bottom: 20px; }

abbr
{ border: 0; }

.no
{ text-indent: -9999px; }

/*
  MENU -------------------------------------------------------------------
*/

#top {
width: 750px;
height: 55px;

}

ul#menu { 
float: right;
}

ul#menu li {
display: inline;
list-style-type: none;
}

ul#menu li#menu_selected a {
color: #fff;
padding-top: 20px;
border-left: 1px solid #666;
}

ul#menu a {
color: #B5B5B5;
font-size: 11px;
display: block;
float: left;
padding: 10px 15px 0 5px;
border-left: 1px solid #444;
}

ul#menu a:hover {
color: #fff;
text-decoration: none;
}



/*
  HEADER -------------------------------------------------------------------
*/

#willkommen, 
#webdesign, 
#printdesign, 
#werbemittel, 
#service,
#leistungen,
#portfolio,
#kontakt, 
#galerie,
#wir, 
#agb, 
#impressum
{ width: 750px;
  height: 249px;
  clear: both;
  background: no-repeat; 
  text-indent: -9999px;
  overflow: hidden;}
  
#willkommen
{ background-image: url(../img/willkommen-in-muenster.jpg); }

#webdesign
{ background-image: url(../img/webdesign-muenster.jpg); }

#printdesign
{ background-image: url(../img/printdesign-muenster.jpg); }

#service
{ background-image: url(../img/service_aus_muenster.jpg); }

#werbemittel
{ background-image: url(../img/werbemittel.jpg); }

#leistungen {
	background-image: url(../img/leistungen.jpg);
	}

#portfolio {
	background-image: url(../img/webdesign-portfolio.jpg); }
	
#kontakt
{ background-image: url(../img/kontakt-muenster.jpg); }

#galerie
{ background-image: url(../img/galerie-muenster.jpg); }

#wir
{ background-image: url(../img/wir.jpg); }

#agb
{ background-image: url(../img/agb.jpg); }

#impressum
{ background-image: url(../img/impressum.jpg); }

.ription
{ text-indent: -9999px; }

/*THICKBOX------------------------------------------
*/

#right {
width: 205px;
float: right;
margin-bottom: 20px;
padding: 0px 30px 0px 15px;
} 

div#package ul {
list-style:none;
list-style-type:none;
}

div#package h1 {
margin-bottom: 10px;
font-size: 20px;
}


/*
  FOOTER -------------------------------------------------------------------
*/

#footer
{ width: 750px;
  height: 100px;
  margin-top: 30px;
  
/*  background: url(../img/footer3.gif) top no-repeat; */
}

#footer p
{ padding: 20px 0 0 0px; }

#footer p a
{ border-right: 1px solid #ccc;
  padding-right: 5px; }
  
#footer .footerlink
{ padding-left: 0px; }


/*
  PORTFOLIIO--------------------------------------------------------------------
  */

div.client {
width: 750px;
height: 280px;
margin-top: 20px;
padding-top: 20px;
border-top: 1px solid #c9c9c9;
}


	div.client h3 {
	margin-bottom: 20px;
	font-size: 16px;
	text-indent: -9999px;
	}
	
	div#content h3 {
	color: #0096ff;
	font: 16px "tahoma", sans-serif;
    letter-spacing: -1px;
	margin-top: 15px; 
	text-indent: -9999px;
    }
	

	div.client img {
	border: 1px solid #c7d1d4;
	float: left;
	}
	
	div.client img:hover {
	border: 1px solid #aeb7ba;
	}
	
	div.client dl {
	float: right;
	width: 300px;
	}
	
	div.client dt {
	font-weight: bold;
	}
	
	div.client dd {
	margin-bottom: 10px;
	}
	
	
/*
  GALERIE--------------------------------------------------------------------
  */
	
div.galerie {
width: 750px;
height: 380px;
margin-top: 20px;
padding-top: 20px;
border-top: 1px solid #c9c9c9;
}


	div.galerie h3 {
	margin-bottom: 20px;
	font-size: 16px;
	}
	
	div#content h3 {
	color: #0096ff;
	font: 16px "tahoma", sans-serif;
    letter-spacing: -1px;
	margin-top: 15px; 
    }
	

	div.galerie img {
	border: 1px solid #c7d1d4;
	float: left;
	}
	
	div.galerie img:hover {
	border: 1px solid #aeb7ba;
	}
	
	div.galerie dl {
	float: right;
	width: 300px;
	}
	
	div.galerie dt {
	font-weight: bold;
	}
	
	div.galerie dd {
	margin-bottom: 10px;
	}
	

/*
  WILLKOMMEN -------------------------------------------------------------------
*/

.three_column
{ width: 230px;
  float: left;
  overflow: hidden;
  margin-bottom: 30px;
  padding: 0px 10px 0px 10px;}

.three_column p,
.three_column h1,
.three_column h2
{ padding-left: 5px;
  padding-right: 30px; }

.three_column img {
margin: 0px 0 0 0px; }

.three_column p,
#bottom_content p
{ margin-bottom: 10px; }

#bottom_content img
{ margin-bottom: 10px;
  border: solid 1px #c7d1d4; 
  }

.three_column h2
{ margin-top: 5px; }

.three_column p
{ padding-top: 0;
  margin-top: 0;
  padding-right: 0;
  margin-right: 0; }

#webico {
background: url('../img/webdesignico.jpg') right no-repeat;
border-bottom: solid 1px #F1F1F1;
}

.l_ico {
border: solid 1px #c7d1d4;
}

#printico{
background: url('../img/printdesignico.jpg') right no-repeat;
border-bottom: solid 1px #F1F1F1;
}

#werbeico {
background: url('../img/werbeico.jpg') right no-repeat;
border-bottom: solid 1px #F1F1F1;
}

#serviceico {
background: url('../img/serviceico.jpg') right no-repeat;
border-bottom: solid 1px #F1F1F1;
}

.desc {

padding-bottom: 10px;
}

.go_webdesign {
 padding-top: -10px;
 padding-left: 5px;
 height: 7px;
 width: 7px;
 }
 
.plus {
background: url('../img/plus.gif') left no-repeat;
padding: 0 0 1px 14px;
}



 
.go_content {
padding-right: 5px;
height: 9px;
width: 9px;
}

.go_contentx {
padding-top: 10px;
}

.green_bullet  {
	background: url('../img/webseiten_muenster.gif') left no-repeat;
	padding: 0 0 1px 14px;
	}
	
	.blue_bullet li {
	background: url('../img/bullet_blue.gif') left no-repeat;
	padding: 0 0 1px 14px;
	}

	.pink_bullet li {
	background: url('../img/bullet_pink.gif') left no-repeat;
	padding: 0 0 1px 14px;
	}

.bg
{ background: url(../img/BGdienste.gif) top right no-repeat; }

#bottom_content
{ clear: both;
  width: 750px;
  background: url(../img/neuaktuell.gif) top no-repeat;
  height: 31px; }
  

  
#bottom_content div
{ width: 330px;
  float: left;
  margin-top: 35px;
  padding: 0px 20px 0px 15px; }

#bottom_content h3
{ font: 16px "tahoma", sans-serif;
  color: #545454;
  margin-bottom: 0px; }

#bottom_content a
{ color: #0096ff;
   }
  
 /* #bottom_content a:hover {
  
  background: #E2EAED;
  text-decoration: none;
  }

/*
  TWO COLUMN SITES -------------------------------------------------------------------
*/

#right
{ width: 205px;
  float: right;
  margin-bottom: 20px;
  padding: 15px 30px 0px 15px; } 

#content
{ width: 455px;
  float: left;
  background: url(../img/BGdienste.gif) top right no-repeat;
  overflow: hidden;
  margin-top: 15px;
  margin-bottom: 20px;
  padding: 0px 30px 0px 15px; }

#right p,
#content p,
#right dl,
#right dt
{ margin-top: 10px; }

#content ul {
list-style: none;
margin-bottom: 20px;
margin-top: 5px;
}

#right dt
{ font-weight: bold;
  border-bottom: 1px solid #ccc; }

#right dd
{ margin-top: 5px; }

#content ul
{
  list-style: none; }

#content h2,
#right h2
{ color: #0096ff;
  margin-top: 20px;
  }

#content p
{ line-height: 18px; }

/*
  CONTACT -------------------------------------------------------------------
*/

fieldset {
border: 0;
}

  fieldset #n, fieldset #e, fieldset #s, fieldset #m {
  margin: 4px 0 10px 0;
  border-right: 1px solid #F6F6EC;
  border-bottom: 1px solid #c7d1d4;
  border-top: 1px solid #F6F6EC;
  border-left: 1px solid #F6F6EC;
  background-color: #f7f7f7;
  padding: 2px;
  font: 14px Tahoma;
  width: 450px;
  color: #0096ff;
  }
  
  fieldset #n:focus, fieldset #e:focus, fieldset #s:focus, fieldset #m:focus {
  color: #0096ff;
  }
  
  fieldset #m {
  width: 450px;
  }
  
  label {
  padding-top: 20px;
  }

#right address
{ font-style: normal; }

#right h2
{ margin-top: 20px; }


/*
  AGB -------------------------------------------------------------------
*/

#content-fullsize
{ margin: 15px 30px 30px 15px; }

#content-fullsize h2,
#content-fullsize p
{ margin-top: 20px; }

#content-fullsize li
{ margin-bottom: 10px;
  list-style: none; }


#error
{ width: 750px;
  margin: auto;
  margin-top: 40px;
  color: #fff; }

.cssreboot
{ margin: 8px 0 0 -10px; }



.radiobutton input
{ margin:0;
padding:0; }

/* 
  Kontaktformular ----------------------->
*/
fieldset {

background-color: #fff;
width: 400px;
padding: 0px;
}

	#namefield, #emailfield, #messagefield {
	background-color: #fff;
	border: 1px solid #c1c7d4;
	font: 16px Tahoma, "Times New Roman", serif;
	color: #5e5e5e;
	margin: 5px 0 10px 0;
	padding: 3px;
	width: 420px;
	height: 20px;
	}
	
	#messagefield {
	height: 150px;
	}
	
	#namefield:focus, #emailfield:focus, #messagefield:focus {
	color: #0096ff;
	}
	
	fieldset label {
	font-weight: bold;
	}
	
	.button {
	border: 1px solid #c1c7d4;
	background-color: #fff;
	font: 11px Tahoma, Helvetica, sans-serif;
	width: 60px;
	height: 25px;
	color: #5e5e5e;
	padding: 4px;
	}
input.error { border: 1px solid #db0303; }

/* 
  Werbemittelgalerie ----------------------->
*/	

img.tns  { 
    margin-right: 10px;
	padding: 1px;
	border: 1px solid #c7d1d4;
	}

img.tns img:hover {
	border: 1px solid #aeb7ba;
	}
	
	
	
	
/*--qTip----------------------->*/
div#qTip {
  padding: 20px;
  display: none;
  background-image: url(../img/tip2.png);
  background-repeat: repeat-x;
  background-position: left;
  color: #0096ff;
  font: bold 10px Arial, Helvetica, sans-serif;
  text-align: left;
  position: absolute;
  z-index: 1000;
}

a, img { behavior: url(../javascript/iepngfix.htc) }