@charset "UTF-8";
/* knolle.biz */
/* 06-08-2009 update */

body {
margin: 0px 0px 0px 0px;
background-image:url(../img/bg3000.jpg);
background-repeat:repeat-x;
background-position:top;
background-attachment:fixed;
background-color:#586a76;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#ffffff;
}
p {
margin-top:0;
margin-bottom:10px;
}

#layout {
position:relative;
width:980px;
min-height:400px;
height:auto !important;
height:500px;
margin-left:auto;
margin-right:auto;
padding-left:20px;

}
#logo {
position:relative;
width:309px;
height:121px;
background-image:url(../img/knolle_design_logo.png);
background-repeat:no-repeat;
background-position:left top;
}

#navigation {
position:relative;
height:135px;
width:auto;
margin-left:322px;
}

.menupunkt {
position:relative;
height:130px;
float:left;
}

#content {
position:relative;
width:980px;
padding-bottom:30px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#ffffff;
line-height:140%;
}

/* allg container config */
.con_common {
position:relative;
float:left;
}

.kunde_thumbnail {
	overflow: hidden; float: left; position: relative; margin-bottom: 10px; width: 90px; height: 59px; margin-right: 10px;
	}
	.clear_left {
		clear:left;
		}
.kunde_uebersicht {
position:relative;
float:left;
width:140px;
height:124px;
margin-bottom:20px;
margin-right:20px;
overflow:hidden;
}

/* aussenabstande */
.con_margin_bo {
margin-bottom:20px; }
.con_margin_lt {
margin-left:20px;}
.con_margin_rt {
margin-right:20px; }
.con_margin_rt_26 {
margin-right:26px; }

/* innenabstand */
.con_padding_bo {
padding-bottom:20px; }

/* bausteine hohen */
.con_width_140 {
width:140px; }
.con_width_220 {
width:220px; }
.con_width_300 {
width:300px; }
.con_width_380 {
width:380px;}
.con_width_460 {
width:460px;}
.con_width_700 {
width:700px; }
.con_width_900 {
width:900px; }

.con_bgcolor_8698a5 {
background-color:#8698a5;
}

/* bausteine breiten */
.con_height_auto {
height:auto; }
.con_height_60 {
height:60px; }
.con_height_70 {
height:70px; }
.con_height_120 {
height:120px; }
.con_height_124 {
height:124px; }
.con_height_140 {
height:140px; }
.con_height_170 {
height:170px; }
.con_height_300 {
height:300px; }
.con_height_350 {
height:350px; }
.con_height_400 {
height:400px; }

/* divs unter dem grossen referenz bild auf der detailseite: pfeile, auswahl link*/
.outline_refnavi {
position:relative;
margin-left:160px;
height:auto;
width:auto;
}
/* referenzen pfeile */
.pfeil_links {
position:relative;
float:left;
width:15px;
height:15px;
background-image:url(../../media/Image/referenzen/pfeil_links.gif);
background-repeat:no-repeat;
}
.pfeil_links:hover {
position:relative;
float:left;
width:15px;
height:15px;
background-image:url(../../media/Image/referenzen/pfeil_links_ro.gif);
background-repeat:no-repeat;
}
.pfeil_rechts {
position:relative;
float:left;
width:15px;
height:15px;
background-image:url(../../media/Image/referenzen/pfeil_rechts.gif);
background-repeat:no-repeat;
}


/* case studie pfeile */
#content a.casestudie,  a.casestudie:link, a.casestudie:visited, a.casestudie:active {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#8698a5;
text-decoration:none;
padding-right:20px;
background-image:url(../../media/Image/case_studies/pfeil_rechts.gif);
background-repeat:no-repeat;
background-position:right 1px;
position:absolute;
width:auto;
height:15px;


}
#content a.casestudie:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#d1eb2b;
text-decoration:none;
padding-right:20px;
background-image:url(../../media/Image/case_studies/pfeil_rechts_hover.gif);
background-repeat:no-repeat;
background-position:right 1px;
position:absolute;
width:auto;
height:15px;
}

