/*    www.kundenkonzept-rocker.de    */
html,body{
	margin:0;padding:0;border:0;
	width:100%;height:100%;
	overflow:hidden;
	background-color:#000000;
	font-family:verdana,helvetica,arial,sans-serif;
	font-size:101%;
  text-align:center;
  vertical-align:top;
}
/*
orange:     ffcc66   = RGB:  255 - 204 - 102  (= Titel. - navaktuell = fed158 = leicht heller)
hellblau:   dcdbfd   = RGB:  220 - 219 - 253
mittelblau: 463fce   = RGB:   70 -  63 - 206
hellgrau (Kasten): edecfe
*/
div#randoben{
	width:100%;
  height:1.6%;
	margin:0;
	padding:0;
	background-color:#000000;
  font-size:0.2em;
}
div#alles{
	width:98%;
  height:96%;
	margin:auto;
	padding:0;
  color:#000000;
	background-color:#b5b4d5;   /* dunkleres Blaugrau  */
	text-align:center;
}
div#bglinks{
	float:left;
  margin:0;
	width:78%;
	height:100%;
	overflow:hidden;
  background-color:#dcdbfd;    /*  heller: dcdbfd #e5e4fe;  original:  c6c4fe */
  background-image:url(../grafik/rille.gif);background-repeat:repeat-y;
  background-position:100% 0%;
	text-align:left;
}
div#links{
  margin:0;
	width:98%;
	height:100%;
	overflow:hidden;
  background-image:url(../grafik/portr_li.gif);background-repeat:no-repeat;
  background-position:100% 100%;   /*  s.a. IE => 84% 100% */
	text-align:right;
}
div#titel{
  width:100%;
	height:90px;
	margin:0;
	padding-left:10%;   /*  s.a. IE  => 12% */
  background-color:#463fce;
  background-image:url(../grafik/dblauverl.gif);
  font-family:arial,helvetica,sans-serif;
  font-size:1.3em;
  line-height:1.4em;
  font-weight:bold;
  color:#ffcc66;          /*  = gelborange  */
  text-align:left;
  vertical-align:bottom;
}
.initial{
  font-size:1.4em;
  color:#ffffff;
}
.init1{
  font-size:1.4em;
/*  color:#ffffff;  */
}
.weiss{
  color:#ffffff;
}
.zusatz{
	font-size:0.8em;
	color:#ffffff;
  font-weight:normal;
}
div#innen1{
	position:relative;top:0;   /* sonst sind im IE die p + span (h1bg) nicht an die Seite festgehängt!? */
  margin:0;
  padding-left:12%;
	width:88%;
	height:82%;
	overflow:auto;
  background-image:url(../grafik/callcenter.gif);background-repeat:no-repeat;
  background-position: 9% 16px;
  background-attachment:scroll;
	text-align:left;
}
div#innen{
	position:relative;top:0;
  margin:0;
  padding-left:12%;
	width:88%;
	height:82%;
	overflow:auto;
	text-align:left;
}
div#inhalt{
	width:86%;
  min-height:80%;   /*  IE => 98%;    */
	margin:0;
	padding-top:16px;
  overflow:visible;
  font-family:verdana,helvetica,arial,sans-serif; /*   ->  normaler Text  */
	font-size:0.8em;
	line-height:1.4em;
	font-weight:normal;
	text-align:left;
}
noscript, .noscript{
	font-family:arial,helvetica,sans-serif;
	font-size:0.86em;
	line-height:1em;
	color:#69686d;          /*  = dgrau von visited   */
	text-align:left;
}
.headnoscr{
	font-family:arial,helvetica,sans-serif;
	color:#ffffff;
  font-size:0.4em;
  line-height:1.1em;
  float:left;
}
p{
	position:relative;
	margin:0 0 6px 0;
  padding:0;
}
div#rechts{
	float:right;
	width:22%;
	height:100%;
	overflow:hidden;
	margin:0;
	padding:0;
  text-align:center;
	background-color:#463fce;    /*  mittelblau  */
  background-image:url(../grafik/reoben.gif);background-repeat:repeat-x;
	color:#ffffff;
}
div#portre{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
  text-align:center;
  background-image:url(../grafik/portr_re.gif);background-repeat:no-repeat;
  background-position: 0 98%; /* weil oben Abstands-div=10px! (+ bg-div#links: top:16px)*/
}
div#abstlogo{
	width:100%;
	height:10px;
	overflow:hidden;
	margin:0;
	padding:0;
}
div#logo{
	width:100%;
	height:80px;
	overflow:hidden;
	margin:0;
	padding:0;
  background-image:url(../grafik/dblauverl.gif);background-repeat:repeat-x;background-position:0 100%;
}
div#navi{
	width:100%;
	height:78%;
  overflow:auto;
	margin:0;
	padding:24px 0px 2% 0;
	font-family:arial,helvetica,sans-serif; /* normaler Text, weiss  */
	color:#ffffff;
}
/*  ++++++++++++++++++  Inhalt Navi-Leiste  +++++++++++++++ */
div#rocknav{
		margin:0 auto 0 auto;
    padding:0;
    width:190px;  /* 88%;  */
}
a.navinaktiv:link,a.navinaktiv:visited,a.navinaktiv:focus,a.navinaktiv:hover,a.navinaktiv:active,a.navaktiv:link,a.navaktiv:visited,a.navaktiv:focus,a.navaktiv:hover,a.navaktiv:active{
		margin:4px 0;        /*  ergibt Trennlinie  */
    padding-top:5px;
    padding-right:0;
    padding-bottom:7px;
    padding-left:10px;
    display:block;
    text-align:left;
    font-family:arial,helvetica,sans-serif;
    font-size:0.8em;
    line-height:1em;
    font-weight:bold;
    text-decoration:none;
}
a.navinaktiv:link{
		color:#ffffff;
    background-image:url(../grafik/knopfweiss.gif);
    background-repeat:no-repeat;
    background-position: right 2px;
}
a.navinaktiv:visited{
		color:#dcdbfd;
    background-image:url(../grafik/knopfblau.gif);
    background-repeat:no-repeat;
    background-position: right 2px;
}
a.navinaktiv:focus{
    background-color:transparent;   /* hblau!  */
    color:#ffffff;
    background-image:url(../grafik/knopf1gelb.gif);
    background-repeat:no-repeat;
    background-position: right 2px;
}
a.navinaktiv:hover{
    background-color:#f9f9ff;      /*  bläulichweiß  */
    color:#ff9900;
    background-image:url(../grafik/knopfgelb.gif);
    background-repeat:no-repeat;
    background-position: right 2px;
}
a.navinaktiv:active{
    background-color:#f9f9ff;
    color:#cc0000;               /*  rot  */
    background-image:url(../grafik/knopfgelb.gif);
    background-repeat:no-repeat;
    background-position: right 2px;
}
a.navaktiv:link,a.navaktiv:visited,a.navaktiv:focus,a.navaktiv:hover,a.navaktiv:active{
		color:#fed158;background-color:transparent;           /*   heller: ffdd83  */
    background-image:url(../grafik/knopf1gelb.gif);
    background-repeat:no-repeat;
    background-position: right 2px;
}
div#unav{                     /*    =>  Unterthemen  */
    margin-left:44px;
}
.keinlink{                    /*    =>  wie aktiver Link  */
    font-family:arial,helvetica,sans-serif;
    font-size:0.8em;
    line-height:1em;
    font-weight:bold;
    color:#fed158;
    text-align:left;
    padding-top:7px;
    padding-right:0;
    padding-bottom:1px;     /*  = engerer Abstand!  */
    padding-left:10px;
    display:block;
}
div#rockendlnk{                /*  Suche + Hilfe, Hoch usw. */
		margin-top:22px; /* oder 26px bei 9 Buttons */
    margin-left:0;
    font-family:arial,helvetica,sans-serif;
    font-size:0.7em;
    line-height:0.9em;
    text-align:left;
}
div#rockendlnk a{
		margin:0;margin-bottom:4px;
    padding-top:4px;
    padding-right:0;
    padding-bottom:6px;
    padding-left:8px;
    display:block;
    text-align:left;
    text-decoration:none;
		color:#ffffff;
    background-color:transparent;
    background-image:url(../grafik/platz.gif);
    border:0;
    font-weight:bold;        /*  normal ist schöner  */
}
div#rockendlnk a:link{
		color:#ffffff;
    border:0;
    font-weight:bold;
    text-decoration:none;
    background-color:transparent;
}
div#rockendlnk a:visited{
		color:#dcdbfd;         /*  hellblau  */
    border:0;
    font-weight:bold;
    background-color:transparent;
}
div#rockendlnk a:focus{
		color:#ffffff;
    border:0;
    font-weight:bold;
    background-color:transparent;
}
div#rockendlnk a:hover{
		color:#ff9900;
    background-color:#ffffff;
    border:0;
    font-weight:bold;
}
div#rockendlnk a:active{
		color:#cc0000;               /*  rot  */
    background-color:#ffffff;
    border:0;
    font-weight:bold;
}
.access{
	text-decoration:underline;
}
#suchen{
	font-family:arial,helvetica,tahoma,sans-serif;
}
/*  ++++++++++++++++++  Ende Inhalt Navi-Leiste  +++++++++++++++ */
img{
	border:0;
  font-size:0.8em;
  color:#000077;
}
.rockstart{
  font-size:0.8em;
  color:#000077;
  clear:right;float:left;
  margin-right:20px;margin-bottom:20px;
  border-top:solid 1px #c5c2f7;
  border-right:solid 2px #c5c2f7;
  border-bottom:solid 3px #c5c2f7;
  border-left:solid 1px #c5c2f7;
}
h1{
	margin-bottom:1.4em;
	font-family:arial,helvetica,sans-serif;
	font-size:1.3em;
	line-height:1.6em;
	font-weight:bold;
	color:#000077;
  text-align:left;
}
.h1bg{
	position:relative;
  padding-top:8px;padding-right:6px;padding-bottom:6px;padding-left:6px; /* IE => 5px  */
	background-color:#edecfe;           /*  hellgrau  */
  border-top:1px solid #ced0ff;       /*    ffffff */
  border-right:4px solid #edecfe;
  border-bottom:1px solid #f3f3ff;    /*   ced0ff  */
  border-left:2px solid #ffffff;
	line-height:2em;
}
.h2bg{
	position:relative;
  padding-top:8px;padding-right:6px;padding-bottom:10px;padding-left:6px;
	background-color:#edecfe;           /*  hellgrau  */
  border-top:1px solid #ced0ff;       /*    ffffff */
  border-right:4px solid #edecfe;
  border-bottom:1px solid #f3f3ff;    /*   ced0ff  */
  border-left:2px solid #ffffff;
}
.h3bg{
  padding-top:4px;padding-right:6px;padding-bottom:18px;padding-left:6px;
	background-color:#edecfe;           /*  hellgrau  */
  border-top:1px solid #ced0ff;       /*    ffffff */
  border-right:4px solid #edecfe;
  border-bottom:1px solid #f3f3ff;    /*   ced0ff  */
  border-left:2px solid #ffffff;
}
h2{
	font-family:arial,helvetica,sans-serif;
	font-size:1.1em;
	line-height:1.3em;
	font-weight:bold;
	color:#000000;
	text-align:left;
	margin-top:0;
	margin-bottom:6px;
}
h3{
	font-family:verdana,helvetica,arial,sans-serif;
	font-size:1em;
	line-height:1.2em;
	font-weight:bold;
	color:#000000;          /*  kleinere Verdana schwarz + fett  */
	text-align:left;
	margin-top:0;
	margin-bottom:4px;
}
h4{
	font-family:arial,helvetica,sans-serif;
	font-size:1.1em;
	line-height:1.3em;
	font-weight:bold;
	color:#ffffff;
	text-align:left;
	margin:0;
}
h5{
	font-size:1.1em;
	font-weight:bold;
	color:#fed158;     /*  =  gelb wie navaktiv   */
	margin:0;margin-bottom:5px;
}
#top, #navtop{
	font-size:1px;line-height:1px;font-weight:normal;color:#dcdbfd;
}
#creative{
	position:relative;top:24px;right:-40px;
  width:178px;
  float:right;
  margin:0 0 40px 12px;
  padding:16px 7px 14px 11px;
  background-color:#ffffff;
  border-top:solid 1px #c5c2f7;border-right:solid 2px #c5c2f7;
  border-bottom:solid 3px #c5c2f7;border-left:solid 1px #c5c2f7;
  font-size:0.9em;
  z-index:3;
}
#creative h3{
	letter-spacing:1px;
}
a:link{                 /*  grundlegende Navidaten, Texte, Bilder  */
	font-family:verdana,arial,helvetica,tahoma,sans-serif;
	font-weight:normal;
	text-decoration:underline;
	color:#000000;             /*  wie Text   */
}
a:visited{
	font-family:verdana,arial,helvetica,tahoma,sans-serif;
	font-weight:normal;
	text-decoration:underline;
	color:#69686d;             /*   dklgrau */
}
a:focus{
	font-family:verdana,arial,helvetica,tahoma,sans-serif;
	font-weight:normal;
	text-decoration:none;
	color:#ffffff;
	background-color:#463fce;    /*  weiss auf mittelblau: focus wie hover  */
}
a:hover{
	font-family:verdana,arial,helvetica,tahoma,sans-serif;
	font-weight:normal;
	text-decoration:none;
	color:#ffffff;
	background-color:#463fce;
}
a:active{
	font-family:verdana,arial,helvetica,tahoma,sans-serif;
	font-weight:normal;
	text-decoration:none;
	color:#cc0000;
	background-color:#ffffff;
}
.blaufeld{
	width:64%;
	margin-top:34px;
	padding-top:12px;padding-right:44px;padding-bottom:6px;padding-left:48px;
	font-size:0.82em;
	line-height:1.2em;
	color:#ffffff;
	background-color:#463fce;
  background-image:url(../grafik/dblauverl.gif);background-repeat:repeat;
  border-top:1px solid #ffffff;
  border-right:1px solid #000000;
  border-bottom:1px solid #000000;
  border-left:1px solid #ffffff;
}
.preis{
	float:right;
	margin:0;
	padding-top:5px;padding-right:14px;padding-bottom:5px;padding-left:14px;
  text-align:right;
	font-size:0.82em;
	line-height:1.2em;
  font-weight:bold;
	color:#fed158;
	background-color:#463fce;
  background-image:url(../grafik/dblauverl.gif);
  border-top:1px solid #ffffff;
  border-right:1px solid #000000;
  border-bottom:1px solid #000000;
  border-left:1px solid #ffffff;
}
.klein{
  font-size:0.88em;
	line-height:1.2em;
}
dfn{
font-style:normal;
}
.endleiste{                 /*  Seitenabschlussleiste  */
	width:100%;
	margin-top:6em;        /*  48 - 60px  */
	margin-bottom:8px;        /*  6px  */
	border-top:1px solid #ced0ff;
  border-right:0;
	border-bottom:2px solid #c5c2f7;
  border-left:0;
}
.txtre{
	text-align:right;
}
a.ende:link{               /*  Abschlussleisten-Links  */
	font-family:arial,helvetica,sans-serif;
	font-size:0.8em;
	text-decoration:none;
  color:#58557b;
}
a.ende:visited{
	font-family:arial,helvetica,sans-serif;
	font-size:0.8em;
	text-decoration:none;
}
a.ende:focus{
	font-family:arial,helvetica,sans-serif;
	font-size:0.8em;
	text-decoration:none;
	color:#ffffff;
}
a.ende:hover{
	font-family:arial,helvetica,sans-serif;
	font-size:0.8em;
	text-decoration:none;
  color:#ffffff;
}
a.ende:active{
	font-size:0.8em;
	text-decoration:none;
  color:#c30254;     /* pink  */
}
ul{
	list-style-image:url(../grafik/knoklgelb.gif);
	margin-left:20px;
	padding-left:0;
}
li{
	margin:9px 0 0;
	padding-left:10px;
}
ul.unterpkt{
	list-style-image:url(../grafik/knoklweiss.gif);
	margin-left:14px;
}
li.upkt{
	margin-top:5px;
	padding-left:2px;
}
ol{
	list-style-type:decimal;
	margin-left:30px;
}
li.olpkt{
	margin-top:34px;
	padding-left:2px;
}
table{
	border:0;
	border-collapse:collapse;
	border-spacing:0;
}
caption{
	font-family:arial,helvetica,sans-serif;
	font-size:1.1em;
	margin:0;margin-bottom:12px;
	font-weight:bold;
  color:#000000;
  text-align:left;
}
td{
	padding:0;margin:0;
	text-align:left;
}
.bgvergleich{
	margin:0;/* auto  */
  padding:0;
	width:570px;
	height:350px;
	background-image:url(../grafik/vergleich.gif);background-repeat:no-repeat;
  background-position:center 10px;
}
.vergleich{
	font-family:tahoma,arial,helvetica,sans-serif;
	font-size:0.86em;
	line-height:140%;
  text-align:center;
  vertical-align:top;
}
.captvergl{
	margin:auto;
  text-align:center;
  font-family:arial,helvetica,sans-serif;
	font-size:1.1em;
	line-height:1.4em;
	font-weight:bold;
}
.adr{
	width:86%;
  text-align:center;
  margin:auto;
  padding-top:0.5em;  /*  s.a. margin-bottom:8px; von endleist  */
	font-size:0.8em;
  line-height:1.3em;
	color:#9f9cda;
}
                  /*  dkl.blau, Arial + Abstaende. */
