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

Project:   humangenetics.uni-bonn.de
Author:    sebastian Taenzer
E-Mail:    s.taenzer@amcm.de
Website:   http://www.amcm.de/
Media: 	  SCREEN
Created : 	26.09.2006
Modified : 	06.03.2007

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

/* 
++++++++++++++++++++++++++++++++++++++++++++++++

GENERAL STYLING (NOT RELATES TO SPECIAL OBJECTS)

++++++++++++++++++++++++++++++++++++++++++++++++
*/


/* ----- GENERAL CSS ----- */

* {
	margin: 0;
	padding: 0;
}

body {
	color: black;
	background: #F4FAFF;
	font: 100.1% "Trebuchet MS",Arial,Helvetica,Sans-serif;		
	padding: 0 0 0 0;
	height: 100%;
	width: 100%;
}

/* ----- IDS ----- */

/* to top link at the bottom becomes an own div with clearing */
#totop-box{
	padding: 5px 5px 5px 10px;
	background: url(http://www.ngfn-moods.de/images/up.gif) no-repeat 2px 12px;
}

#skipnav{
	display: none;
}

#container{
	padding-top: 40px;
	padding-bottom: 25px;
}

/* My Comment */

#content {
	margin: 0 20em 5em 20.2em;
	z-index: -100;
	font-size: 80%;
	background: #fff;
	min-height:500px;
	height:auto !important;
	height:500px;
}

#pagewrap{ background: white; }

/* #header - wrapping around primary navigation and holder for logo */

#header {
	padding: 0 0 0 0;
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 131px;
	background: url('./images/header.jpg') no-repeat 0px 0px;
	border-bottom: 1px solid #EE7E00;
}

#header h1 {
	text-indent: -1000px;
}

#header a {
	width: 220px;
	height: 65px;
	position: relative;
	top: 0;
	left: 0;
	display: block;
}

#header p {
	font-weight: lighter;
	color: #fff;
	font-size: 1.2em;
	position: absolute;
	top: .9em;
	left: 13.6em;
}

#header p span.capital {
	text-transform: uppercase;
}

#header p span.small {
	font-size: .8em;
}

strong {
	font-weight: bold;
}

#lnb{
	float: right;
	background: url(http://www.ngfn-moods.de/images/headerright.jpg) no-repeat left top;
	height: 144px;
	width: 416px;
}

/* #skiptocontent #functions containing skip to content and other site utilities in first row */

#functions {
	margin: 0 0 0 0;
	background: white; /* F0F8FF */
	position: relative;
	height: 1.7em;
	vertical-align: middle;
	border-bottom: 1px solid #ee7e00;		
}

#skiptocontent {
	position: absolute;
	margin: 0;
	top: 0;
	left: 0;
	white-space: nowrap;
	margin-left: 20px;
}

#skiptocontent li, 
#sitetools li {
	float: left;
	display: block;
	padding: 0;
	color: #fff;
	padding-left: 0px;
	padding-right: 8px;
}

#sitetools {
	position: absolute;
	margin: 0;
	top: 0;
	right: 0;
	white-space: nowrap;
}	
	
#skiptocontent li a, 
#sitetools li a{
	padding: 5px 7px 3px 7px;
	color: #423900;
	font-size: 0.75em;
	text-decoration: none;
	display: block;
}

#skiptocontent li.inactive{
	padding: 5px 7px 3px 7px;
	color: #ee7e00;
	font-size: 0.75em;
	text-decoration: none;
	display: block;
}

#skiptocontent li a:hover, #sitetools li a:hover{ text-decoration: underline; }

#skiptocontent a.skip{
	padding-left: 22px;
	background: url(http://www.ngfn-moods.de/images/icon_skip.gif) no-repeat 5px 8px;
}

#sitetools a.pdf{
	padding-left: 33px;
	background: url(http://www.ngfn-moods.de/images/icon_pdf.gif) no-repeat 5px 8px;
}

#sitetools a.print{
	padding-left: 22px;
	background: url(http://www.ngfn-moods.de/images/icon_printer.gif) no-repeat 5px 6px;
}
	
#sitetools a.sitemap{
	padding-left: 22px;
	background: url(http://www.ngfn-moods.de/images/icon_sitemap.gif) no-repeat 5px 6px;
}		

#skiptocontent a{ font-weight: bold; }

