/* IHRE MARKENWERKSTATT CSS by Vera Zimperfeld */

* { margin:0; padding:0; }

html, body {
	height:100%;
}

body {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:12px;
	color:#141514;
	background:url(../gfx/bg.jpg) top left repeat-x;
	text-align:center; /* horizontal centering for IE Win quirks */
}



#distance { 
	width:1px;
	height:50%;
	background-color:#fc6;
	margin-bottom:-310px; /* half of container's height */
	float:left;
}

a {
	color:#141514;
	text-decoration:underline;
	font-weight:bold;
	}
	
a:hover{
	color:#c4a500;
}

a:active, a:focus {outline: none}

p{
	line-height:185%;
	margin-bottom:10px;
}
	
	
.hidden {
	display:none;
}

h1 {
	font-size:24px;
	font-weight:normal;
	color:#202020;
	margin-bottom:10px;
	text-transform:uppercase;
}

h2 {
	font-size:14px;
	font-weight:bold;
	color:#a18800;
	margin-bottom:10px;
	margin-top:20px;
	text-transform:uppercase;
	letter-spacing:1px;
}

h3 {
	font-size:14px;
	font-weight:bold;
	color:#202020;
	margin-bottom:5px;
	margin-top:0;
	text-transform:uppercase;
	letter-spacing:1px;
}

.picleft {
	float:left;
	margin-right:10px;}


#container {
	margin:auto;
	padding:0;
	text-align:center;
	width:960px;
	height:620px;
	position:relative;
	clear:left;
	}
	



/*--------------- START WRAP ----------------------------------------------------*/


#header {
	width:960px;
	height:76px;
}

#logo {
	width:264px;
	height:76px;
	margin-right:3px;
	float:left;
}

#footer {
	width:960px;
	height:13px;
	font-size:11px;
	text-align:left;
	padding-top:6px;
}

#footer a {
	text-decoration:none;
	font-weight:normal;
}
#footer a:hover {
	color:#141514;
	text-decoration:underline;
}

/*--------------- START CONTENT-AREA ----------------------------------------------------*/
#contentwrap {
	width:960px;
	height:511px;
	text-align:left;
	margin-top:14px;
}

#content {
	width:687px;
	height:505px;
	float:left;
	margin-left:3px;
	background-color:#fff;
	padding:2px;
	border:1px solid #141514;
}



#text {
	margin-top:2px;
	width:617px;
	/*height:445px;*/
	height:398px;
	padding:25px 35px 25px 35px;
	overflow:auto;
}

#text_triple {
	margin-top:2px;
	width:617px;
	height:217px;
	padding:25px 35px 0 35px;
}

#text_subnav {
	margin-top:2px;
	width:617px;
	/*height:445px;*/
	height:373px;
	padding:25px 35px 25px 35px;
	overflow:auto;
}

#text_subnav ul {
	margin:10px 0 0 30px;
}

#text_subnav li {
	padding:4px 0 4px 5px;
	line-height:170%;
}

#text_subnav_two {
	margin-top:2px;
	width:617px;
	/*height:445px;*/
	height:373px;
	padding:25px 35px 25px 35px;
	overflow:auto;
}
#text_subnav_two li {
	padding:2px 0 2px 5px;
	line-height:150%;
}

#text_subnav_two ul {
	margin:10px 0 0 30px;
}

.startmw {
	width:610px;
	height:132px;
	margin-bottom:5px;
	margin-top:30px;
	background:url(../gfx/startmw.gif) top left no-repeat;
}
.prinzip {
	width:610px;
	height:75px;
	margin-bottom:20px;
	background:url(../gfx/prinzip.gif) top left no-repeat;
}

/*#text2sp {
	margin-top:2px;
	width:617px;
	height:445px;
	height:398px;
	padding:25px 35px 25px 35px;
	overflow:auto;
}

#textleft {
	margin-top:2px;
	width:308px;
	border-right:1px solid #CCCCCC;
	float:left;
}

#textright {
	margin-top:2px;
	width:250px;
	padding-left:35px;
	float:left;
}*/

