/*
-----------------------------------------------
xxx style
version: 2006.08.19
----------------------------------------------- */
/* COLORS
-----------------------------------------------
#404040 : default font, input.prefill
#666    : #container-summaries .box-01, #container-summaries h3, #col-addition h2
#999    : border input (focus)
#a0a0a0 : #nav-fineprint a
#990000 : #nav-fineprint li#language background-color, #nav-main (a.active, a:hover, a:focus) background-color, #container-summaries a 
          p.alert, label.error, input.userfill, #col-navigation p, #col-navigation h1, #col-navigation a, #col-addition 
#555    : blockquote *, li#customer (a.active/a:hover/a:focus), li#employee (a.active/a:hover/a:focus)
#efefef : input:hover/input:focus, select:hover/select:focus, textarea:hover/textarea:focus, 
----------------------------------------------- */	

/* Fonts
----------------------------------------------- */
body, 
input, 
textarea, 
select,
optgroup {
  font:               13px/1.4em Lucida Grande, Verdana, Arial, Sans-Serif;
  text-align:center;
  /*font:               13px/1.4em "Papyrus", Verdana, Arial, Sans-Serif;*/
	color:              #444;
}

/*
----------------------------------------------- */
* {
  margin:             0;
  padding:            0;
}

/* Tags
----------------------------------------------- */
html,
body {
  background-color:   #fff;
}
body {
  height:             100%;/*required for ie<7 if there is an other element inside with height: xy%*/
  /*width:              auto;required for ie<7 if there is an other element inside with height: xy scrollbar???%*/ 
}

/* for development only
-----------------------------------------------*/
/*html {
  background-image:   url(../../images/bg-layoutgrid.png);
}
body {
  background-color:   transparent;
}*/
/*----------------------------------------------- */

a {
  color:              #cc6600;
  text-decoration:    none;
  font-weight:        bold;
}
a img {
  border:             none;
}
a em { 
  text-decoration:    underline;
  font-style:         normal;
}

h1 {
  font-family:        Lucida Grande, Arial, Sans-Serif;
	margin-bottom:      12px;
	font-size: 					28px;
  line-height:        1.2em;
  font-weight:        bold;
  color:              #387b8b;
}
h2 {
  font-family:        Lucida Grande, Verdana, Arial, Sans-Serif;
	margin-bottom:      10px;
	margin-top:      		4px;
  font-size:          16px;
  line-height:        1.2em;
  font-weight:        bold;
  color:              #387b8b;
}
h3 {
  font-family:        Lucida Grande, Verdana, Arial, Sans-Serif;
	margin-bottom:      8px;
	margin-top:      		4px;
  font-size:          14px;
  line-height:        1.2em;
  font-weight:        bold;
  color:              #387b8b;
}
h4 {
  font-family:        Lucida Grande, Verdana, Arial, Sans-Serif;
	margin-bottom:      8px;
  font-size:          12px;
  line-height:        1.2em;
	font-weight: 		    normal;
  color:              #387b8b;
}
p,
table {
	margin: 			0 0 20px 0;
}
ul {
	margin: 			0 0 20px 16px;
	list-style-image: 	url(images/icon-liststyle.gif);
}

li {
  font-size:          11px;
  line-height:        15px;
	margin-bottom:      4px;
}
address {
  font-style:         normal; 
}
address:first-line  {
  font-weight:        bold;
}
abbr,
acronym {
  border-bottom:      1px dotted #404040;
  cursor:             help;
  font-style:         normal;
}
cite {
  display:            block;
	text-align:         right;
  margin-top:         -8px; 
  margin-bottom:      8px;
}
cite a {
	font-weight:        normal;
	text-decoration:    underline;
	color:              #000;
	font-size:          12px;
	line-height:        1.6em;
}
blockquote {
}
blockquote * {
  font-style:         italic;
  font-weight:        bold;
  color:              #555;
}
blockquote p:before {
  content:            "\201C \0020";
}
blockquote p:after {
  content:            "\0020 \201D";
}
table {
  width:              100%;
  border:             none;
  border-collapse:    collapse;
	background-color: 	#efefef;
}
thead th {
  vertical-align:     top;
  text-align:         left;
  font-size:          11px;
  line-height:        15px; 
	background-color: 	#cc6600;
	color: 				      #fff;
	font-weight: 		    bold;
	padding: 			      4px;
	border:      		    1px solid #fff;
}
tbody td,
tbody th {
  vertical-align:     top; 
  font-size:          11px;
  line-height:        15px;
	padding: 			      4px;
	border:      		    1px solid #fff;
}