#skiptocontent li.lang_en 
{
	padding-left: 22px;
	background: url(http://www.ngfn-moods.de/images/lang_en.gif) no-repeat 0px 5px;
}

#skiptocontent li.lang_ger
{
	padding-left: 22px;	
	background: url(http://www.ngfn-moods.de/images/lang_ger.gif) no-repeat 0px 5px;
}

/* #footer */

#footer {
	padding: 20px 55px 25px 22em;
	margin: 0 0 0 0;
	font-size: 75%;
	color: #585858;
	background: #F4FAFF;
	border-top: 1px solid #b2b2b2;
	clear: both;
}

#footer p{
	margin: 0;
	padding: 0;
}

#footer h3, #footer h2{
	color: #666;
	font-weight: normal;
	font-size: 100%;
}

#footer h3.address{
	font-weight: bold;
}

/* ----- CLASSES ----- */

.hidden{ display: none; }

.red{ color: #CC3300; }

p.yellowbox{
	border: 1px solid #FFCC33;
	background: #FFFFE5;
	padding: 15px;
	display: table;
	width: auto;
}

p.hint{
	background: #E3F2FF url(http://www.ngfn-moods.de/images/fadeout_hint.gif) repeat-y right;
	padding: 0.75em;
}

.left{

}

div.uni{
	font-size: 0.9em;
	color: #ee7e00;
	text-decoration: none;
	font-weight: bold;
	line-height: 2em;
	padding: 0 0 0 25px;
	vertical-align: middle;
}

div.floatleft{
	float: left;
	padding: 0px 20px 0px 0px;
	margin: 25px 25px 0px 0px;
}

div.floatright{
	float: right;
	padding: 0px 20px 0px 15px;
	margin: 10px;

}

div.left{
	text-align: left;
	float: none;	
	padding: 0px 0px 0px 0;	
	margin: 0px 0px 25px 0px;	
}

div.right{
	text-align: right;
	float: none;
	padding:0px 0px 0px 20px;	
	margin: 0px 0px 25px 25px;		
}

div.center{
	text-align: center;
	float: none;	
}

/* ----- HEADINGS ----- */

h1, h2, h3, h4, h5, h6 { margin: 1em 0; }

h1 {	
	font-size: 160%;
	margin-top: 0; 
	color: #423900;
	font-weight: normal;
}

/* h1 at top of each page */
h1.pagetitle{ }

h2 {
	font-size: 120%; 
	color: #423900;
}

h3 {
	font-size: 120%; 
	color: #423900;
	clear: both;
}

h3.pressemitteilung {
	font-size: 120%;
	line-height: 55px;
	color: #ee7e00;
	padding: 0 0 0 35px;
	background: url('images/presseicon.gif') no-repeat left;
}



h4 { font-size: 100%; }
h5 { font-size: 100%; }
h6 { font-size: 100%; }

/* ----- PARAGRAPHS ----- */

p { 
	margin: 0 0 1.5em; 
	line-height: normal;
}

#content p{
	color: #242424;
	line-height: 160%;
	text-align: justify;
}

#content p.centered{
	color: #242424;	
	line-height: 160%;
	text-align: center;	
}

/* paragraphs in default tables headers */
#content table.ZMSTable th p{
	margin: 0;
	padding: 0;
}

/* Font size for breadcrumbs */
p.bc{ font-size: 0.85em; }

/* ----- QUOTES ----- */

blockquote{ margin: 1em 0; }

/* ----- CODE ----- */

pre{ margin: 1em 0; }

/* ----- LISTS ----- */

ol { margin: 0 0 1.5em; }
ol li{ margin-left: 1.5em; }

#content ol {
	background: #F2F9FF;
	padding: 0.5em;
}

ul {
	margin: .3em 0 1.5em 0;
	list-style-type: none;
}

#content ul{
	list-style: square outside;
	line-height: 120%;
	padding-left: 15px;
}

#content ul li{
	margin-bottom: 10px;
	text-align: justify;
}

/* ----- IMAGES ----- */