#text2sp {
	margin-top:2px;
	width:637px;
	/*height:445px;*/
	height:398px;
	padding:25px 15px 25px 35px;
	overflow:auto;
}

#textleft {
	margin-top:2px;
	width:258px;
	float:left;
}

#textright {
	margin-top:2px;
	width:320px;
	padding-left:35px;
	border-left:1px solid #CCCCCC;
	float:left;
}


/*--------------- START PIC-AREA -------------------------*/	

#pic {
	float:left;
}

#startpic {
	width:264px;
	height:511px;
	background:url(../gfx/pic_startseite.jpg) top left no-repeat;
}

#markenwerkstattpic {
	width:264px;
	height:511px;
	background:url(../gfx/pic_markenwerkstatt.jpg) top left no-repeat;
}

#markepic {
	width:264px;
	height:511px;
	background:url(../gfx/pic_marke.jpg) top left no-repeat;
}

#werkstattpic {
	width:264px;
	height:511px;
	background:url(../gfx/pic_werkstatt.jpg) top left no-repeat;
}

#mwpic {
	width:264px;
	height:511px;
	background:url(../gfx/pic_mw.jpg) top left no-repeat;
}

#leistungenpic {
	width:264px;
	height:511px;
	background:url(../gfx/pic_leistungen.jpg) top left no-repeat;
}

#kompetenzenpic {
	width:264px;
	height:511px;
	background:url(../gfx/pic_kompetenzen.jpg) top left no-repeat;
}

#marketingpic {
	width:264px;
	height:511px;
	background:url(../gfx/pic_marketing.jpg) top left no-repeat;
}

#vertriebpic {
	width:264px;
	height:511px;
	background:url(../gfx/pic_vertrieb.jpg) top left no-repeat;
}

#veranstaltungenpic {
	width:264px;
	height:511px;
	background:url(../gfx/pic_veranstaltungen.jpg) top left no-repeat;
}

#werkstattpraxispic {
	width:264px;
	height:511px;
	background:url(../gfx/pic_werkstattpraxis.jpg) top left no-repeat;
}

#teampic {
	width:264px;
	height:511px;
	background:url(../gfx/pic_team.jpg) top left no-repeat;
}

#referenzenpic {
	width:264px;
	height:511px;
	background:url(../gfx/pic_referenzen.jpg) top left no-repeat;
}

#kontaktpic {
	width:264px;
	height:511px;
	background:url(../gfx/pic_kontakt.jpg) top left no-repeat;
}


/*--------------- ENDE PIC-AREA -------------------------*/

/*--------------- START HEAD-AREA -------------------------*/	


#head_start {
	width:687px;
	height:54px;
	background:url(../gfx/head_start.gif) top left no-repeat;
}

#head_mw {
	width:687px;
	height:54px;
	background:url(../gfx/head_mw.gif) top left no-repeat;
}

#head_leistung {
	width:687px;
	height:54px;
	background:url(../gfx/head_leistung.gif) top left no-repeat;
}

#head_team {
	width:687px;
	height:54px;
	background:url(../gfx/head_team.gif) top left no-repeat;
}

#head_ref {
	width:687px;
	height:54px;
	background:url(../gfx/head_ref.gif) top left no-repeat;
}

#head_kontakt {
	width:687px;
	height:54px;
	background:url(../gfx/head_kontakt.gif) top left no-repeat;
}

#head_impressum {
	width:687px;
	height:54px;
	background:url(../gfx/head_impressum.gif) top left no-repeat;
}

#head_unternehmen {
	width:687px;
	height:54px;
	background:url(../gfx/head_unternehmen.gif) top left no-repeat;
}


/*--------------- ENDE HEAD-AREA -------------------------*/




#box_wrap {
	width:654px;
	height:154px;
	padding:27px 0 0 33px;
	background-color:#e7dda9;
}