/* ubersicht leistungen pfeile */
#content a.leistungen,  a.leistungen:link, a.leistungen:visited, a.leistungen:active {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#8698a5;
text-decoration:none;
padding-right:20px;
background-image:url(../../media/Image/leistungen/leistungen_dunkel.gif);
background-repeat:no-repeat;
background-position:right 1px;
position:absolute;
width:auto;
height:15px;


}
#content a.leistungen:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#d1eb2b;
text-decoration:none;
padding-right:20px;
background-image:url(../../media/Image/leistungen/leistungen_hell.gif);
background-repeat:no-repeat;
background-position:right 1px;
position:absolute;
width:auto;
height:15px;
}
/* zuruck pfeil in den leistungen */

/* ubersicht leistungen pfeile */
#content a.zuruckpfeil,  a.zuruckpfeil:link, a.zuruckpfeil:visited, a.zuruckpfeil:active {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#8698a5;
text-decoration:none;
padding-left:20px;
background-image:url(../../media/Image/leistungen/pfeil_links_dunkel.gif);
background-repeat:no-repeat;
background-position:left 1px;
position:absolute;
width:auto;
height:15px;


}
#content a.zuruckpfeil:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#d1eb2b;
text-decoration:none;
padding-left:20px;
background-image:url(../../media/Image/leistungen/pfeil_links_hell.gif);
background-repeat:no-repeat;
background-position:left 1px;
position:absolute;
width:auto;
height:15px;
}


.pfeil_rechts:hover {
position:relative;
float:left;
width:15px;
height:15px;
background-image:url(../../media/Image/referenzen/pfeil_rechts_ro.gif);
background-repeat:no-repeat;
}


/* text zur projektubersicht im container mit linkstil def */
#ref-navi {
position:relative;
float:left;
height:auto;
width:auto;
margin-right:5px;
margin-left:5px;}
#ref-navi a,  a:link, a:visited, a:active {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#8698a5;
text-decoration:none;
}
#ref-navi a:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#d1eb2b;
text-decoration:none;
}
/* jeweiliger text zum teambild einblendung per onclick js*/
.team-position {
position:absolute;
left:0px;
top:320px;
width:300px;
height:auto;
visibility:hidden;
}
/* jeweiliger text zum referenz-bild einblendung per onclick js*/
.ref-beschreibung {
position:absolute;
left:0px;
top:40px;
width:140px;
height:auto;
visibility:hidden;
}

/* alle content bilder auszeichnen */
#content img {
border:1px solid #ffffff;}

/* KNOLLE DESIGN KUNDENBEREICH IMPORT */

/* Formulare allgemein */

.formular-textfelder {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#585858;
	border-style:solid;
	border-width:1px;
	border-color:#9F9F9F;
}
.formular-checkbox {

}
.formular-button {
	border-width:0px;
}
.formular-wrong {
	background-color:#f9e5e5;
}
.formular-error {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#c80000;
	text-align:right;
	font-size:10px;
	margin-right:5px;
}

.anmeldung-textkasten {
	margin:30px;
	margin-bottom:15px;
	width:705px;
	height:auto;
	z-index:1;
}
.anmeldung-box {
	width:705px;
	height:auto;
	
}
.anmeldung-profilkasten1 {
	width:320px;
	margin-top:26px;
	margin-left:10px;
	float:left;
}
.anmeldung-profilkasten2 {
	width:315px;
	margin-top:26px;
	margin-right:10px;
	float:right;
}
.anmeldung-profilkasten3 {
	width:690px;
	margin-top:15px;
	margin-left:10px;
	float:left;
}
.anmeldung-profilkasten4 {
	width:480px;
	margin-top:26px;
	margin-left:10px;
	float:left;
}
.anmeldung-profilkasten5 {
	width:670px;
	margin-top:15px;
	margin-left:10px;
	float:left;
	text-align:right;
	}
.anmeldung-textfelder {
width:224px;
}
.anmeldung-zeile {
margin-bottom:4px;
float:left;
}
.anmeldung-zeileeinzel {
float:left;
}
.anmeldung-zeileeinzelx {
float:left;
}
.anmeldung-error {
	width:400px;
	float:left;
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#c80000;
	text-align:left;
	font-size:10px;
	margin-right:5px;
	}

/*Login */