img { border: 0; }
p img { border: 1px solid #818181; }

img.scaleable{
	width: 5.2em;
	height: 2em;	
}

div.image{

}

div.border img{
	border: 1px solid #666;
}

div.image img{
}

div.image p.hrver{
	font-size:75%;
	text-align: left;
	color: white;
	display: inline;
	margin: 0;
	padding: 0;
}

div.image p.hrver a{
	display: block;
	padding: 3px;
	padding-left: 8px;
	color: black;
	text-decoration: none;
	text-align: left;
}

div.image span.title{
	display: block;
	text-align: left;	
	font-weight: bold;
	padding: 3px 3px 3px 8px;
}


/* ----- BREAK AND CLEAR ----- */

hr {
	margin: 1em 0;
	background: #f2f2f2;
	height: 1px;
	color: #f2f2f2;
	border: none;
	clear: both;
}

.clear {
	clear: both;
}

hr.divider, hr.clear{
	visibility: hidden;
	height: 1px;
	border: 0px solid #fff;
	clear: both;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

/* ----- TEXT FORMATTING ----- */



/* ----- LINKS ----- */

a, a:link, a:link, a:link, a:hover {
	background: transparent;
	text-decoration: underline;
	cursor: pointer;
}

a:link { color: #423900; }
a:visited { color: #423900; }
a:hover{ color: #585858; }

a.pan_wrap:hover { text-decoration: none; }

a.uni:visited{
	color: #423900;
}

#content p a {
	padding-left: 16px;
	background: url(http://www.ngfn-moods.de/images/link_frontpage.gif) no-repeat left center;
}

#content p.hrver a {
	padding-left: 0px;
	background: none;
}


/* ----- TABLES ----- */

table.layouttable caption{
	text-align: left;
	font-size: 120%; 
	color: #003366;	
	font-weight: bold;
	font-style: normal;
}

table.layouttable td{
	padding-right: 2em;
}

table.layouttable td table.ZMSTable td p{
	font-weight: normal;
}

table.layouttable table.ZMSTable tr.even td {
	background: none;
}

table.layouttable table.ZMSTable tr.odd td {
	background: none;
}


#content table.tabledesign1{
	margin: 0;
	padding: 0;
	border: 0;
	border-spacing: 0;
	text-align: left;
	vertical-align: top;
}

#content table.tabledesign1 tr.odd td,
#content table.tabledesign1 tr.even td{
	vertical-align: top;
	padding: 10px 25px 8px 8px;
	background: #F8F8F8;
	border-spacing: 0;	
	border: none;	
}

#content table.tabledesign1 tr.odd td{
	background: #F3F3F3;
	border-bottom: 1px solid #ccc;
}

#content table.tabledesign1 tr.even td{
	background: #FBFBFB;
	border-bottom: 1px solid #ccc;	
}


#content table.tabledesign1 thead tr.even th{
	background: #EFF9FE;
	padding: 8px 25px 8px 8px;
	border: none;
	border-bottom: 1px solid #666;
}

#content table.ZMSTable{
	margin: 0;
	padding: 0;
	border: 0;
	/*border-spacing: 0;*/
	text-align: left;
	vertical-align: top;
}

#content table.ZMSTable td{ vertical-align: top; }

#content table.ZMSTable tr.odd td{
	background: #F7F7F7;
	padding: 8px;
	vertical-align: top;	
}

#content table.ZMSTable tr.even td{
	background: #FFFFDD;
	padding: 8px;
	vertical-align: top;	
}

#content table.ZMSTable tr.even td table td{ padding: 0px; }

#content table.ZMSTable tr.odd td table td{
	padding: 0px;
	padding-bottom: 5px;
}

col{ width: auto; }

#content table.ZMSTable thead tr.even th{
	background: #EFF9FE;
	padding: 8px;
	border: none;
}

#content table.ZMSTable caption{
	font-size: 1.4em;
	text-align: left;
	margin: 1.2em 0 .3em;
	color: #1e4a87;
	padding-bottom: .1em;
	display: none;
}

#content table.ZMSTable td table{
	margin: 0;
	padding: 0;
	vertical-align: top;
}

#content table.ZMSTable td table tr td{
	width: 250px;
	margin: 0;
	padding: 0;
	white-space: nowrap; /* css-3 */
	white-space: -moz-no-wrap; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */	
}

table.contact{
	margin: 20px 20px 25px 0;
	padding: 0;
	border-spacing: 0;
	border: 1px solid #72bcdf;
	caption-side:top;
}

