@charset "UTF-8";
/* CSS Document */



/* here the css, to handle the different browsers and set the fix height for the image .line */
.imageHeadlines { line-height: 0px; font-size: 1px; padding-bottom: 15px;}
.imageHeadlines img { display: block; line-height: 0px; }
.imageHeadlines .line { height: 42px; }




/*   body und schrift deffinitionen */
html { 
  padding:0px;
  margin:0px;
}

body {
	background-color: #ffffff;
	font-size: 12px;
	font-family: arial, helvetica, Verdana, sans-serif; 
	text-align:center;
	margin:0px;
	padding:0px;
	line-height: 130%; 
}

a { 
text-decoration: none; 
color: #004e8e;
}


/*  positioning-layers statisch und absolut */

#wraper {

width:1020px;
margin: 0px auto;
padding:0px;
text-align:left;

}

#nav {
width:196px;
padding:0px;
float:left;
}


#inhalt {
	width:588px;
	margin-left: 20px; 
	padding:0px;
	float:left;
	overflow: auto;
}

#rechts {
	width:196px;
	margin-left: 20px; 
	padding:0px;
	float:left;
	overflow: auto;
}





#widgetWin {
	padding-bottom: 10px; 

}

/*  spacer allgemein */
.spacer {
	padding:16px;
}

/*  spacer für inhalt */
#wraper #content #inhalt .ro .lo .ru .lu .spacer {
	padding:32px;
}

#kopf {
	height: 100px;
	margin-top: 45px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	
	background-image: url( "/fileadmin/setup/template/logo_gfz.gif") ;
	background-position: 0px 0px;
	background-repeat: no-repeat;
}



#bannerTop {
	height: 60px;
	width:468px;
	position:relative;
	left:552px;
	top:0px;
}

#banner .entry {
	padding-bottom: 10px;
}

#bannerright {
	clear: both;
	background-color: transparent;
}




/* hier beginnt das fuer die Box relevante CSS  */

div {
padding:0px;
margin: 0px;
}

.ro {
	background-image: url(RO.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

.lo {
	background:url(LO.png) top left no-repeat;
}

.ru {
	background:url(RU.png) bottom right no-repeat;
}

.lu {
	background:url(LU.gif) bottom left no-repeat;

}





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

#nav a, #nav { 

font-size: 12px;

}

/* Listen ohne punkte und ohne einzug */
#nav ul {
	margin:0px;
	padding:0px;
	text-decoration:none;
	list-style-type: none;
}


  

/* Menü 2                                  */
#nav .menu-level2 li {
	border-bottom: 1px solid #c5c5c5;

	font-weight: bold;
	font-size: 12px;
	line-height: 26px;
}

/* rollover*/
#nav .menu-level2 a:hover {
	color: #004e8e;
}
/* aktive oberkategorie*/
#nav .menu-level2 .menu-level2-active a {
	color: #004e8e;
}


#nav .menu-level2 .menu-level2-active {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
}



/* aktive gewŠhlt*/
#nav .menu-level2 .menu-level2-current-active a {
	color: #004e8e;
}
/* nicht aktiv */
#nav .menu-level2 li a {
	color: #000000;
}


/* Menü 3                                  */
#nav .menu-level2 .menu-level3 li {
	font-weight: normal;
	font-size: 12px;
	line-height: 18px;
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 2px 20px;
	border-top: none;
	border-bottom: none;
	
	
		
	background:url(smalD.gif) top left no-repeat;

	
}
/* rollover*/
#nav .menu-level2 .menu-level3 a:hover {
	color: #004e8e;
}
/* aktive oberkategorie*/
#nav .menu-level2 .menu-level3 .menu-level3-active a {
	color: #004e8e;
}
/* aktive gewŠhlt*/
#nav .menu-level2 .menu-level3 .menu-level3-current-active a {
	color: #004e8e;
}

	

/* nicht aktiv */
#nav .menu-level2 .menu-level3 li a {
	color: #000000;
}