.login-box {
	margin-left:30px;
	margin-right:20px;
	width:320px;
	height:auto;
	z-index:1;
	border-style:solid;
	border-color:#d1d1d1;
	border-width:1px;
	background-image:url(../img/backgrounds/formulare/formulare_bg.jpg);
	background-repeat:repeat-x;
	background-color:#EAEAEA;
}
.login-textkasten {
	margin:30px;
	margin-right:20px;
	margin-bottom:15px;
	width:320px;
	height:auto;
	z-index:1;
}
.loginbox-felder-rahmen {
	width:210px;
	margin-top:8px;
	margin-left:10px;
	margin-bottom:8px;
	line-height:20px;
	float:left;
	text-align:left;
}
.login-textfelder {
	width:294px;
}
.login-zeilen {
	margin-left:12px;
	margin-top:7px;
	margin-bottom:6px;
	margin-right:11px;
}

/* Logout */

.logout-textkasten {
	margin:30px;
	margin-bottom:15px;
	width:320px;
	height:auto;
	z-index:1;
}

/* Newsletterbox beim Login */

.newsletter-box {
	margin-left:30px;
	margin-right:20px;
	width:320px;
	height:auto;
	z-index:1;
	border-style:solid;
	border-color:#d1d1d1;
	border-width:1px;
	background-image:url(../img/backgrounds/formulare/formulare_bg.jpg);
	background-repeat:repeat-x;
	background-color:#EAEAEA;
}

/* Newsletter */
.newsletter-textkasten {
	margin:30px;
	margin-bottom:15px;
	width:320px;
	height:auto;
	z-index:1;
}

/* Kundenbereich Index */
.kundenindex-textkasten {
	margin:30px;
	margin-bottom:15px;
	width:705px;
	height:auto;
	z-index:1;
}

/*Druckanfrage */

.da-textkasten {
	margin:30px;
	margin-bottom:15px;
	width:340px;
	height:auto;
	z-index:1;
}
.da-auswahl-textkasten {
	margin:30px;
	margin-bottom:15px;
	width:400px;
	height:auto;
	z-index:1;
}
.da-auswahl1-textkasten {
	margin:30px;
	margin-bottom:15px;
	width:180px;
	height:auto;
	z-index:1;
}
.da-auswahl2-textkasten {
	margin:30px;
	margin-bottom:15px;
	width:600px;
	height:auto;
	z-index:1;
}
.druckanfrage-box {
	margin-left:30px;
	margin-right:30px;
	margin-bottom:30px;
	width:auto;
	height:auto;
	z-index:1;
	border-style:solid;
	border-color:#d1d1d1;
	border-width:1px;
	background-image:url(../img/backgrounds/formulare/formulare_bg.jpg);
	background-repeat:repeat-x;
	background-color:#EAEAEA;
}
/* Druckanfrage Hilfe Popup */

.druckanfrage-hile-box {
	background-color:#FFFFFF;
	width:240px;
	margin:20px;
}
.druckanfrage-error {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#c80000;
	font-size:10px;
	margin-left:12px;
}
.da-korrektur-textkasten {
	margin:30px;
	margin-bottom:15px;
	width:500px;
	height:auto;
	z-index:1;
}
.druckanfrage-optionen-box {
	margin-left:30px;
	margin-right:30px;
	margin-bottom:30px;
	width:230px;
	height:auto;
	z-index:1;
	border-style:solid;
	border-color:#d1d1d1;
	border-width:1px;
	background-image:url(../img/backgrounds/formulare/formulare_bg.jpg);
	background-repeat:repeat-x;
	background-color:#EAEAEA;
	padding:10px;
}
.kety-box {
	width:300px;
	height:40px;
	z-index:1;
	margin-bottom:15px;
	border-style:solid;
	border-color:#d1d1d1;
	border-width:1px;
	background-image:url(../img/backgrounds/formulare/formulare_bg.jpg);
	background-repeat:repeat-x;
	background-color:#EAEAEA;
}
.kety-ak-box {
	width:300px;
	height:auto;
	z-index:1;
	margin-bottom:15px;
	border-style:solid;
	border-color:#d1d1d1;
	border-width:1px;
	background-image:url(../img/backgrounds/formulare/formulare_bg.jpg);
	background-repeat:repeat-x;
	background-color:#EAEAEA;
}

a.existenzgruender-banner, a.existenzgruender-banner:link, a.existenzgruender-banner:visited, a.existenzgruender-banner:hover, a.existenzgruender-banner:active {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#ffffff;
text-decoration:none;
}