tbody th {
  text-align:         left;
}



fieldset {
  border:            none;
}
legend {
  display:            none;
}
input, 
textarea, 
select {
  margin:             2px 0;
  border:             1px solid #999;
}
input:hover,
textarea:hover,
select:hover,
input:focus,
textarea:focus,
select:focus { 
  border:             1px solid #999; 
  background-color:   #efefef;
}
input.field-submiter {
	width:              120px;
	line-height:        10px;
	color:              #387b8b;
	font-weight:        bold;
	height:             20px;
	padding:            0;
  border:             none;
  cursor:             pointer;
  background-image:   url(images/bg-button.gif);;
}
option {
  background-color:   #fff;
}
label { 
  display:            block;
  cursor:             pointer;
}
hr {
  display:            none;
}
small {
  font-size:          80%;
}

/* Links
----------------------------------------------- */

a.solitaire,
a.enclosure {
	margin: 			0 0 16px 0;
}

a.solitaire {
	display:            block;
}
a.internal {
	padding-left:       18px;
	background:         transparent url(images/icon-internal.gif) no-repeat;
}
a.external {
	padding-left:       18px;
	background:         transparent url(images/icon-external.gif) no-repeat;
}
a.enclosure {
	display:            block;
	padding-left:       18px;
	background:         transparent url(images/icon-enclosure.gif) no-repeat;
}
a.bookmark {
	padding-left:       18px;
	background:         transparent url(images/icon-bookmark.gif) no-repeat;
}

/* Structure
----------------------------------------------- */
#wrap-header {
  margin:             0 13px;
  padding:            0 3px;
  width:              690px;
  overflow:           hidden;
  background:         #fffb9c url(images/bg-header.gif) no-repeat;
  text-align:left
}
#wrap-content {
  height:             1%;/*Clear Float Without Structural Markup for ie6*/
  margin:             0 13px;
  padding:            0 3px 48px;
  width:              590px;
  background:         transparent url(images/bg-content.gif) repeat-y;
}
/*
Clear Float Without Structural Markup for decent browsers ;-)
http://www.positioniseverything.net/easyclearing.html*/
#wrap-content:after {
    content:         '.'; 
    display:         block; 
    height:          0; 
    clear:           both; 
    visibility:      hidden;
}
#wrap-footer {
  margin:             0 13px;
  padding:            16px 3px 0;
  overflow:           hidden;
  width:              960px;
  height:             36px;
  background:         transparent url(images/bg-footer.gif) no-repeat;
  text-align:center
}

/*#wrap-footer p:last-child,
ie<7 doesn't understand css 2.1 like pseudo :last-child && opera (9) even ignores everything that follows!  */
#wrap-footer p.claim {
  color:              #949494;
  font-weight:        bold;
  font-size:          14px;
  line-height:        32px;
  margin:             0 24px;
}

#col-navigation {
  float:              left;
  width:              30px;
  overflow:           hidden;
}

#col-copy {
  float:              left;
  padding:            18px;
  width:              600px;
  overflow-x:         hidden; /*doesn't validate - required for ie<7??? italic text broadens the layer */
  text-align:left
}

#col-addition {
  float:              left;
	width:              240px;
}

/* List Navigation
----------------------------------------------- */