.box {
	width:196px;
	height:125px;
	float:left;
	text-align:center;
	border:1px solid #000;
	padding:1px 1px 0 1px;
	margin-right:8px;
	background:url(../gfx/box_bg.gif) top left no-repeat;
}

.boxtext {
	width:186px;
	height:77px;
	text-align:left;
	padding:10px 5px 0 5px;
	line-height:140%;
}

.boxtext a, a:hover{
	font-weight:bold;
}

.boxtext a:hover{
	color:#c4a500;
}

.boxhead_marke {
	width:196px;
	height:38px;
	background:url(../gfx/box_marke.gif) top left no-repeat;
}

.boxhead_werkstatt {
	width:196px;
	height:38px;
	background:url(../gfx/box_werkstatt.gif) top left no-repeat;
}

.boxhead_mw {
	width:196px;
	height:38px;
	background:url(../gfx/box_mw.gif) top left no-repeat;
}

.boxhead_marketing {
	width:196px;
	height:38px;
	background:url(../gfx/box_marketing.gif) top left no-repeat;
}

.boxhead_vertrieb {
	width:196px;
	height:38px;
	background:url(../gfx/box_vertrieb.gif) top left no-repeat;
}

.boxhead_veranstaltungen {
	width:196px;
	height:38px;
	background:url(../gfx/box_veranstaltungen.gif) top left no-repeat;
}

.boxhead_unser_team {
	width:196px;
	height:38px;
	background:url(../gfx/box_unser_team.gif) top left no-repeat;
}


.boxhead_partner {
	width:196px;
	height:38px;
	background:url(../gfx/box_partner.gif) top left no-repeat;
}




/*--------------- ENDE CONTENT-AREA ----------------------------------------------------*/

.ref_box {
	width:597px;
	background:url(../gfx/ref_bg.gif) top left repeat-y;
	/*border-bottom:1px solid #dddddd;*/
	overflow:auto;
	padding:5px 0;
}
.ref_img {
	width:130px;
	float:left;
	margin-right:35px;
}

a img{
	border:none;
}

.ref_text {
	width:432px;
	float:left;
}

.line {
	width:597px;
	height:1px;
	background-color:#dddddd;
	margin:15px 0;
}



	
/*--------------- TOP- NAVI-AREA ----------------------------------------------------*/

#top_nav_wrap {
	width:665px;
	height:14px;
	margin-top:62px;
	padding:0 0 0 28px;
	text-align:center;
	float:left;
}


#top_nav {
	float:left;
	height:14px;
}

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

#top_nav ul li {
	display:inline;
}

#top_nav ul li a {
	text-decoration:none;
	display:block;
	float:left;
	height:14px;
}

/*------------------------------------------*/
#top_nav ul li a.start {
	width:104px;
	background:url(../gfx/nav/start.gif) top left no-repeat;
}
#top_nav ul li a:hover.start, a.aktivstart {
	width:104px;
	background:url(../gfx/nav/start_ro.gif) top left no-repeat;
}
/*------------------------------------------*/

/*------------------------------------------*/
#top_nav ul li a.leistung {
	width:175px;
	background:url(../gfx/nav/leistung.gif) top left no-repeat;
}
#top_nav ul li a:hover.leistung, a.aktivleistung {
	width:175px;
	background:url(../gfx/nav/leistung_ro.gif) top left no-repeat;
}
/*------------------------------------------*/
/*------------------------------------------*/
#top_nav ul li a.unternehmen {
	width:128px;
	background:url(../gfx/nav/unternehmen.gif) top left no-repeat;
}
#top_nav ul li a:hover.unternehmen, a.aktivunternehmen {
	width:128px;
	background:url(../gfx/nav/unternehmen_ro.gif) top left no-repeat;
}
/*------------------------------------------*/
/*------------------------------------------*/
#top_nav ul li a.team {
	width:62px;
	background:url(../gfx/nav/team.gif) top left no-repeat;
}
#top_nav ul li a:hover.team, a.aktivteam {
	width:62px;
	background:url(../gfx/nav/team_ro.gif) top left no-repeat;
}
/*------------------------------------------*/
/*------------------------------------------*/
#top_nav ul li a.ref {
	width:116px;
	background:url(../gfx/nav/ref.gif) top left no-repeat;
}
#top_nav ul li a:hover.ref, a.aktivref {
	width:116px;
	background:url(../gfx/nav/ref_ro.gif) top left no-repeat;
}
/*------------------------------------------*/
/*------------------------------------------*/
#top_nav ul li a.kontakt {
	width:76px;
	background:url(../gfx/nav/kontakt.gif) top left no-repeat;
}
#top_nav ul li a:hover.kontakt, a.aktivkontakt {
	width:76px;
	background:url(../gfx/nav/kontakt_ro.gif) top left no-repeat;
}
/*------------------------------------------*/

