/*
      Created by bmedien.ch
	  Project: www.bmedien.ch
	  
*/

/*** CSS Reset ***/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0; padding: 0; border: 0; outline: 0;  font-style: inherit; font-size: 100%;font-family: inherit; vertical-align: baseline;}
/*** CSS Reset End ***/

/*** Layout ***/
body { font-family: Verdana, Helvetica, sans-serif; font-size: 11px; color:#333; background:url(../images/hg.jpg) repeat-x top #dddddd;}

#wrapper { margin: 0 auto; width: 1024px; }

#faux { margin-bottom: 0px; overflow: auto; width: 100%; background:url(../images/hg_layout.jpg) no-repeat; }

#faux_hg { margin-bottom: 0px; overflow: auto; width: 100%; background:url(../images/hg_main.jpg) repeat-y;} 

#header { width: 1024px; height: 389px; background:url(../images/header.jpg) no-repeat; }
#header_kontakt { width: 1024px; height: 389px; background:url(../images/header/header_kontakt.jpg) no-repeat; }
#header_home { width: 1024px; height: 389px; background:url(../images/header_home.jpg) no-repeat; }

#navigation { width: 320px; float: left; margin-top:7px;}

#main { float: left;  padding: 1px 0 50px 0; width: 610px; line-height:1.5em; }

#footer { clear: both; background:url(../images/footer.jpg) no-repeat; height:80px;}
#copyright { text-align:right; padding-top:35px; padding-right:33px; font-size:10px; color:#666;}
#copyright a {color:#666; text-decoration:none;}

/*** Layout End ***/

/*** Grundeinstellungen ***/
.clear { clear: both; background: none; }

a { text-decoration:none; color:#333;}
a:hover { color:#f08f0b; text-decoration:underline;}
/*** Grundeinstellungen End ***/


/*** Navigation ***/
#navigation ul { list-style:none;width:227px; margin-left:23px; background:url(../images/menu_oben.png) top right no-repeat; padding:1px 0 0 0;}

#navigation ul ul { list-style:none; width:227px; background: none !important; margin:0; padding:0;  }

#navigation li a { text-decoration:none;  display:block; background:url(../images/menu_noaktiv.png) left no-repeat; padding-left:53px; height:20px;  padding-top:6px; z-index:9; color:#333;}
#navigation li a:hover {background: url(../images/menu_aktiv.png) left no-repeat  !important; display:block; text-decoration:none; color:#333;}

#navigation li li a { text-decoration:none; background:url(../images/untermenu_noaktiv.png) left no-repeat;  padding-top:6px; padding-left:65px; z-index:9; color:#333;}
#navigation li li a:hover {background: url(../images/untermenu_aktiv.png) left no-repeat  !important; display:block; text-decoration:none; color:#333;}

.navigation_aktiv {background: url(../images/menu_aktiv.png) left no-repeat  !important;  z-index:10; text-decoration:none;  display:block; height:20px;  padding-top:6px; font-weight:bold;  }
.navigation_aktiv1 {background: url(../images/untermenu_aktiv1.png) left no-repeat  !important;  z-index:10; text-decoration:none;  display:block; height:20px;  padding-top:6px;  }
.subnavigation_aktiv {background: url(../images/untermenu_aktiv.png) left no-repeat  !important;  z-index:10; text-decoration:none;  display:block; height:20px;  padding-top:6px; font-weight:bold; }
/*** Navigation End ***/


/*** Kontakt ***/

#kontakt_adresse { float:left; width:120px; margin-right:10px;}

#kontakt_map { float:left; width:470px; }

#main input {border: 1px solid #999999; padding:3px; width:250px; }
#main textarea {border: 1px solid #999999; padding:3px; width:250px; height:100px;  }
#main input:focus, #main textarea:focus {border: 1px solid #f08f0b !important;   }

.button { clear:both;width:60px !important;}

dl { position: relative; width: 350px;}
dt { clear: both;float:left; width: 140px; padding: 4px 0 2px 0; text-align: left;}
dd { float: left;width: 180px; margin: 0 0 8px 0;padding-left: 6px;}

.hint { display: none; position: absolute; right: -250px; width: 150px; margin-top: -4px;  padding: 10px 12px;background: #dddddd url(../images/pointer.gif) no-repeat -10px 5px; color:#666;}
.hint .hint-pointer {position: absolute;left: -10px;top: 5px;width: 10px;height: 19px;background: url(../images/pointer.gif) left top no-repeat;}
/*** Kontakt ***/


/*** Home ***/

#home_titel { position:relative; padding-top:125px; padding-left:50px; padding-bottom:7px;}


#home_personen { position:relative; padding-left:240px;}
#home_personen ul { list-style:none;}
#home_personen li { float:left; margin:0;}


/*** Home End ***/





/*** Team ***/
#team_left { width:333px; height:359px; float:left;  margin-left:32px; margin-top:11px; position:relative;}
#team_right_box {float:left; width:500px;}
#team_right_1 { height:95px; padding:95px 0 0 0;}
#team_right_beratung { height:90px; padding:90px 0 0 0;}
#team_right_2 {}
.team {}
.team ul { list-style:none;}
.team li { float:left; margin:0; padding:0;}

#team_main { padding-left:317px; padding-top:155px;}
#team_main ul { list-style:none;}
#team_main li { float:left;}


/*** Team End ***/

/*** Angebot ***/
#angebot_it_left { width:296px; height:359px; float:left;  margin-left:31px; margin-top:24px; position:relative;}
#angebot_it_right_box {float:left; width:500px;}
#angebot_it_right_1 { height:120px; padding:119px 0 0 0;}
#angebot_it_right_2 {}
.angebot_it {}

#angebot_design_left { width:453px; height:359px; float:left;  margin-left:31px; margin-top:24px; position:relative;}
#angebot_design_right_box {float:left; width:500px;}
#angebot_design_right_1 { height:120px; padding:119px 0 0 0;}
#angebot_design_right_2 {}
.angebot_design {}

#unternehmen_left { width:490px; height:357px; float:left;  margin-left:32px; margin-top:11px; position:relative;}
#unternehmen_right_box {float:left; width:500px;}
#unternehmen_right_1 { height:120px; padding:119px 0 0 0;}
#unternehmen_right_2 {}
.unternehmen {}



#angebot_media_left { width:574px; height:359px; float:left;  margin-left:32px; margin-top:11px; position:relative;}
#angebot_media_right_box {float:left; ;}
#angebot_media_right_1 { height:120px; padding:119px 0 0 0;}
#angebot_media_right_2 {}
.angebot_media {}

#angebot_left { width:611px; height:359px; float:left;  margin-left:32px; margin-top:11px; position:relative;}
#angebot_right_box {float:left; ;}
#angebot_right_1 { height:120px; padding:119px 0 0 0;}
#angebot_right_2 {}
.angebot{}

#referenzen_left { width:715px; height:359px; float:left;  margin-left:32px; margin-top:11px; position:relative;}
#referenzen_right_box {float:left; ;}
#referenzen_right_1 { height:120px; padding:119px 0 0 0;}
#referenzen_right_2 {}
.referenzen {}


.screenshot { width:244px; height:191px; background:url(../images/screenshot_hg.jpg) no-repeat; float:left; padding:4px; margin-right:30px; margin-bottom:15px;}
.screenshot a:hover{ background:url(../images/screenshot_hg_hover.jpg) no-repeat; display:block;width:252px; height:199px; margin-left:-4px; margin-top:-4px;padding:4px;  }
/*** Angebot ***/




h2 { font-size:13px; font-weight:bold; color:#f08f0b; line-height:18px;}

.validation-error {	border: 1px solid #ff0000 !important; background-color: #ffeeee !important;}


/* PDF Icon */

.pdf_icon { background:url(../images/pdf_icon.gif) no-repeat; padding:2px 0 2px 22px;   }