ul#nav-fineprint {
  position:           relative;
  margin:             0;
  width:              100%; /*required for ie<7 (layout)*/  
  overflow:           hidden;
}
#nav-fineprint li {
  display:            inline;
  float:              right;
  margin:             0;
  padding:            0 6px 0 2px;  
  list-style:         none;
  font-size:          11px;
  line-height:        16px;
}
#nav-fineprint a {
  display:            block;  
  color:              #000;
}
#nav-fineprint a:before {
  content:            "\7C \0020";
}

ul#nav-main {
	float:              left; /*required for ie<7 bug*/
  margin:             0;
  padding:            0;
  width:              720px;
  overflow:           hidden;
  background-color:   #a7a9ac;
}
#nav-main li {
  margin:             0;
  padding:            0;
  display:            inline;
  float:              left;
  list-style:         none;
}
#nav-main a {
	display:            block;
  text-align:         center; 
  width:              119px;/*120-1*/
  height:             28px;/*32-4*/
  padding-top:        4px;
  font-size:          10px;
  line-height:        1.2em;
  text-transform:     uppercase;
  color:              #fff;
  border-right:       1px solid #fff;  
}
#nav-main a:hover,
#nav-main a:focus {
  background-color:   #9accd8;
}
#nav-main a.active,
#nav-main a.semi-active {
  background-color:   #78bbcb;
}
#nav-main a.active {
  cursor:             default;
}

#nav-main a#Produkte:hover,
#nav-main a#Produkte:focus {
  background-color:   #a9d46f;
}
#nav-main a#Fachkreise:hover,
#nav-main a#Fachkreise:focus {
  background-color:   #a8cac2;
}
#nav-main a#Patienten:hover,
#nav-main a#Patienten:focus {
  background-color:   #86d0cb;
}
#bastard {
	float:              right; 
	width:              232px; 
	height:             16px; 
  padding-top:        4px;
	padding-left:       8px;
  font-size:          10px;
  line-height:        1.2em;
  text-transform:     uppercase;
  font-weight:        bold;
  color:              #fff; 
	background-color:   #ff9900;
	border-bottom:      #ffe7c3 12px solid;
}
p#bastard-son {
	margin:             0;
	padding:            0 8px 16px;
	background-color:   #ffe7c3;
}
ul#nav-secondar {
	margin:             36px 0;
  padding:            0;
	list-style-image:   none;/*required for ie6*/
	list-style:         none;
	/*border: 1px solid red;*/
	background-color:   #4ba4ba;
	border-bottom:      1px solid #fff;
}
#nav-secondar li {
  margin:             0;
  padding:            0; 
	list-style-image:   none;/*required for ie6*/
	list-style:         none;
	border-top:         1px solid #fff;
}
ul#nav-secondar li a {
	height: 1%;/*required for > ie7 to remove excess space between list-items*/
	color:              #fff;
	display:            block;
	padding:            3px 8px 4px;
	font-weight:        bold;
}
ul#nav-secondar a.semi-active,
ul#nav-secondar a.active {
	background-color:   #78bbcb;
}
ul#nav-secondar a.active {
	cursor:             default;
}
ul#nav-secondar ul {
	margin:             0px;
}
#nav-secondar li li a,
#nav-secondar li li a.active {
	padding-left:       24px;
	color:              #387b8b;
	background-color:  #fff;
}
#nav-secondar li li {
	border-color:       #4ba4ba;
}

dl#nav-quicklink {
  margin:             0;
  padding:            0;
	background-color:   #b3d9e2;
}
dl#nav-quicklink dt {
	margin:             0;
	padding:            4px 10px;
  font-size:          10px;
  line-height:        1.2em;
	color:              #fff;
	text-transform:     uppercase;
	font-weight:        bold;
	background-color:   #4ba4ba;
}
dl#nav-quicklink dd {
  margin:             0;
  padding:            0;
	border-bottom:      1px solid #fff;
}
dl#nav-quicklink dd a {
	padding:            3px 8px 4px 16px;
	display:            block;
	font-weight:        bold;
	color:              #387b8b;
}
dl#nav-quicklink dd a:hover,
dl#nav-quicklink da a:focus {
	background-color:   #dfeff3;
}
/*
#box-quicklink ul {
margin:0;
padding:0;
background-color:#b3d9e2
}

#box-quicklink li {
  margin:             0;
  padding:            0;
	border-bottom:      1px solid #fff;
}
#box-quicklink li a {
	margin:0;
	padding:            3px 8px 4px 16px;
	display:            block;
	font-weight:        bold;
	color:              #387b8b;
}
#box-quicklink li a:hover,
#box-quicklink li a:focus {
	background-color:   #dfeff3;
}
*/



