/* ********************************************************************************************************** */

/* ESID CSS by Piccobello - Media & Corporate, Trier, Germany, http://www.piccobello.com */
/* All associated graphics copyright 2005, Piccobello */

/* ********************************************************************************************************** */

/*	**************************************
	GENERAL
	************************************** */
	
@import "general.css";


/*	**************************************
	FORUM
	************************************** */
	
@import "forum.css";

	
/*	**************************************
	CONTAINER
	************************************** */
	
#pageContainer {
	/* Zentrierung des kompletten Inhalts inklusive Header und Footer*/
	position: relative;
	width: 790px;
	
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
}

#pageContainer-js {
	/* Zentrierung des kompletten Inhalts inklusive Header und Footer*/
	position: relative;
	width: 542px;
	
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 10px 0px 10px 0px;
}

body.js {
	background: #fff;
}

#contentContainer {
	/* Container des kompletten Inhalts */
	position: relative;
	background: transparent url(../img_bg/esid_content_bg_2012.png) top left repeat-y;
	width: 750px;
	
	margin: 0px;
	padding: 15px 25px 15px 15px;
	overflow: hidden; 
}

div.left_contentContainer {
	/* Sub-Container fŸr Inhalt links */
	position: relative;
	margin: 0;
	padding: 0;
	float: left;
	width: 185px;
	/*border: 1px solid green;*/
	
}

div.right_contentContainer {
	/* Sub-Container fŸr Inhalt rechts */
	position: relative;
	margin: 0;
	padding: 0;
	float: right;
	width: 542px;
	/*border: 1px solid green;*/

}

/*	**************************************
	PAGE CONTENT
	************************************** */
	
.pageContent { 
	position: relative;
	width: 542px;
	margin: 0px;
	padding: 0px;
}

#pageContainer-js .pageContent { 
	position: relative;
	background: #FFF;
	width: 542px;
	margin: 0px;
	padding: 0px;
}

.blueContent {
	position: relative;
	background: #DFF0F6;
	border-top: 1px solid #FFFFFF;
	padding: 10px;
}

.lightgreyContent {
	position: relative;
	background: #F0F0F0;
	border-top: 1px solid #FFFFFF;
	padding: 10px;
}

.defaultContent {
	position: relative;
	background: transparent;
}

/*	**************************************
	COUNTER
	************************************** */
	
.counterContent {
	position: relative;
	background: #161548;
	color: #FFFFFF;
	border-top: 1px solid #FFFFFF;
	padding: 5px 10px 5px 10px;
	margin-bottom: 1px;
}

/*	**************************************
	PAGE BANNER
	************************************** */
	
#topbanner { position: relative; width: 100%; text-align: center; background: transparent; margin-bottom: 10px; }
#topbanner img { -moz-box-shadow: 0px 0px 2px #676767; -webkit-box-shadow: 0px 0px 2px #676767; box-shadow: 0px 0px 2px #676767; }

/*	**************************************
	PAGE HEADER
	************************************** */
	
#pageHeader {
	/* Container fŸr Header-Inhalt */
	position: relative;
	background: url(../img_bg/esid_header_img_2012.png) no-repeat;
	
	overflow: hidden;
	width: 790px;
	height: 103px;
	
	padding: 0px;
	margin: 0px;
}

#clock {
	position: absolute; top: 88px; left: 25px; z-index: 2;
	width: 160px; 
	height: 14px;
	
	/*background: url(../img_style/clock.gif) no-repeat 0px 0px;*/
	
	/*padding-left: 15px;*/
	padding-top: 0px;
	
	
	font-size: 0.9em;
	line-height: 1.1em;
	color:#161548;
	font-weight: bold;	
}

#logohome {
	position: absolute; top: 10px; left: 20px; z-index: 3;
	width: 100px;
	height: 65px;
}


#loggedIn {
	position: absolute; top: 83px; left: 5px; z-index: 1;
	
	width: 716px;
	height: 20px;
	background: #DFF0F6;
	padding: 5px 54px 5px 10px;
	text-align: right;
	font-size: 0.90em;
	line-height: 1.1em;
}

#loggedOut {
	position: absolute; top: 83px; left: 5px; z-index: 1;
	
	width: 780px;
	height: 20px;
	background: #9AA09B;
}


/*	**************************************
	PAGE FOOTER
	************************************** */
	