input,select,textarea{
	font-family:arial,helvetica,sans-serif;
  font-size:1.1em;
	color:#000088;
	text-align:left;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:4px;
}
textarea{
	padding:6px;
  overflow:auto;
}
.wachsen{
    width: 1px;
    height: 5px;
    background-color:#463fce;
    font-size:4px;
}
.blau{
  font-size:0.9em;
	line-height:1em;
  font-weight:bold;
  color:#0000ff;
}
.dmittelblau{      /*  => Überschrift Kasten Startseite   */
  font-weight:bold;
  color:#312b9c;
}
.dblau{
  font-size:0.9em;
	line-height:1.4em;
  font-weight:bold;
  color:#292576;
}
.at{
  background-image:url(../grafik/at.gif);
  background-repeat:no-repeat;
  background-position:center bottom;
}
.at_mini{
  background-image:url(../grafik/at_mini.gif);
  background-repeat:no-repeat;
  background-position:center bottom;
  color:#dcdbfd;
}
/*  nur Startseite: Ausklappmenue oben quer:
div#headmenu{
	position:absolute;left:42%;z-index:10;
	width:44%;
  float:right;
  padding-top:34px;
  }       */
  div#headmenu{  /*  s.a. IE!  */
	position:absolute;right:14%;z-index:10;
	width:44%;
  float:right;
  padding-top:36px;
  }