ul#navigationSecondar {
	margin:             0;
  padding:            0;
	list-style:         none;
	/*border: 1px solid red;*/
	background-color:   #b3d9e2;
s}
#navigationSecondar li {
  margin:             0;
  padding:            0; 
	list-style-image:   none;/*required for ie6 to hinder spontaneous appearance of list images */
	list-style-type:    none;/*required for ie6 to hinder spontaneous appearance of list marker */
	list-style:         none;
	border-bottom:      1px solid #fff;
}
ul#navigationSecondar li a {
	height:             1%;/*required for > ie7 to remove excess space between list-items*/
	font-size:          12px;
	line-height:        1.3;/*16px*/  
	color:              #387b8b;
	display:            block;
	padding:            3px 8px 4px 16px;
}
ul#navigationSecondar li a:hover {
	background-color:   #dfeff3;
}
#col-addition  h2#ql {
	color:              #fff;/*ie needs this*/
  font-size:          10px;
  line-height:        1.2em;
	font-weight:        bold;
	text-transform:     uppercase;
  padding-top:        4px;
  padding-bottom:     4px;
}

/* COL-COPY - summaries and records
----------------------------------------------- */  
#container-summaries,
#container-summaries2 {
}
#container-record {
  overflow:           hidden;
  height:             100%;/*required for ie<7 (layout)*/
  margin-bottom:      8px;
  border:      1px solid #000;
}
#container-summaries .box-summary,
#container-summaries2 .box-summary {
  overflow:           hidden;
  height:             100%;/*required for ie<7 (layout) realllllllly?*/
  width:              100%;
  margin-bottom:      8px;
	padding-top:        16px;
	border-top:      		1px dotted #999;
}
.box-summary img {
  float:              left;
  padding-right:      16px;
}
#container-summaries .box-summary p.date,
#container-summaries2 .box-summary p.date,
#container-record p.date {
	color:              #999;
	font-weight: 		    bold;
}

#container-summaries  h2,
#container-summaries2  h2,
#container-record     h2 {
}

#container-summaries  h3,
#container-summaries2  h3,
#container-record     h3 {
}

#container-summaries  h4,
#container-summaries2  h4,
#container-record     h4 {
}

#container-summaries a,
#container-summaries2  a,
#container-record    a {
}

#screen-Home #container-summaries {
	width:              276px;
}
#screen-Home #container-summaries2 {
	width:              272px;
  margin:             0 0 0 16px;
}
#screen-Home #col-copy {

  padding:            16px 16px 16px 8px;
  width:              576px;
}

#screen-Home #container-summaries2 .box-summary
#screen-Home #container-summaries .box-summary {
	/*-löschen->*/
	padding-top:        0;
	/*-löschen->*/
	border-top:      	  none;
	/*-ergänzen->*/
	padding-bottom:     16px;
	border-bottom:      1px dotted #999;
/**/

}
#screen-Home #container-summaries .box-summary img,
#screen-Home #container-summaries2 .box-summary img {
	float:			        none;
	clear:			        both;
	margin-bottom:	    8px;
}

/* TAG.CLASS
----------------------------------------------- */ 


h1#top {
	margin:             0; 
	padding:            0;
}

#screen-index h1#top {
	margin-top:         16px; 
}

h2.processing {
  background:         transparent url(images/processing.gif) right center no-repeat;
}