#footer {
	/* Container fŸr Footer-Inhalt */
	position: relative;
	background: url(../img_bg/esid_footer_img_2012.png) no-repeat top left;
	/*border: 1px solid green;*/
	overflow: hidden;
	
	width: 770px;
	height: 43px;
	
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 15px;
	font-size: 0.95em;
	text-align: center;
	clear: both;
}



/*	**************************************
	MAIN NAVIGATION
	************************************** */

#mainNavi {
	/* Sub-Container fŸr das HauptmenŸ */
	position: relative;
	width: 185px;
	font-size: 11px;
	margin: 0;
	padding: 0;
}

#mainNavi ul { 
	margin-left: 0px;
	margin-top: 0px; 
	/*Just for Mozilla*/
	padding-left: 0; margin-bottom: -0px; list-style-type: none;
}

#mainNavi li { 
	font-weight: bold;
	margin-left: 0px;
}

#mainNavi p { 
	color: #161548;
	font-weight: bold;
	font-size: 1.2em;
	background-color: transparent; border-bottom: 1px solid #FF0000;
	padding: 4px 10px 2px 10px;
	margin: 20px 0px 5px 0px;
}

#mainNavi input.button{ 
	margin: 6px 8px 6px 0px;
}

#mainNavi a { 
	display: block;
	padding: 2px 10px 2px 10px;
	width: 165px;
	/* w\idth: 160px; \widht: 175px; Internet Explorer hack*/
	background-color: transparent; border-bottom: 1px solid #E2E2E2; line-height: 15px;
	color: #63B3D4; text-decoration: none;
}

#mainNavi a img{ 
	display: block;
	margin: -2px 0px -2px -10px;
	background-color: transparent; border-bottom: none; line-height: 0px;
	text-decoration: none;
}

#mainNavi a.activated {
	color: #FF0000;
	background: url(../img_style/mainmenu_arrow.gif) no-repeat 1px center;
}

#mainNavi a:hover { 
	background-color: #DFF0F6; color: #FF0000; 
}

/*	**************************************
	LOGIN FORMS
	************************************** */
	
#loginForm {
	/* Sub-Container fŸr das Login-Formular */
	position: relative;
	width: 175px;
	padding: 0px 0px 0px 10px;
}

#loginForm span.menunote, #loginFormContent span.menunote {
	color: #F24200;
	line-height: 13px;
}

#contentLogin ul { padding: 0 !important; list-style-type: none; }

/*	**************************************
	CONSTITUTION
	************************************** */
	
.constitutionhead {
	text-align: center;
	font-weight: bold;
	margin-bottom: 8px;
}

.constitutionhead.farbe {
	margin-bottom: -0px;
	margin-top: 8px;
}

/*	**************************************
	HELP
	************************************** */

#help {
	background: #FFFFFF url(../img/spacer.gif) no-repeat;
}

.helpContent { 
	position: relative;
	width: 500px;
	margin: 0px;
	padding: 10px;
	background-color: #FFFFFF;
}

.poptotop {
	text-align: right;
	margin: -5px 0px -3px 0px;
	width: 500px;
	clear: both;
}


/*	**************************************
	GALLERY
	************************************** */
div.logoGallery {
	float: left;
	display: block;
	width: 166px;
	margin: 2px 2px;
	padding: 4px;
	/*border: 1px solid #c0c0c0;*/
	text-align: center;
	background: transparent;
}

.logoGallery dl {
	margin: 0px;
}

.logoGallery dl dt {
	display: block;
	height: 80px;
}

.logoGallery dl dd {
	margin: 5px 0 0 0;
	padding-top: 5px;
	border-top: 1px solid #E2E2E2;
}

/*	**************************************
	STATISTICS
	************************************** */

div.barStatistic {
	display: block;
	margin-bottom: 5px;
	padding: 0px;
}

.barStatistic img.barChart {
	width: 355px;
	margin: 0px;
	padding: 1px;
	border-top:1px solid #888680;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	border-left:1px solid #888680;
}

div.statisticKey {
	display: block;
	width: 10px;
	height: 10px;
	margin: 4px;
	padding: 0px;
	border-top:1px solid #888680;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	border-left:1px solid #888680;
}

.piechart {
	padding-left: 0px;
}

.legende {
	background-color: #C0DAE5;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	margin: 0px 0px 0px 0px;
	padding: 4px 10px 2px 10px;
}

.footnote {
	padding: 0px 6px 0px 0px;
}