table.contact thead tr.caption th{
	background: f18a0a url(http://www.ngfn-moods.de/images/bgcontact.gif) no-repeat bottom left;
	color: white;
	font-weight: bold;
	margin: 0;
	text-align: left;	
	padding: 10px 15px 10px 8px; 
  	border-top:none;
}

table.contact thead tr th{
	text-align: left;
	padding: 8px 15px 8px 8px;
	background: #f5af57;
}

table.contact td{
	padding: 8px 15px 8px 8px;
	background: #f5af57;	
	border-spacing: 0;
	border: none;
}


/* ----- FORMS ----- */

form {
	margin: 0;
	padding: 0;
}

input { margin: 2px 0; }

label br { clear: left; }

fieldset{
	margin: 0;
	padding: 0;
}

/* ----- DEFINITIONS ----- */

dl.contact{
	width: auto;
	background: #f5af57;
	padding: 10px;
	border: 1px solid #72bcdf;
	color: #636466;
}

dl.contact dt{
	float: left;
	width: 100px;
	font-weight: bold;
}


/* 
++++++++++++++++++++++++++++++++++++++++++++++++

MISC SITEWIDE USED ELEMENTS

++++++++++++++++++++++++++++++++++++++++++++++++
*/  

/* ----- 
#top-navigation -  top center
----- */

#top-navigation {
	width: 55em;
	font-size: .8em;
	margin: 0 0 0 17.3em;
	color: #b3b3b3;
} 

#top-navigation li {
	display: inline;
	text-align: center;
}  

#top-navigation li a {
	text-decoration: none;
	display: block;
	float: left;
	padding: .4em 1.3em .5em .8em;
	color: #423900;
	font-weight: bold;
	margin: 0 .5em 0 0;
}  

#group_e2628 a {
	background: #f18a0a;
	width: 8.9em;
}            

/*#4C7B2C    */

li#group_e2628.active a {
	background: #f18a0a;
	border-bottom: 5px solid #f18a0a;
	border-top: 1px solid #f18a0a; 
}    
   
/*#C87223 */

#group_e2629 a {
	background: #f5af57;
	width:  7.3em;
}     
         
/*#D8913C #75B36C #689A46 #70A74C*/

li#group_e2629.active a {
	background: #f5af57;
	border-bottom: 5px solid #f5af57;

	
}   

#group_e2630 a {
	background: #f18a0a;
}             

/*#DFB450  #99BC7E  #8FC8AA*/

li#group_e2630.active a {
	background: #f18a0a;
	border-bottom: 5px solid  #9DCA74;

}   

#group_e2631 a {
	background: #ee7e00;
	width:  9.1em;
} 
          
li#group_e2631.active a {
	background: #f18a0a;
	border-bottom: 5px solid #f18a0a;
}   
       
#group_e2632 a {
	background: #ee7e00;
} 
    
li#group_e2632.active a {
	background: #ee7e00;
	border-bottom: 5px solid #ee7e00;
}  


/* ----- 
#primary-navigation -  left
----- */

#primary-navigation {
	position: absolute;
	left: 0;
	top: 232px;
	width: 13.5em;
	/* left: 0px;*/
	/*top: 20px;*/
	color: #f18a0a;
}

#primary-navigation li {
	display: block;
	padding: 0;
	margin: 0;
	text-align: left;
	border-top: 1px solid #ffffff;
}

#primary-navigation li a {
	text-decoration: none;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;	
	padding-left: 25px;
	color: #ee7e00;
	font-weight: bold;
	font-size: 0.8em;
}

#primary-navigation li ul li a{
	font-weight: normal;
	padding-bottom: 5px;
}

#primary-navigation li a.active,
#primary-navigation li a.activenode {
	text-decoration: none;
	font-weight: bold;
	background: #635500;
	color: #ffffff;
}

#primary-navigation li.active ul li.activenode a{ color: #423900; }

#primary-navigation ul li a.activenode { background: none; }

#primary-navigation li a.activenode:hover {
	text-decoration: none;
	font-weight: bold;
}

#primary-navigation li a:hover {
	font-weight: bold;	
	color: #F5AF57;
}

#primary-navigation li.last{ border-bottom: none; }

#primary-navigation li.first{ border-top: none; }

#primary-navigation li.first a{ padding-top: 10px; }

#primary-navigation ul{
	padding: 5px 0 5px 0;
	margin: 0 0 0 0;
}

#primary-navigation ul li {
	display: block;
	padding: 0;
	margin: 0;
	text-align: left;
	color: black;
	border-top: none;
}

#primary-navigation ul li a {
	text-decoration: none;
	display: block;
	padding-top: 2px;
	padding-bottom: 2px;	
	padding-left: 25px;
	color: #423900 ;
	font-size: 0.75em;
}

/* 2. Ebene Unterpunkt */

#primary-navigation li.active ul li.active a {
	background: none;
	color: #ee7e00;
}