p.advice {
	color:              #cc6600;
	font-weight:        bold;
}
p.info {
	color:              #387b8b;
}
label.error {
  color:              #ff6600;
}
input.prefill,
textarea.prefill {
  color:              #404040;
}
input.userfill,
textarea.userfill {
  color:              #000;
}
input.hilite,
select.hilite,
textarea.hilite {
  border:             1px solid #999; 
  background-color:   #efefef;
}
input.numeric,
select.numeric {
  text-align:         right;
}
label.hilite {
  background-color:   transparent;
  font-weight:        bold;
}
span.info {
  color:              #000;
  cursor:             help;
}
abbr.clandestine {
  border:             none;
}

/* CLASSES
----------------------------------------------- */ 
.right {
  float:              right;    
}
.left {
  float:              left;    
}    
.clear {
  clear:              both;
}
.hide {
  position:           absolute;
  left:               -1000px;
}
.none {
  display:            none;
}
.even {
  background-color:   #efefef;
}
.uneven {
  background-color:   #fff;
}

/* WRAP-CONTENT - COLS + TAGS (add heike)
----------------------------------------------- */

#col-copy img {
	margin: 			8px 0 16px 0;
}
#col-copy img.floatleft {
	margin: 0;
	margin-right:       20px;
	float:left;
}
.clear-follow {
	overflow:           hidden;
	height:             1%;
}

#col-copy img.center {
	display:			block;
	margin: auto;
	margin-bottom: 16px;
}

#col-copy img.right {
	margin-left:        20px;
}
#col-copy img.left {
	margin-right:       20px;
}
.img-caption {
  	color:              #999;
	display:			block;
	margin: 			0 0 24px 0;
	text-align: 		center;
}

#col-copy h2.zone {
	margin:             20px -20px 10px;
	padding:            0 20px;
	line-height:        20px;
	color:              #fff;
	background-color:   #4ca4ba;
	text-transform:     uppercase;
}

#col-copy form {
	border:             1px solid #a7a9ac;
	margin: 			0 0 16px 0;
}

#col-copy form h2 {
	color:              #444;
	background-color:   #fffb9c;
	padding:            2px 4px;
	margin-top: 		0;
}

#col-copy form h3 {
	margin:             0 8px;
}


#col-copy form p {
	margin:             8px;
}

#col-copy fieldset {
	border:             none;
	border-top: 				1px solid #ccc;
	border-bottom: 			1px solid #ccc;
	margin: 						4px 8px 16px 8px;
	padding:            8px;
}

#col-copy legend {
	display: 						none;
}

#col-copy form hr {
	border:             1px dotted #ccc;
	margin:             8px 0;
}

#col-copy label {
	font-weight:        bold;
	color:              #000;
	margin-top:         4px;
}

#col-copy label em {
	font-weight:        normal;
	color:              #666;
}

#col-copy input.wide,
#col-copy select.wide {
	width:              440px;
	text-align:left;

}

#col-copy input.narrow,
#col-copy select.narrow {
	width:              400px;
	text-align:left;
}

#col-copy form  #signupConfirm label {
	display:            inline;
}

#col-copy input#signupSubmiter,
#col-copy input#contactSubmiter {
	margin:             2px 16px;
}

#col-copy textarea.field-subject {
	width:              440px;
	height:             50px;
	text-align:left;
}

#col-copy textarea.field-message {
	width:              440px;
	height:             100px;
	text-align:left;
}




/* ----- COL COPY heike ----- 

--------------------------------------------------------- */

/* Lists */


#col-copy li li {
	list-style: 	none;
}

#col-copy ol {
	margin: 			0px 16px 24px 32px;
}

#col-copy ul {
	margin: 			0px 16px 24px 32px;
}
#col-copy table ul {
	margin: 			0px 16px 0px 32px;
	list-style: disc;
}

/* Lists "Sonderfälle"*/

#col-copy #table-of-contents {
	margin: 			0 0 24px 0;
}

#col-copy #table-of-contents li {
	list-style-image: 	url(images/xxxx.gif);
	display: inline;
	
}


#col-copy #table-of-contents li li {
	display: block;
	list-style-image: 	url(images/icon_listlink.gif); /*wird im Firefox nicht angezeigt*/
	/*list-style: none inside url(images/icon_listlink.gif);*/
}