/*	**************************************
	ALERT FENSTER
	************************************** */

.alert {
	background: #F24200 url(../img_style/alert_bg.gif) repeat-x -9px 0px;
	padding: 34px 10px 10px 10px;
	color: #FFFFFF;
	margin-top: 4px;
	margin-bottom: 10px;
}

/*	**************************************
	ADMINNAVIGATION
	************************************** */

.adminNavi {
	width: 542px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.adminNavi.atline {
	margin: 4px 0px -3px 0px;
}

.adminNavi .leftlink{
	padding: 0px 0px 0px 0px;
	text-align: left;
	float: left;
}

.adminNavi .rightnavi{
	text-align: right;
	float: right;
}


.adminNavi a img { 
	border: 1px solid #6C6F70 /*#63B3D4*/;
	vertical-align: bottom;
	text-align: center;
	background-color: #87C9E4 /*#DFF0F6*/;
}

.adminNavi a:hover img { 
	background-color: #FF0000;
}

/*	**************************************
	UNTERMENUES
	************************************** */
	
.tab {
	width: 170px;
	padding: 3px 4px 2px 4px;
	margin: 0px 4px 0px 0px;
	float:left;
	background: #E2E2E2 url(../img_style/corner_right.gif) no-repeat 166px 0px;
	font-size: 0.95em;
	text-align: center;
	border-bottom: none;
}

.tab14, .tab44 {
	width: 126px;
	padding: 3px 4px 2px 4px;
	margin: 0px 2px 0px 0px;
	float:left;
	background: #E2E2E2 url(../img_style/corner_right.gif) no-repeat 122px 0px;
	font-size: 0.95em;
	text-align: center;
	border-bottom: none;
}

.tab44 {
	margin: 0px 0px 0px 0px;
}

.tab.activated, .tab14.activated, .tab44.activated {
	background-color: #C8E9F4;
	border-bottom: 2px solid #C8E9F4;
}

.tab.activated a, .tab14.activated a, .tab44.activated a {
	color: #FF0000;
}

.fileCardBottom {
	margin: 0px 0px 0px 0px;
	clear: both;
	height: 6px;
	background: #C8E9F4;
}

.submenu {
	position: relative;
	margin: -1px 0px 0px 0px;
	background-color: #DFF0F6;
	padding: 3px 10px 3px 10px;
	border-top: 1px solid #FFFFFF;
	font-size: 0.95em;
}

.submenu.admin {
	background-color: #C8E9F4;
}

.submenu p, .submenu.admin p {
	margin: 0px 0px 2px 0px;
}

.submenu select {
	margin-right: 8px;
}

/*	**************************************
	FORMULARE
	************************************** */


.cmsForm {
	width: 522px;
	margin: -1px 0px 0px 0px;
	padding: 5px 10px 5px 10px;
	border-top: 1px solid #FFFFFF;
	background-color: #E2E2E2;
}

.cmsForm.admin {
	background-color: #C8E9F4;
}

.cmsForm.headgrey {
	background-color: #CCCCCC;
}

.cmsForm p, .cmsForm.admin p{
	margin: 2px 0 2px 0;
}

.cmsForm div.inputleft {
	position: relative;
	float: left;
	width: 261px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.cmsForm div.inputright {
	position: relative;
	float: right;
	width: 261px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.cmsForm div.whitefield {
	position: relative;
	background-color: #FFFFFF;
	width: 500px;
	padding: 2px 2px 2px 2px;
	margin: 0px 0px 0px 0px;
}

.cmsTrenner {
	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #FF0000;
	height: 1px;
	overflow: hidden;
	clear: both;
}

/*	**************************************
	ARTIKEL
	************************************** */

div.left_component {
	/* Sub-Container fŸr Inhalt links */
	position: relative;
	margin: 0px 5px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	width: 270px;
	
}

div.right_component {
	/* Sub-Container fŸr Inhalt rechts */
	position: relative;
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 0px 0px;
	float: right;
}

div.float_component {
	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.bild {
	position: relative;
	margin: 5px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}
.bild.gross {
	margin: 10px 0px 10px 0px;
}

.bild .subtext {
	position: relative;
	padding: 5px 5px 5px 5px;
	margin: 2px 0px 0px 0px;
	background-color: #E2E2E2;
	font-size: 0.95em;
}

.filedownload{
	font-size: 0.95em;
}

.filedownload img {
	margin: 3px 6px 3px 0px;
}

.extralink img {
	margin: 1px 4px 1px 0px;
}

.logolink {
	position: relative;
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 0px 0px;
	background-color: #E2E2E2;
}

.abstract {
	border: 1px solid #B6B8B9;
	margin: 0px 10px 4px 0px;
	float: left;
}

a img.abstract {
	border: 1px solid #B6B8B9;
}

a:hover img.abstract {
	border: 1px solid #FF0000;
}

/*	**************************************
	ESID MEMBERS
	************************************** */
	
.memberdata {
	position: relative;
	float: left;
	width: 390px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.memberdata table {
	margin: 10px 0px -1px -3px;
}
.memberimage {
	position: relative;
	text-align: right;
	float: right;
	width: 110px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
/*	**************************************
	ESID CENTERS
	************************************** */
	
.centerdata {
	position: relative;
	float: left;
	width: 344px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.centerdata table {
	margin: 10px 0px -1px -3px;
}

.centerimage {
	position: relative;
	text-align: right;
	float: right;
	width: 170px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

/*	**************************************
	ESID REGISTRY GATEWAY
	************************************** */
#gateway {
	position: relative;
	font-size: 11px;
	margin: 0;
	padding: 0;
}

#gateway ul { 
	margin-left: 0px;
	margin-top: 0px; 
	/*Just for Mozilla*/
	padding-left: 0; margin-bottom: -0px; list-style-type: none;
}

#gateway li { 
	font-weight: bold;
	margin-left: 0px;
}

#gateway a { 
	display: block;
	padding: 2px 10px 2px 20px;
	border-bottom: 1px solid #FFFFFF; line-height: 15px;
	background: url(../img_style/link_plus.gif) no-repeat 5px center;
	background-color: #F8F8F8;
	color: #6C6F70; text-decoration: none;
}

#gateway a.implemented {
	color:#63B3D4;
}

#gateway a .found {
	background-color: #F6C82A;
}

#gateway a.activated {
	color: #FF0000;
	background: url(../img_style/link_minus.gif) no-repeat 5px center;
	background-color: #F4D5DA;
}

#gateway a.directlink {
	color: #63B3D4;
	background: url(../img_style/link_file.gif) no-repeat 6px center;
	background-color: #D0F3D5;
}