#primary-navigation li.active ul li.activenode ul, 
#primary-navigation li.active ul li.active ul
{
	border-top: none;
	padding: 0 0 0 10px;
	margin: 0 0 10px 0;
}

/* ----- 
Image bar at top (header)
----- */

#imagebar div.img-left{
	float: left;
	width: 360px;
	height: 127px;
	background: url(http://www.ngfn-moods.de/images/img-left.jpg) no-repeat bottom left;
}

#imagebar div.img-center{
	
}

#imagebar div.img-right{
	float: right;
	width: 300px;
	height: 127px;
	background: url(http://www.ngfn-moods.de/images/img-right.jpg) no-repeat bottom right;	
}

/* ----- 
Logos at top
----- */

#unibonn{ display: none; } /* just for print */

#ukb{
	color: white;
	bottom: 0px;
	padding-right: 10px;
	padding-top: 5px;
	font-size: 1.4em;
	margin: 0;
	float: right;
	border-bottom: none;
	padding-bottom: 0;
}

#about a,
#ukb a{
	text-decoration: none;
	color: white;
	margin-right: 5px;
}

/* ----- 
header with images and logos
----- */

#aboutbar{
	position: relative;
	height: 80px;
	padding-bottom: 5px;
	background: white;
	border-bottom: 1px solid #699CCD;
	margin-top: 10px;
}

#aboutbar div.about-left{
	padding-left: 30px;
	padding-top: 0;
	float: left;
}

#aboutbar div.about-center{
	float: left;
	padding-left: 60px;
	padding-top: 8px;
}

#aboutbar div.about-center h1{
	margin: 0;
	padding: 0;
	display: inline;
	font-size: 1.1em;
	padding-left: 120px;
	vertical-align: bottom;
}

#aboutbar div.about-right{
	float: right;	
	margin-right: 15px;
}

#ukblogo{
}

#logo{
	position: absolute;
	right: 10px;
	top: 27px;
	z-index: 100;
}

#logo a{
	width: 235px;
	height: 50px;
	display: block;
}

#phone{ font-weight: bold; }


/* ----- 
Breadcrumbs (Sie befinden sich hier...)
----- */

#breadcrumb {
	margin: 0;
	padding: 10px 5px 10px 25px;
	background: url(http://www.ngfn-moods.de/images/bg_cr.gif) repeat-x top;
	font-size: 93%;
	font-weight: bold;
	position: relative;
	left: 0;
	top: 0;
}

#breadcrumb a:link, #content #breadcrumb a:visited {
	text-decoration: none;
}

#breadcrumb a:hover, #content #breadcrumb a:active {
	text-decoration: underline;
}

#breadcrumb div.inner{
	padding: 5px 0 0 250px;
}

/*#function-wrap{
	position: absolute;
	top: 106px;
	width: 100%;
	left: 0;
	clear: both;
}*/

/* 
++++++++++++++++++++++++++++++++++++++++++++++++

ZMS SPECIAL OBJECTS

++++++++++++++++++++++++++++++++++++++++++++++++
*/


/* ----- 
SPECIAL OBJECT: 
Google Map 
----- */

#map{
	border: 1px solid #666;
	margin-bottom: 1em;
}

/* ----- 
SPECIAL OBJECT: 
Events  
----- */

.calendarentry span.location a, 
.calendarentry span.content a,
.calendarentry span.link a
{
	padding-left: 16px;
	background: url(http://www.ngfn-moods.de/images/link_frontpage.gif) no-repeat left center;	
}

.calendarentry p.date strong{
	display:block;
	float:left;
	width:5em;
}

.calendarentry{ padding-bottom: 1em; }

.calendarentry h3{
	display: block;
	padding: 0.25em 0.25em 0.25em 0.25em;
	border-bottom: 1px solid #003366;
	/* background: url(http://www.ngfn-moods.de/images/calentry.gif) no-repeat bottom left; */
}

/* ----- 
SPECIAL OBJECT: 
Google Maps Routenplaner   
----- */

form.route{
	margin: 0;
	padding: 0;
}

form.route fieldset{
	border: none;
	padding: 0.25em;
}

form.route fieldset div{ text-align: left; }

form.route label{
	font-weight: bold;
	color: #CC0000;
	margin: 0 0 0.1em 0;
}

form.route label br{ clear: none; }

form.route input{
	margin: 0.75em 0 0.85em 0;
	height: 1.4em;
	font-size: 1.5em;
	border: 1px solid #eee;
	border-bottom: 1px solid #666;
	background: #F5F5F5;
	width: 20em;
}

form.route input.submit{
	font-size: 1em;
	display: none;
}

form.route p.hint{
	font-style: italic;
	width: 70%;
}

form.route strong.hint{ color: #CC0000; background: none; }

/* ----- 
SPECIAL OBJECT: 
Teaser rechter Seitenbereich   
----- */

#teaserbox{
	position: absolute;
	right: 0;
	top: 325px; 
	width: 19.25em;
	margin: 0 0 0 4em;
	background: white;
	padding: 0;
	font-size: 75%;
}

#teaserbox div.teaser-content h3{
	margin: 0;
	padding: 0;
	color: #069;
}