#col-copy #table-of-contents li a {
  font-weight:              normal;
}

#col-copy #table-of-contents li h4 a {
  font-weight:              bold;
}

#col-copy #table-of-contents ul {
	list-style: 	none;
}

#col-copy #table-of-contents ul ul li a {
  color:              #cc6600;
}

/*---*/


#col-copy #product-specifications {
	border:      		    1px solid #69942f;
	background-color: #fff;
	margin: 0 0 24px 0;
}

#col-copy #product-specifications ul {
	margin: 			16px 16px 16px 32px;
}
#col-copy #product-specifications ul ul {
	margin: 			8px 16px 8px 32px;
}

#col-copy #product-specifications li {
	list-style-image: 	url(images/icon_listdisc.gif);

}

#col-copy #product-specifications li li {
	list-style-image: 	url(images/icon_listdisc_s.gif);

}

/*---*/


#col-copy .ul-pics li {
  	list-style:         none;
  	list-style-image: 	url(images/xxx.gif);
  	clear:both;
  	margin: 0 0 8px 0;

}

#col-copy .ul-pics li img {
	margin: 			4px;
	float:left;
	
}
#col-copy .pic-legend li {
  	list-style:         none;
  	list-style-image: 	url(images/xxx.gif); /* ie6 Bug */


}
#col-copy .pic-legend li img {
	margin: 			0;
}

#col-copy .footnote {
  color:              #999;
}

#col-copy ul.footnote  {
	margin: 			0 0 16px 0;
  	border-top:             1px dotted #999;
}

#col-copy .footnote li {
  	list-style:         none;
  	list-style-image: 	url(images/xxx.gif); /* ie6 Bug */
}

#col-copy dl.infos {
margin: 0 0 16px 0;
}

#col-copy dl.infos {
}

#col-copy dl.infos dt{
font-weight: bold;
padding: 4px 0 4px 0;


}
#col-copy dl.infos dd{
padding: 0 0 16px 16px;
/*border-bottom:             1px dotted #ccc;*/

}


#col-copy a.atop {
  	clear:              both;
  	border-top:             1px solid #ccc;
	display:            block;
	margin: 			0 0 24px 0;
}

#col-copy .picture-description {
	display:            block;
	margin: 			0 0 16px 0;
}
/* end ----- COL COPY heike ----- */


#col-addition ul,
#col-addition li {
  list-style:         none;
}
#col-addition h2,
#col-addition dt {
	background-color:   #4ca4ba;
	margin:             0;
	padding:            0 10px;
	text-transform:     uppercase;
	font-weight:        normal;
	font-size:          12px;
	line-height:        20px;
	color:              #fff;
}

#col-addition .box {
	background-color:   #e4f2f5;
	padding-bottom:     20px;
}
#col-addition .box p {
	margin:             0 10px 8px;
	padding:            0;
}
#col-addition .box form {
	margin:             0 10px;
}
#col-addition .box a {
	margin:             0 10px;
}
#col-addition .box h2 {
	color:              #fff;/*ie needs this*/
  font-size:          10px;
  line-height:        1.2em;
	font-weight:        bold;
	text-transform:     uppercase;
  padding-top:        4px;
  padding-bottom:     4px;
}

#col-addition input.field-username,
#col-addition input.field-password,
#col-addition input.field-firstname,
#col-addition input.field-surname,
#col-addition input.field-name,
#col-addition input.field-email {
  width:              152px;
  }
#col-addition select.field-category,
#col-addition select.field-year,
#col-addition select.field-month,
#col-addition select.field-mark {
  width:              152px;
}
#col-addition textarea.field-message {
  width:              172px;
  height:             80px;
}

/* sidebar footer.inc.php */

.sidbar-add {
	margin: 			16px 0 16px 0;
}

.sidbar-add h3 {
	margin:  			0 0 8px 16px;
}

/* AREAS
----------------------------------------------- */