#gateway a.directlink1{
	background: url(../img_style/link_file.gif) no-repeat 6px center;
}



#gateway a.maingroup {
	padding: 5px 10px 5px 20px;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}

#gateway a.subgroup {
	margin-left: 20px;
	background-color: #EBEBEB;
}

#gateway a.diagnosis {
	margin-left: 40px;
	background: url(../img_style/link_file.gif) no-repeat 6px center;
	background-color: #EDFAFF;
}


#gateway div.results a.diagnosis {
	margin-left: 0px;
	background-color: #C0EDFF;
}

#gateway a:hover, #gateway div.results a:hover { 
	background-color: #DFF0F6; color: #FF0000; 
}

/*	**************************************
	ESID POLL
	************************************** */
.poll {
	position: relative;
	width: 100%;
	font-size: 11px;
	margin: 0;
	padding: 0;
}

.poll .pollhead {
	position: relative;
	font-size: 14px;
	font-weight: bold;
	background-color: #516F9A;
	color: #FFFFFF;
	border-top: 1px solid #FFFFFF;
	margin: -1px 0px 0px 0px;
	padding: 5px 10px 5px 10px;
}

.poll .pollhead .deadline {
	font-size: 11px;
}

.poll .frage {
	font-size: 12px;
	font-weight: bold;
	background-color: #C0DAE5;
	border-top: 1px solid #FFFFFF;
	margin: -1px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
}

.poll .subject {
	background-color: #CAE5F0;
	border-top: 1px solid #FFFFFF;
	margin: -1px 0px 0px 0px;
	padding: 5px 10px 5px 10px;
}

.poll .antwort {
	background-color: #DFF0F6;
	border-top: 1px solid #FFFFFF;
	margin: -1px 0px 0px 0px;
	padding: 3px 10px 3px 10px;
}

.poll .antwort a {
	font-size: 12px;
}

/*	**************************************
	PROFILE CHECKER
	************************************** */
#dialog {
	position: absolute; top: 20px; left: 109px; z-index: 100;
	width: 550px; 
	padding: 20px 10px 20px 10px;
	background: #fff;
	border: 1px solid #2f85b5;
	border-right: 2px solid #205d7f;
	border-bottom: 2px solid #205d7f;
	
}