/* Menü 4                                  */
#nav .menu-level2 .menu-level3 .menu-level4 li {
	border-left: none;
	font-weight: normal;
	font-size: 12px;
	line-height: 18px;
	margin: 0px 0px 0px 16px;
	padding: 0px 0px 0px 0px;
	border-top: none;
	border-bottom: none;
}
/* rollover*/
#nav .menu-level2 .menu-level3 .menu-level4 a:hover {
	color: #000000;
}
/* aktive oberkategorie*/
#nav .menu-level2 .menu-level3 .menu-level4 .menu-level4-active a {
	color: #004e8e;
}
/* aktive gewŠhlt*/
#nav .menu-level2 .menu-level3 .menu-level4 .menu-level4-current-active a {
	color: #004e8e;
}
/* nicht aktiv */
#nav .menu-level2 .menu-level3 .menu-level4 li a {
	color: #7f7f7f;
}

/* --------------------------------------- */
/* werbung                                  */
/* --------------------------------------- */



#bannerleft H1 {
	font-size: 12px;
		margin-top: 5px;
	padding: 0px;
	margin-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c5c5c5;
	padding-bottom: 5px;


}


/* --------------------------------------- */
/* Inhalt                                  */
/* --------------------------------------- */


#inhalt ul, #inhalt li {
	list-style-type: square;
	list-style-position: outside; 
	margin: 0px; 
	padding: 0px; 
	text-decoration:none;
}


#inhalt ul {
	padding-left:15px;
}

#inhalt li {
	padding-left:5px;
}





#inhalt p, .contenttable {
	font-weight: normal;
	white-space: normal;
	font-size: 12px;
	line-height: 18px;
	margin:0px 0px 0px 0px;
	padding: 0
}

#inhalt p a:hover {
	color: #000000;
}

/* ContentItem Titel*/
#inhalt h1 {
	color: #004e8e;
	font-size: 15px;
	line-height: 24px;
	font-weight: bold;
	margin: 3px 0px 10px 0px;
	padding: 0;
}

/* Wird noch nicht verwendet!!! */
#inhalt h2 {
	color: #FF0000;
	font-size: 14pt;
	font-weight: bold;
	margin: 0px 0px 30px 0px;
	padding: 0;
}

/* ContentItem Untertitel = 3*/
#inhalt h3{
	color: #000000;
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	margin-bottom: 7px;
	padding: 0;
}

#inhalt h4, #inhalt h5{
	color: #000000;

	font-weight: bold;
	margin-bottom: 3px;
	
	
	
	white-space: normal;
	font-size: 12px;
	line-height: 18px;
	padding: 0px;
}

/* einzelner content*/
.StandardContentItem {
	padding-bottom: 32px;
	margin: 0px;
	clear: both;
	float: none;
}



/* einzelner content*/
.Layout1ContentItem {
	padding-bottom: 0px;
	margin: 0px;
	clear: both;
	float: none;
}


/* tabelle definieren */

.contenttable { 
	width:100%;
}

.contenttable, .contenttable td, .contenttable tr { 

	padding: 0px;
	margin: 0px;
     border:0; 
border-collapse:collapse;
border-spacing:0px;
empty-cells:show;
}

.contenttable td { 
	vertical-align: top; 
	padding-right: 30px;

	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c5c5c5;
	padding-bottom: 5px;
	padding-top: 5px;


}



/* --------------------------------------- */
/* Formular                                */
/* --------------------------------------- */

.formu {
	width:100%;
	margin: 0px;
	padding:0px;

}

label {

	margin: 0px;
	padding:0px;
	float: left;
	overflow: auto;
	width: 150px;
}

/* --------------------------------------- */
/* Ausnahme für label bei anmeldung        */
/* --------------------------------------- */
#field-AboComputerworld label,
#field-AboViscom label,
#field-AboDruckmarkt label,
#field-AboFachheft label,
#field-AboPublisher label {
	width: 350px;
}


.mf-text, .mf-file, .mf-select, .mf-input, .input, textarea {
	color: #000000;
	background: #FFFFFF;
	border: 1px solid #004e8e;
	width: 374px;
	float: right;
	overflow: auto;
	margin-bottom: 5px;

}

.mf-input:focus, textarea:focus {

	border: 1px solid #F22;


}


.sh_fieldset {
	float: none;
	/* 588-2x16 */
	width: 524px;
	margin-bottom: 5px;
	clear: both;
}