#teaserbox div.teaser-wrap{ margin-bottom: 1em; }

.t-Green{
	border-top: 3px solid #4C7273;
	background: white url(http://www.ngfn-moods.de/images/bgbox_green.gif) no-repeat top;	
}

#teaserbox div.t-Green div.teaser-content h3{
	padding: 0.5em 0 0.5em 0.9em;
	margin: 0 0 0 0;
	/* color: #4C7273; */
}

.t-Blue{
	border-top: 3px solid #069;
	background: white url(http://www.ngfn-moods.de/images/bgbox_blue.gif) no-repeat top;		
}

#teaserbox div.teaser-content p{
	padding: 0 1em 0.5em 1em;
	margin: 0 0 0 0;
}

#teaserbox h3 a{ 
	text-decoration: none; 
	color: #df0b0a;
}

#teaserbox img{
	margin-bottom: 0.5em;
	width: 19.25em;	
}

#teaserbox a.insite{
	padding-left: 16px;
	margin: 0 0 0.5em 1em;
	background: url(http://www.ngfn-moods.de/images/link_frontpage.gif) no-repeat left center;
}

/* ----- 
SPECIAL OBJECT: 
Image-Popup "schliessen"-Button 
----- */

div.closebox{
	position: absolute;
	bottom: 0px;
	right: 0px;
	padding: 10px;
	background: #004784;
}

div.closebox a{
	color: white;
	font-size: 75%;
}

/* ----- 
SPECIAL OBJECT: 
Mitarbeiter und Ansprechpartner Darstellung Variante 1  
----- */

table.asptable{
	padding: 0;
	border-spacing: 0;
	margin: 0 0 2em 0;
	text-align: left;
	width: 95%;
}

table.asptable thead th{
	padding: 0.7em;
	font-size: 0.85em;
	background: #CEF1FF;
	vertical-align: bottom;
}

table.asptable td{
	padding: 0.7em;	
	background: #EBF5F5;
}

table.asptable td.first{ width: 15em; }
table.asptable td.second{ width: 12em; }
table.asptable td.third{ width: 19em; }
table.asptable tr.odd td{ background: #F8FCFD; }

/* ----- 
SPECIAL OBJECT: 
Mitarbeiter und Ansprechpartner Darstellung Variante 2  
----- */

h2.asp{
	color: #0066CC;
}

div.aspbox{
	clear: both;
	width: 95%;
}

div.aspbox_inner{
	height: 150px;
	height: auto !important;
	width: 95%;
}

div.asp{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background: white;
	font-size: 100%;
	line-height: 160%;
	width: 100%;
	float: left;
}

hr.clear2{
	clear: none;
	color: white;
	border: none;
}


div.asp div.shadow{
	margin-right: 25px;
	background-color: #bbb;
	float: left;
	margin-bottom: 25px;
}


div.asp div.shadow img.em_photo {
	padding: 3px;
	background: white;
	border: 1px solid #666;
   position: relative;
	top: -3px;
   left: -3px;	
}

div.asp div.shadow img.zoom {
	position: relative;
	bottom: 0;
	right: 0;
}


div.asp dl{
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
}

div.asp dl dt{
	float: left;
	font-weight: bold;
	width: 5em;
	padding: 0 0 10px 0;
}

div.asp dl dd{ padding: 0 0 10px 0; }

hr.clear{
	border: 0px;
	color: white;
	height: 0px;
	padding: 0;
	margin: 0;
	clear: both;
}

div.asp p.name{
	font-size: 110%;
	font-weight: bold;
}

.pan_wrap
{
	margin: 0 1.74em 1.74em 0;
	position: relative;
	float: left;
	cursor: pointer;
	text-decoration: none;
}

.pan_wrap img.em_photo{
	padding: 0.6em;
	z-index: 120;
	width: 5.1em;
	height: 7.1em;		
}

.pan_frame
{
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
}

.overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index:3;
	width: 6.42em;
	height: 8.37em;	
}