ul.jobsusw {
	clear:both;
	margin:0;padding:0;
}
#jobsusw li {
	width:90px;
  margin:0;padding:0;
  list-style:none;
  float:left;
  font-family:arial,helvetica,sans-serif;
  font-size:0.6em;
}
#jobsusw li a.menuquer {
  display:block;
  text-align:center;
  padding: 2px 0 1px 0;
  color:#ffffff;
  font-weight:bold;
  text-decoration:none;
}
#jobsusw li a.menuquer:visited {
  color:#ffffff;
}
#jobsusw li a.menuquer:focus,#jobsusw li a.menuquer:hover {
  color:#ffcc66;          /*  = gelborange  */
  background-color:#463fce;
}
#jobsusw li a.menuquer:active {
  color:#ffcc66;
  background-color:#463fce;
}
.submenu {
	width:88px;
  background-color:#edecfe;
  border: 1px solid #ffffff;
  visibility: hidden;
  position: absolute;
  text-align:center;
}
.submenu a {
  display:block;
  font: 0.9em arial;
  line-height:1.1em;
  text-decoration: none;
  padding:5px;
  color:#463fce;
}
.submenu a:visited {
  color:#463fce;
  background-color:#dcdbfd;
}
.submenu a:focus {
  color:#ff9900;
  background-color:#ffffff;
}
.submenu a:hover {
  color:#ff9900;
  background-color:#ffffff;
}
.submenu a:active {
  color:#cc0000;
  background-color:#f9f9ff;
}
abbr, acronym, .help{
	border-bottom: 0.1em dashed #778bc3; /*  mittelblau */
	cursor:help;
}
.abbrohne {
	border:0;
	cursor:auto;
}
.suchbegriff{
  background-color:#fff7e5;     /*  = zartes Hell-Gelborange (von "Stempel")  */
  border-bottom:2px solid #ffffff;
}