* html #dialog {
	position: relative; top: -90px;
}

#dialog {
	position: relative; top: -90px;
}


#decker {
	position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: 99;
	width: 790px; height: 100%; overflow: hidden;
	background: #7fbbd0;
	
	filter:alpha(opacity=100);
	opacity: 1.0;
	-moz-opacity: 1.0;
	
}

* html #decker {
	position: absolute; height: 6000px; top: 0px;
}



a.stylebut { display: block; width: 260px; padding: 0px; margin: 0 10px 0 0; font-size: 11px; font-weight: bold; color: #fff; border: 1px solid #6c6f70; text-decoration: none; float: left; }
a.stylebut span { background: #63b3d4; text-align: center; display: block; border: 1px solid #5c8699; border-left: 1px solid #b1d9ea; border-top: 1px solid #b1d9ea; padding: 1px 10px 1px 10px; }
a.stylebut.neg span { background: #ff4040; border: 1px solid #aa4d50; border-left: 1px solid #ffa0a0; border-top: 1px solid #ffa0a0; }
a:hover.stylebut span { background: #9fd6e9; border: 1px solid #99b9c6; border-left: 1px solid #d4ebf4; border-top: 1px solid #d4ebf4; text-decoration: none !important; }
a:hover.stylebut.neg span { background: #ff8080; border: 1px solid #d08c8f; border-left: 1px solid #ffcaca; border-top: 1px solid #ffcaca; text-decoration: none !important; }

/*	**************************************
	TRAINING CENTRES
	************************************** */
.standard-corner { -webkit-border-radius: 10px; -moz-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px;  }
#training-centres { position: relative; width: 100%; }
#training-centres .training-centre { position: relative; width: 100%; border-bottom: 1px dotted #6C6F70; padding-bottom: 0.5em; margin-bottom: 1.5em; }
#training-centres h3 { font-size: 15px; line-height: 1.3em; background: transparent url(../img_style/icon_trainingcentre_small.gif) 0px 0px no-repeat; padding-left: 16px; }
#training-centres.single h3 { font-size: 18px; line-height: 1.3em; }
#training-centres table { position: relative; width: 100%; font-size: 12px; padding: 0; margin: 0; table-layout: fixed; border-collapse: collapse; margin-bottom: 10px; }
#training-centres.list table { font-size: 11px;  }
#training-centres td { padding: 0; margin: 0; border-bottom: 1px solid #e2e2e2; text-align: left; vertical-align: top; }
#training-centres td .smallfont { font-size: 10px;  line-height: 1.1em; }
#training-centres.single td { padding:  2px 0 2px 0; }
#training-centres td.key { width: 210px; }
#training-centres td.value { font-weight: bold;  }
#training-centres-wrapper { position: relative; width: 520px; height: 400px; padding: 10px; background: #c4e9f2; display: none; margin-bottom: 10px; }
#training-centres-map { position: relative; width: 520px; height: 400px; padding: 0px; }
.infowindow { display: block; width: 280px; padding-right: 20px; }
.infowindow h4 { font-size: 15px; line-height: 1.1em; }
.infowindow h4 a { color: #63B3D4 !important; }
.map-filter { position: relative; overflow: hidden; paddinG: 10px; }
.map-filter .form-entry { float: left; margin-right: 15px; }
.map-filter .form-entry label { display: block; padding: 0; margin: 0; }
.map-filter .size-input { width: 220px; }
.map-filter .size-input input { width: 218px; }
.map-filter .size-input-big { width: 236px; }
.map-filter .size-input-big input { width: 234px; }
.map-filter .size-select { width: 120px; }
.map-filter .size-select select { width: 120px; margin: 0; }
.map-filter .size-select-big { width: 236px; }
.map-filter .size-select-big select { width: 236px; margin: 0; }
.map-filter .size-submit { position: absolute; right: 10px; bottom: 12px;  float: right; margin-right: 0px; }
.map-filter .size-submit input { }
.loader { position: absolute; display: none; width: 100%; background: transparent url(../img_style/loading.gif) center center no-repeat; height: 100px; z-index: 10; }

	
/*	**************************************
	SONDERFUNCS
	************************************** */
.hide { display: none; }
.nomargin { margin: 0px 0px 0px 0px; }
.nopadding { padding: 0px 0px 0px 0px; }