.zoom{
	display: block;
	padding: 0px 0.19em 0.06em 0.31em;
	background: #333333;
	font-weight: 900;
	color: white;
	width: 0.56em;
	line-height: 0.94em;
	position: absolute;
	bottom: 0.50em;
	right: 0.50em;
	z-index:10;
	text-decoration: none;
}



/* ----- 
SPECIAL OBJECT: 
Suchergebnisse
----- */

ul.searchbox{
	margin: 0 0 20px 0;
	padding: 0;
	padding-left: 0px;
	font-family: sans-serif;
	list-style: none;
}

ul.searchbox li{
	margin: 0;
	padding: 0;
	padding-left:0px;
	list-style: none;
	list-style-position: outside;
}

ul.searchbox li.title{
	color: #1e4a87;
	font-size: 110%;
	padding-left:0px;	
	letter-spacing: 1px;
	padding-bottom: 5px;
}

ul.searchbox li.excerpt{
	width: 45em;
	color: #222222;
	font-size: 0.9em;
	margin-bottom: 5px;
	list-style:none;
	padding-left:0px;	
}

ul.searchbox li.link{
	list-style: none;
	padding-left:0px;	
}

ul.searchbox li.link a{
	color: Green;
	text-decoration: none;
	font-size: 0.9em;
}

ul.searchbox li.link a:hover{	text-decoration: underline; }

ul.searchbox li.link span.datetime{
	color: #929292;
	font-size: 0.75em;
}

p.results{
	color: #666666;
}

/* ----
SPECIAL OBJECT:
Sucheingabe auf allen Seiten oben rechts
---- */

#swrap{
	float: right;
	height: 2em;
}

#sitetools li.fontswitch{
	margin-right: 0;
	padding-right: 0;
}

#search{
	margin: 0;
	padding: 1em;
}

#search fieldset{
	border: none;
	padding: 0;
	margin: 0;
}

#searchinput{
	vertical-align: middle;
	background: #FFFFF0;
	margin: 0;
	width: 10em;
}

#search label{
	font-weight: bold;
	font-size: 0.9em;
}

input.searchbutton{
	font-size: 0.8em;
	margin-left: 5px;
	vertical-align: middle;	
}

.search-green{ color: #36a200; }

#searchform{
	margin: 0;
	padding: 0;
	text-align: left;
}

#searchform p{
margin: 0;
padding: 0;
height: 1%;
text-align: left;
}

#searchform p label{
width: 200px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
font-size: 0.8em;
}

#searchform label.first{
font-weight: bold;
float: left;
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

#searchform label.wrap{ width: 200px; }

#searchform br.break{ clear: both; }

input.searchinput{
	vertical-align: middle;
	background: #FFFFF0;
	width: 20em;
	padding: 3px 0px 3px 3px;	
}

.formbutton{
cursor:pointer;
vertical-align: middle;
border:outset 1px #ccc;
font-size: 1em;
background:#999;
color:#666;
font-weight:bold;
padding: 1px 2px;
background: #eee;
}