/*--------------- ENDE TOP- NAVI-AREA ----------------------------------------------------*/

/*--------------- SUB-NAVI-AREA ----------------------------------------------------*/

#sub_nav {
	width:633px;
	height:25px;
	padding-left:54px;
	text-align:center;
	background:url(../gfx/bg_sub_nav.gif) top left no-repeat;
}


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

#sub_nav ul li {
	display:inline;
}

#sub_nav ul li a {
	text-decoration:none;
	display:block;
	float:left;
	height:25px;
}

/*------------------------------------------*/
#sub_nav ul li a.prinzipien {
	width:85px;
	background:url(../gfx/nav/prinzipien.gif) top left no-repeat;
}
#sub_nav ul li a:hover.prinzipien, a.aktivprinzipien {
	width:85px;
	background:url(../gfx/nav/prinzipien_ro.gif) top left no-repeat;
}
/*------------------------------------------*/
#sub_nav ul li a.name {
	width:77px;
	background:url(../gfx/nav/name.gif) top left no-repeat;
}
#sub_nav ul li a:hover.name, a.aktivname {
	width:77px;
	background:url(../gfx/nav/name_ro.gif) top left no-repeat;
}
/*------------------------------------------*/
#sub_nav ul li a.ihre_mw {
	width:167px;
	background:url(../gfx/nav/ihre_mw.gif) top left no-repeat;
}
#sub_nav ul li a:hover.ihre_mw, a.aktivihre_mw {
	width:167px;
	background:url(../gfx/nav/ihre_mw_ro.gif) top left no-repeat;
}
/*------------------------------------------*/