#area-Diagnostik-und-Therapie h1,
#area-Diagnostik-und-Therapie h2,
#area-Diagnostik-und-Therapie h3,
#area-Diagnostik-und-Therapie h4 {
  color:              #444;
}
#area-Fachkreise h1,
#area-Fachkreise h2,
#area-Fachkreise h3,
#area-Fachkreise h4 {
  color:              #688b82;
}
#area-Allergie-Campus h1,
#area-Allergie-Campus h2,
#area-Allergie-Campus h3,
#area-Allergie-Campus h4 {
  color:              #46908b;
}


/* content Patienten*/


#area-Allergie-Campus #table-of-contents {
	/*border:				1px solid #5dc1b9;*/
	/**/padding: 8px 0 0 0;
}


#area-Allergie-Campus #table-of-contents li h4 a,
#area-Allergie-Campus #table-of-contents li a {
  color:              #46908b;
}


#area-Diagnostik-und-Therapie #wrap-content {
  background-image:   url(images/bg-content-02.gif);
}
#area-Allergie-Campus #wrap-content {
  background-image:   url(images/bg-content-04.gif);
}

#area-Diagnostik-und-Therapie ul#nav-main a.active,
#area-Diagnostik-und-Therapie ul#nav-main a.semi-active {
	background-color:   #8cc63f;
}
#area-Fachkreise ul#nav-main a.active,
#area-Fachkreise ul#nav-main a.semi-active {
	background-color:   #8bb9ae;
}
#area-Allergie-Campus ul#nav-main a.active,
#area-Allergie-Campus ul#nav-main a.semi-active {
	background-color:   #5dc0b9;
}

#area-Diagnostik-und-Therapie ul#nav-secondar {
	background-color:   #8cc63f;
}
#area-Fachkreise ul#nav-secondar {
	background-color:   #8bb9ae;
}
#area-Allergie-Campus ul#nav-secondar {
	background-color:   #5dc0b9;
}

#area-Diagnostik-und-Therapie ul#nav-secondar a.active,
#area-Diagnostik-und-Therapie ul#nav-secondar a.semi-active {
	background-color:   #a9d46f;
}
#area-Fachkreise ul#nav-secondar a.active,
#area-Fachkreise ul#nav-secondar a.semi-active {
	background-color:   #8acac2;
}
#area-Allergie-Campus ul#nav-secondar a.active,
#area-Allergie-Campus ul#nav-secondar a.semi-active {
	background-color:   #86d0cb;
}

#area-Diagnostik-und-Therapie ul#nav-secondar li li a,
#area-Diagnostik-und-Therapie ul#nav-secondar li li a.active {
	color:              #69942f;
	background-color:  #fff;
}
#area-Diagnostik-und-Therapie ul#nav-secondar li li a.active {
	background-color:   #ffe7c3;
}

#area-Fachkreise ul#nav-secondar li li a,
#area-Fachkreise ul#nav-secondar li li a.active {
	color:              #688b82;
	background-color:  #fff;
}
#area-Allergie-Campus ul#nav-secondar li li a,
#area-Allergie-Campus ul#nav-secondar li li a.active {
	color:              #46908b;
	background-color:  #fff;
}
#area-Allergie-Campus ul#nav-secondar li li a.active {
	background-color:   #ffe7c3;
}

#area-Diagnostik-und-Therapie ul#nav-secondar li li {
	border-color:       #8cc63f;
}
#area-Fachkreise ul#nav-secondar li li {
	border-color:       #8bb9ae;
}
#area-Allergie-Campus ul#nav-secondar li li {
	border-color:       #5dc0b9;
}



/* SCREENS
----------------------------------------------- */
#screen-prerelease #wrap-content,
#screen-index #wrap-content,
#screen-Home #wrap-content {
  background-image:   url(images/bg-content-home.gif);
}

#screen-Home #col-navigation {
  width:              120px;
}

#screen-Home #col-copy {
  padding:            18px;
  width:              564px;
}

#screen-Impressum  #wrap-header,
#screen-Impressum  #wrap-content,
#screen-Impressum  #wrap-footer {
  width:              auto;
  background-image:   none;
}
#screen-Impressum  #wrap-header {
  background:         #dfeff3 url(images/popup-header.gif) no-repeat top left;
  
}
#screen-Impressum  #wrap-content {
  border-bottom:      1px solid #387b8b;
}