.formbutton_small{
cursor:pointer;
vertical-align: middle;
border:outset 1px #ccc;
background:#999;
color:#666;
font-weight:bold;
margin-left: 5px;
font-size: 0.7em;
background:url(http://www.ngfn-moods.de/images/submitbg.gif) repeat-x left top;
}


/* ----- 
SPECIAL OBJECT: 
Suchergebnisse: Blaetterfunktion
----- */

.pagination{
padding: 2px;
margin: 0 0 25px 0;
font-size: 0.8em;
}

.pagination ul{
margin: 0;
padding: 0;
text-align: left;
}

.pagination li{
list-style-type: none;
display: inline;
margin: 0;
padding: 0;
padding-bottom: 1px;
}

.pagination a, .pagination a:visited{
padding: 0 5px;
border: 1px solid #9aafe5;
text-decoration: none; 
color: #2e6ab1;
}

.pagination a:hover, .pagination a:active{
border: 1px solid #2b66a5;
color: #000;
background-color: #FFFFE0;
}

.pagination li.current{
font-weight: bold;
padding: 0 5px;
border: 1px solid navy;
background-color: #2e6ab1;
color: #FFF;
}

.pagination li.disablepage{
padding: 0 5px;
border: 1px solid #929292;
color: #929292;
}

.pagination li.nextpage{ font-weight: bold; }

* html .pagination li.current, * html .pagination li.disablepage{ /*IE 6 and below. Adjust non linked LIs slightly to account for bugs*/
margin-right: 5px;
padding-right: 0;
}


/* ----- 
SPECIAL OBJECT: 
Links und Downloads
----- */

#content ul.downloads, #content ul.linkbox {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#content ul.downloads li, #content ul.linkbox li { list-style: none outside; }

#content ul.linkbox li.LinkElementExternal { list-style: none; }

#content ul.linkbox li.LinkElementExternal a{
	padding-left: 16px;
	background: url(http://www.ngfn-moods.de/images/external.gif) no-repeat left center;
}

#content ul.linkbox li.LinkElementInternal { list-style: none; }

#content ul.linkbox li.LinkElementInternal a {
	padding-left: 16px;
	background: url(http://www.ngfn-moods.de/images/link_frontpage.gif) no-repeat left center;
}

#content ul.linkbox li.LinkElementMailto { list-style: none; }

#content ul.linkbox li.LinkElementMailto a {
	padding-left: 16px;
	background: url(http://www.ngfn-moods.de/images/link_mail.gif) no-repeat left center;
}

#content ul.downloads li a, #content ul.linkbox li a {
	text-decoration: none;
	color: #003366;
}

#content ul.downloads li a:hover, #content ul.linkbox li a:hover {
	text-decoration: underline;
	color: #069;
}


#content ul.downloads li a img, #content ul.linkbox li a img {
	vertical-align: middle;
	margin-right: 5px;
}

#content h2.downloads,  #content h2.linkbox { color: #003366; }

/* ----- 
SPECIAL OBJECT: 
ZMS Formkit
----- */

form#contact, form#anf{
	margin: 	0;
	padding:	0;
}

form#contact p, form#anf p{
	margin: 5px 0px 8px 0;
	padding: 0 8px 0 8px;
	color: #0066CC;
}

form#contact fieldset, fieldset{
	padding: 20px;
}

form#contact fieldset legend, form#anf fieldset legend{
	font-weight: bold;
	font-size:110%;
	color: #0066CC;
}

form#contact label, form#anf label{
	float: left;
	width: 200px;
}

form#contact input,
form#contact select,
form#anf input,
form#anf select{
	width: 250px;
}

form#contact span.oneField hr,
form#anf span.oneField hr {
	clear: both;
}

form#contact span.oneField,
form#anf span.oneField{
	margin: 0 0 8px 0;
	padding: 0 8px 0 8px;
	display: block;
}

form#contact textarea{
	width: 350px;
	height: 100px;
}

form#contact span.reqMark{
	color: #CC0000;
	font-weight: bold;
	vertical-align: top;
	font-size:120%;
}

form#contact .missing{
	background: #FFECEC;
}

form#contact .valerr{
	background: #FFF2EA;
}

p.sentok{
	padding: 25px;
	text-align: center;
	border: 1px solid #669933;
	background: White;
	font-weight: bold;
	color: #669933;
	font-size: 120%;
}

p.red{
	color: #CC3300;
}

form#contact input.submitbutton{
	float: right;
}

form#contact span.sendcopy{
	margin: 0 0 8px 0;
	padding: 0 8px 0 8px;
	display: block;	
}

form#contact span.sendcopy label{
	width: auto;
}

form#contact span.sendcopy input{
	width: auto;
}

div.paddingbottom{
	padding-bottom: 50px;
}

span.arzttyp{
	font-weight: normal;
	font-size: 0.9em;
}

/* sitemap */

ul.sitemap a{
	text-decoration: none;
}


li.langswitch{
	font-size: 0.8em;
	margin: 0.2em 0 0 0;
}

.language a{
	margin: -3px 0 0 0;
}

#printheader {
	display: none;
}


/* Karteikarten */
.teambox {
	width: 54.5em;
	height: auto;
}

.teambox h2 {
	border-bottom: 1px solid #ee7e00;
	display: block;
	line-height: 3em;
	margin: 1em 0 1em 0;
	text-align: left;
}


#content img {
	border: 1px solid #b5b5b5;
	padding:  5px;
}

#content img#noborder {
	border: none;
	padding:  5px;
}

/* My Comment */

.teambox img {
	float: right;
	width: 150px;
	padding: .5em;
	border: 1px solid #b5b5b5;
}