#sub_nav ul li a.kompetenzen {
	width:103px;
	background:url(../gfx/nav/kompetenzen.gif) top left no-repeat;
}
#sub_nav ul li a:hover.kompetenzen, a.aktivkompetenzen {
	width:103px;
	background:url(../gfx/nav/kompetenzen_ro.gif) top left no-repeat;
}
/*------------------------------------------*/
#sub_nav ul li a.marketing {
	width:85px;
	background:url(../gfx/nav/marketing.gif) top left no-repeat;
}
#sub_nav ul li a:hover.marketing, a.aktivmarketing {
	width:85px;
	background:url(../gfx/nav/marketing_ro.gif) top left no-repeat;
}
/*------------------------------------------*/
#sub_nav ul li a.vertrieb {
	width:74px;
	background:url(../gfx/nav/vertrieb.gif) top left no-repeat;
}
#sub_nav ul li a:hover.vertrieb, a.aktivvertrieb {
	width:74px;
	background:url(../gfx/nav/vertrieb_ro.gif) top left no-repeat;
}
/*------------------------------------------*/
#sub_nav ul li a.veranst {
	width:206px;
	background:url(../gfx/nav/veranst.gif) top left no-repeat;
}
#sub_nav ul li a:hover.veranst, a.aktivveranst {
	width:206px;
	background:url(../gfx/nav/veranst_ro.gif) top left no-repeat;
}
/*------------------------------------------*/
/*------------------------------------------*/
#sub_nav ul li a.werkstattpraxis {
	width:126px;
	background:url(../gfx/nav/werkstattpraxis.gif) top left no-repeat;
}
#sub_nav ul li a:hover.werkstattpraxis, a.aktivwerkstattpraxis {
	width:126px;
	background:url(../gfx/nav/werkstattpraxis_ro.gif) top left no-repeat;
}
/*------------------------------------------*/
/*------------------------------------------*/
#sub_nav ul li a.einleitung {
	width:85px;
	background:url(../gfx/nav/einleitung.gif) top left no-repeat;
}
#sub_nav ul li a:hover.einleitung, a.aktiveinleitung {
	width:85px;
	background:url(../gfx/nav/einleitung_ro.gif) top left no-repeat;
}
/*------------------------------------------*/
/*------------------------------------------*/
#sub_nav ul li a.unser_team {
	width:44px;
	margin-left:6px;
	background:url(../gfx/nav/unser_team.gif) top left no-repeat;
}
#sub_nav ul li a:hover.unser_team, a.aktivunser_team {
	width:44px;
	margin-left:6px;
	background:url(../gfx/nav/unser_team_ro.gif) top left no-repeat;
}
/*------------------------------------------*/
/*------------------------------------------*/
#sub_nav ul li a.gf {
	width:130px;
	background:url(../gfx/nav/geschaeftsfuehrer.gif) top left no-repeat;
}
#sub_nav ul li a:hover.gf, a.aktivgf {
	width:130px;
	background:url(../gfx/nav/geschaeftsfuehrer_ro.gif) top left no-repeat;
}
/*------------------------------------------*/

/*------------------------------------------*/
#sub_nav ul li a.partner {
	width:75px;
	background:url(../gfx/nav/partner.gif) top left no-repeat;
}
#sub_nav ul li a:hover.partner, a.aktivpartner {
	width:75px;
	background:url(../gfx/nav/partner_ro.gif) top left no-repeat;
}
/*------------------------------------------*/
/*------------------------------------------*/
#sub_nav ul li a.koepfe {
	width:53px;
	background:url(../gfx/nav/koepfe.gif) top left no-repeat;
}
#sub_nav ul li a:hover.koepfe, a.aktivkoepfe {
	width:53px;
	background:url(../gfx/nav/koepfe_ro.gif) top left no-repeat;
}
/*------------------------------------------*/





/* ----------------------  FORMULAR ---------------------- */
.formular {
	width:320px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.formular_form {
	/*margin:auto;
	clear:both;
	width:380px;*/
}

input, .formular_form select{
	width:215px;
	height:15px;
	margin-bottom:5px;
	border:1px solid #5b5b5b;
	color:#2f2f2f;
	background-color:#f2edd3;
	padding:2px 2px 3px 2px;
	font-family:Arial, Helvetica, sans-serif;
}

input:focus{
	border:1px solid #5b5b5b;
	background-color:#d9d9d9;
}

input.alter {
	width:60px;
}

.formular_form label{
	clear:both;
	width:69px;
	float:left;
	text-align:right;
	font-weight:bold;
	margin-right:10px;
	margin-bottom:5px;
	padding-top:3px;
}



#Nachricht {
	width:215px;
	height:110px;
	overflow:auto;
	border:1px solid #5b5b5b;
	color:#2f2f2f;
	background-color:#f2edd3;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:3px;
} 


/*input.submit_button {
	border:none;
	width:110px;
	height:35px;
	padding-left:79px;
	background-color:#fff;
}*/

input.submit_button {
	border:none;
	width:140px;
	height:26px;
	text-align:center;
	margin:0 0 5px 80px;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-transform:uppercase;
	font-weight:bold;
	background-color:#C4A500;
	border:1px solid #000;
	padding:0 0 2px 0;
}

.pink {
	font-size:12px;
	color:#e1023b;
}

.errorBox{
	background:#c4a500;
	padding:5px;
	width:220px;
	font-weight:bold;
	color:#fff;
	margin:0 5px 20px 79px;
	display:none;
}