#screen-Impressum #wrap-content {
  padding:            0 8px;
}

#screen-Impressum #wrap-content h1 {
	border-bottom:      1px solid #387b8b;
	margin:             16px 0;
}

#screen-Arbeitsmaterialien #container-summaries .box-summary {
	border:      		    1px solid #ccc;
	background-color:   #efefef;
	padding:            4px;
}

/* CSS for generated Text-Area-Resizers
----------------------------------------------- */
.container-resizer {
  margin:             -3px 0 0 0;
  overflow:           hidden;
  height:             1%;    /*required for ie<7 (layout)*/
  border:             1px solid #999;
  border-top:         none;
  /*width:              140px;*/
}
.container-resizer .resizer {
  float:              right;
  width:              14px;
  height:             15px;
  font-size:          0px;/*required for ie*/
  background:         transparent url(images/resizer.gif) right bottom no-repeat;
}
.container-resizer .resizer.both {
  cursor:             se-resize;
}
.container-resizer .resizer.horizontal {
  cursor:             e-resize;
}
.container-resizer .resizer.vertical {
  cursor:             s-resize;
}

/* CSS for generated Modular
----------------------------------------------- */
#shutter {   /*Note that IE 7 from beta 2 upwards does support position: fixed;*/
  position:           absolute; /*only for ie<7 corrected via child selector */
  top:                0;
  left:               0;
  width:              100%;
  background-color:   #000;
  opacity:            0.4;               /*doesn't validate - so what?*/
  filter:             alpha(opacity=40); /*doesn't validate - so what?*/
  height:             3000px;
}
html>body div#shutter {
  position:           fixed; /*correction via child selector */
  height:             100%;  /*correction via child selector */
}

#gadget {    /*Note that IE 7 from beta 2 upwards does support position: fixed;*/
  position:           absolute; /*only for ie<7 corrected via child selector */
	z-index:            1000;/*why is this required ?(should be above shutter automaticaly!)*/
  top:                30%;
  left:               20%;
  width:              300px;   /*only for ie<7 corrected via child selector */
  min-width:          200px;
  max-width:          400px;
  color:              #fff;
  background-color:   #ffe7c3;
  padding:            0px;
  border:             1px solid #ff9900;

}
html>body div#gadget {
  position:           fixed; /*correction via child selector *//* if we use fixed, positioning in js has to differenciate between browsers cause we include scroll!!!*/
  width:              auto; /*correction via child selector */
}
#gadget .header {
/*border:             1px solid #fff;*/
  border-bottom:      none;
	text-align:         center;
	overflow:           hidden;
	height:             1%;      
}
#gadget .title {
	padding:            0 16px;
	font-weight:        bold; 
} 
#gadget .closer {
	float:              right;
	width:              15px;
  height:             15px;
	cursor:             pointer;
	border-left:        1px solid #ff9900;      
	border-bottom:      1px solid #ff9900;
	background-color:	  #fff;
	background-image:   url(images/icon-close.gif);
}
#gadget .body {
  font:               11px/1.4em "Lucida Grande", Verdana, Arial, Sans-Serif;
	color:              #000;
	position:           relative; /* so we can position button on bottom*/
	padding:            16px;
  height:             300px;   /*only for ie<7 corrected via child selector */
  min-height:         200px;
  max-height:         200px;
	overflow:           auto;
	background-color:  #ffe7c3;
}
html>body div#gadget .body {
  height:             auto; /*correction via child selector */
}
#gadget .footer {
	overflow:           hidden;
	height:             1%;
/*border:             1px solid #fff;*/
  border-top:         none;
}
#gadget .resizer {
  float:              right;
  width:              14px;
  height:             15px;
  font-size:          0px;/*required for ie*/
  background:         transparent url(images/resizer.gif) right bottom no-repeat;
}
/* EXTRAS
----------------------------------------------- */