/* Cascading-Style-Sheet, Juelich.de, Stand: 2015-03-20 */

body, html {
	font-family:Arial, Helvetica, sans-serif;
	color:#050505;
	font-size:10pt;
	font-weight:normal;
	height:100.1%;
	margin:0;
	background-color:#f0f0f0;
}

.clearfix:after, .wrapper:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}

ul {
   list-style-type:square;
}

/* ---------- layout ---------- */

#page { 
	width:992px; margin:5px auto;
}

#header {
	padding:0 0 0 0px;
	position:relative;
}

#content { 
	width:980px;
	border:1px solid #cccccc; 
	padding:5px;
	margin:5px 0 10px 0;
	background-color:#fafafa; 
	border-radius:7px;
}

/* Styles Grafiken */

#picstyle {
	border-radius:5px;
}
#picstyleoutline {
	border-radius:5px;
	border:1px solid #dddddd; 
}

/* Styles Bannerbox */

#picbannerbox-01 {
    display:inline;
}
#picbannerbox-02 {
    display:none;
}
#picbannerbox-03 {
    display:none;
}
#picbannerbox-04 {
    display:none;
}
#picbannerbox-05 {
    display:none;
}
#picbannerbox-06 {
    display:none;
}

/* Styles Topmenu, Language und Google-Suche */

#topmenu {
	width:265px;
	position:absolute;
	top:28px;
	right:330px;
	text-align:center;
	line-height:30px;
	border-style:solid;
	border-width:1px;
	border-color:#cccccc;
	background-color:#fafafa;
	border-radius:7px;
}
#topmenu:hover { 
	background-color:#eeeeee; 
}

#language {
	width:41px;
	position:absolute;
	top:33px;
	right:615px;
	text-align:center;
	line-height:30px;
	border-style:solid;
	border-width:1px;
	border-color:#cccccc;
	background-color:#fafafa;
	border-radius:7px;
}

#googlesuche {
	width:265px;
	position:absolute;
	top:33px;
	right:0px;
}
input.gsc-input {
	height:20px !important;
	border-color:#cccccc !important;
	background-color:#fafafa !important;
	border-radius:5px !important;
}
input.gsc-search-button {
	height:24px !important;
	border-color:#cccccc !important;
	background-color:#fafafa !important;
	border-radius:5px !important;
}
input.gsc-search-button:hover { 
	background-color:#eeeeee !important; 
	color:#dd0000 !important; 
}
td.gsc-clear-button {
	display:none !important;
}

/* Styles Headermenu */

.headermenulink {
	display:block;
}

#headermenu {
	margin-top:5px;
    width:1000px;
    min-height:40px;
}
#headermenuline {
    width:1000px;
    min-height:24px;
}
#headermenubox1 {
	width:195px;
    height:40px;
	float:left;
	border-left-width:1px;
	border-right-width:0px;
	border-top-width:1px;
	border-bottom-width:0px;
	border-style:solid;
	border-color:#cccccc;
	line-height:20px;
	text-align:center;
    background-color:#ffffff;
	border-top-left-radius:5px;
}
#headermenubox1 a:hover { 
	background-color:#eeeeee; 
}
#headermenubox1 a.active:hover { 
	background-color:#eeeeee; 
}
#headermenulinebox1 {
	width:195px;
    height:4px;
	float:left;
	border-left-width:1px;
	border-right-width:0px;
	border-top-width:0px;
	border-bottom-width:1px;
	border-style:solid;
	border-color:#cccccc;
    background-color:#666699; 
	border-bottom-left-radius:5px;
}

#headermenubox2 {
	width:195px;
    height:40px;
	float:left;
	border-left-width:1px;
	border-right-width:0px;
	border-top-width:1px;
	border-bottom-width:0px;
	border-style:solid;
	border-color:#cccccc;
	line-height:20px;
	text-align:center;
	background-color:#ffffff;
}
#headermenubox2:hover { 
	background-color:#eeeeee; 
}
#headermenulinebox2 {
	width:195px;
    height:4px;
	float:left;
	border-left-width:1px;
	border-right-width:0px;
	border-top-width:0px;
	border-bottom-width:1px;
	border-style:solid;
	border-color:#cccccc;
    background-color:#E60D2E; 
}

#headermenubox3 {
    width:194px;
    height:40px;
	float:left;
	border-left-width:1px;
	border-right-width:0px;
	border-top-width:1px;
	border-bottom-width:0px;
	border-style:solid;
	border-color:#cccccc;
    line-height:20px;
	text-align:center;
	background-color:#ffffff;
}
#headermenubox3:hover { 
	background-color:#eeeeee; 
}
#headermenulinebox3 {
	width:194px;
    height:4px;
	float:left;
	border-left-width:1px;
	border-right-width:0px;
	border-top-width:0px;
	border-bottom-width:1px;
	border-style:solid;
	border-color:#cccccc;
    background-color:#FF6600; 
}

#headermenubox4 {
	width:195px;
    min-height:40px;
	float:left;
	border-left-width:1px;
	border-right-width:0px;
	border-top-width:1px;
	border-bottom-width:0px;
	border-style:solid;
	border-color:#cccccc;
	line-height:20px;
	text-align:center;
	background-color:#ffffff;
}
#headermenubox4:hover { 
	background-color:#eeeeee; 
}
#headermenulinebox4 {
	width:195px;
    height:4px;
	float:left;
	border-left-width:1px;
	border-right-width:0px;
	border-top-width:0px;
	border-bottom-width:1px;
	border-style:solid;
	border-color:#cccccc;
    background-color:#2b8558; 
}

#headermenubox5 {
    width:195px;
    min-height:40px;
	float:left;
	border-left-width:1px;
	border-right-width:1px;
	border-top-width:1px;
	border-bottom-width:0px;
	border-style:solid;
	border-color:#cccccc;
	line-height:20px;
	text-align:center;
	background-color:#ffffff;
	border-top-right-radius:5px;
}
#headermenubox5:hover { 
	background-color:#eeeeee; 
}
#headermenulinebox5 {
	width:195px;
    height:4px;
	float:left;
	border-left-width:1px;
	border-right-width:1px;
	border-top-width:0px;
	border-bottom-width:1px;
	border-style:solid;
	border-color:#cccccc;
    background-color:#0095cc; 
	border-bottom-right-radius:5px;
}

#leftnavi {
    float:left;
    width:196px;
    min-height:300px;
}
#maincontent { 
    float:left;
    width:568px;
    min-height:200px;
    margin-left:10px;
}
#teaser {
    float:right;
    width:196px;
    min-height:400px;
}
#teaser .container_infobox {
    margin-bottom:20px;
} 
#footer { 
	border:1px solid #cccccc; 
	padding:4px 10px; 
	background-color:#ffffff;
	border-radius:7px
}
#footertext1 { 
	padding:8px 1px; 
	float:left;
	background-color:#f0f0f0;
	text-align:left;
	vertical-align:top;
	display:none;
}
#footertext2 { 
	padding:8px 1px; 
	float:left;
	text-align:left;
	vertical-align:top;
	background-color:#f0f0f0;
}
#footertext3 { 
	padding:8px 1px; 
	float:right;
	text-align:right;
	vertical-align:top;
	background-color:#f0f0f0;
}
	
/* leftnavi (float, width, height: s.o.)*/

#leftnavi ul {
	margin:0; 
	padding:0; 
	border:none;
}
#leftnavi li {
	margin:0;
	padding:0;
	list-style:none;
	border:none;
}
#leftnavi a:hover {
    background-image:none;
    background-color:#eeeeee;
	border:none; 
	border-radius: 5px;
}
#leftnavi a.active {
    background-image:none;
    background-color:#eeeeee;
	border:none; 
	border-radius: 5px;
}
#leftnavi a.active span {
    color:#004e7a;
}
#leftnavi a.active:hover {
    background-image:none;
    background-color:#dddddd;
	border:none; 
	border-radius: 5px;
}
#leftnavi li a span {
    color:#004e7a;
}
#leftnavi li {
    border-top:0px dashed #dddddd;
}
#leftnavi li li {
    border-top:0px;
}
#leftnavi li a {
    text-decoration:none;
    font-size:12px;
    display:block;
    padding:6px 10px 6px 6px;
    border:none;
}
#leftnavi li li a {
    padding:4px 10px 4px 18px;
}
#leftnavi li li li a {
    padding-left:30px;
}
#leftnavi li li li li a {
    padding-left:42px;
}
#leftnavi li li li li li a {
    padding-left:54px;
}
#leftnavi ul {
    margin-bottom:4px;
}

/* Standard-Farbe für Trennlinien. */

hr {
	border:0px;
	border-top:solid 1px #cccccc; 
	border-bottom:transparent;
	margin-top:10px;
	margin-bottom:10px;
}

/* Standard-Farbe für Bildränder. */

img {
	border-color:#cccccc;
}

/* Standard Formular-Button und Felder. */

.searchbutton {
	cursor:pointer;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11pt;
	font-weight:bold;
	color:#050505;
	border:1px solid #a0a0a0;
	background-color:#fafafa;
	width:80px;
	height:22px;
}
.formularbutton {
	cursor:pointer;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	font-weight:bold;
	color:#050505;
	border:1px solid #a0a0a0;
	background-color:#ffffff;
	width:80px;
}
.lw_fe_textfield {
	width:560px;
}
.lw_fe_textarea {
	width:560px;
	height:100px;
}

.lw_form label span {
	color:#050505;
}
.lw_error span {
	color:#dd0000;
	font-weight:bold;
}

/* Standard-Schrift innerhalb von Tabellen etc. */

td,th,p,ol,ul,li,div,address,blockquote,nobr,b,i,dl,dt,span {
	font-family:Arial, Helvetica, sans-serif;
	color:#050505;
	font-size:10pt;
	font-weight:normal;
}

/* Allgemeine Definition der Überschriften */

h1,h2,h3,h4,h5,h6 {
	font-family:Arial, Helvetica, sans-serif;
	color:#050505;
	font-weight:bold;
	margin-top:0px;
}

/* Definition der Schriftgrössen bei Überschriften */

h1 { font-size:18pt; }
h2 { font-size:16pt; }
h3 { font-size:14pt; }
h4 { font-size:12pt; }
h5 { font-size:10pt; }
h6 { font-size:8pt; }

/* Allgemeine Definition von Links, wenn keine Klasse zugeordnet wurde */

a:link {
	color:#004e7a;
	text-decoration:none;
	font-weight:bold; } 
a:visited {
	color:#004e7a;
	text-decoration:none;
	font-weight:bold; }
a:active {
	color:#dd0000;
	text-decoration:none;
	font-weight:bold; }
a:hover {
	color:#dd0000;
	text-decoration:none;
	font-weight:bold; }

/* Definition von Quick-Links (kleine, fette Schrift) */

a.quicklink:link {
	color:#004e7a;
	text-decoration:none;
	font-weight:bold;
	font-size:8pt; }
a.quicklink:visited {
	color:#004e7a;
	text-decoration:none;
	font-weight:bold;
	font-size:8pt; }
a.quicklink:active {
	color:#dd0000;
	text-decoration:none;
	font-weight:bold;
	font-size:8pt; }
a.quicklink:hover {
	color:#dd0000;
	text-decoration:none;
	font-weight:bold;
	font-size:8pt; }

/* Definition von Footer-Links (kleine, fette Schrift) */

a.footerlink:link {
	color:#050505;
	text-decoration:none;
	font-weight:bold;
	font-size:8pt; }
a.footerlink:visited {
	color:#050505;
	text-decoration:none;
	font-weight:bold;
	font-size:8pt; }
a.footerlink:active {
	color:#dd0000;
	text-decoration:none;
	font-weight:bold;
	font-size:8pt; }
a.footerlink:hover {
	color:#dd0000;
	text-decoration:none;
	font-weight:bold;
	font-size:8pt; }

/* Definition von kleinen nicht-fetten Links (kleine, Schrift, blau, für "mehr zum Thema"-Links) */

a.kleinlink:link {
	color:#004e7a;
	text-decoration:none;
	font-weight:normal;
	font-size:8pt; }
a.kleinlink:visited {
	color:#004e7a;
	text-decoration:none;
	font-weight:normal;
	font-size:8pt; }
a.kleinlink:active {
	color:#dd0000;
	text-decoration:none;
	font-weight:normal;
	font-size:8pt; }
a.kleinlink:hover {
	color:#dd0000;
	text-decoration:none;
	font-weight:normal;
	font-size:8pt; }

/* Definition von  Links (normale Schrift, schwarz, für "Headermenu"-Links) */

a.headermenulink:link {
	color:#000000;
	text-decoration:none;
	font-weight:bold; } 
a.headermenulink:visited {
	color:#000000;
	text-decoration:none;
	font-weight:bold; }
a.headermenulink:active {
	color:#000000;
	text-decoration:none;
	font-weight:bold; }
a.headermenulink:hover {
	color:#000000;
	text-decoration:none;
	font-weight:bold; }

/* Definition weiterer Schrift-Klassen */

.fett {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	color:#050505;
	font-weight:bold;
}
.kleinfett {
	font-family:Arial, Helvetica, sans-serif;
	font-size:8pt;
	color:#050505;
	font-weight:bold;
}
.gross {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12pt;
	color:#050505;
	font-weight:bold;
}
.extragross {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18pt;
	color:#050505;
	font-weight:normal;
}
.fusstext {
	font-family:Arial, Helvetica, sans-serif;
	font-size:8pt;
	color:#050505;
	font-weight:normal;
}
.hinweis {
	font-family:Arial, Helvetica, sans-serif;
	font-size:8pt;
	color:#dd0000;
	font-weight:bold;
}
.hinweisgross {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12pt;
	color:#dd0000;
	font-weight:bold;
}

/* Definition  verschiedener allgemeiner Div-Box-Klassen */

.juelich-box-01 {
	margin-left:0px;
	margin-right:0px;
	margin-top:4px;
	margin-bottom:0px;
	padding:0px;
}

/* Definition spezielle Div-Box-Klassen */

.juelich-startseite-01 {
	width:210px; float:left;
}
.juelich-startseite-02 {
	width:340px; float:left;
}

/* Definition von Rändern verschiedener Zellen-Klassen */

.siteframe {
	border-style:solid;
	border-width:1px;
	padding:2px;
	border-color:#a0a0a0;
	background:#fafafa;
}
.tdsingle {
	border-style:solid;
	border-width:1px;
	padding:2px;
	border-color:#a0a0a0;
	background:#f0f0f0;
}
.tdaddon {
	border-style:solid;
	border-top-width:1px;
	border-left-width:0px;
	border-right-width:1px;
	border-bottom-width:1px;
	padding:2px;
	border-color:#a0a0a0;
	background:#f0f0f0;
}
.tabhead {
	border-style:solid;
	border-width:1px;
	padding:2px;
	border-color:#a0a0a0;
	background:#d0d0d0;
}
.td1st {
	border-style:solid;
	border-top-width:0px;
	border-left-width:1px;
	border-right-width:1px;
	border-bottom-width:1px;
	padding:2px;
	border-color:#a0a0a0;
	background:#f0f0f0;
}
.td2nd {
	border-style:solid;
	border-top-width:0px;
	border-left-width:0px;
	border-right-width:1px;
	border-bottom-width:1px; 
	padding:2px;
	border-color:#A0A0A0;
	background:#f0f0f0;
}
.tdhead1st {
	border-style:solid;
	border-width:1px;
	padding:2px;
	border-color:#a0a0a0;
	background:#d0d0d0;
}
.tdhead2nd {
	border-style:solid;
	border-top-width:1px;
	border-left-width:0px;
	border-right-width:1px;
	border-bottom-width:1px; 
	padding:2px;
	border-color:#a0a0a0;
	background:#d0d0d0;
}
.td1stblue {
	border-style:solid;
	border-top-width:0px;
	border-left-width:1px;
	border-right-width:1px;
	border-bottom-width:1px;
	padding:2px;
	border-color:#a0a0a0;
	background:#e0e0e0;
}
.td2ndblue {
	border-style:solid;
	border-top-width:0px;
	border-left-width:0px;
	border-right-width:1px;
	border-bottom-width:1px; 
	padding:2px;
	border-color:#a0a0a0;
	background:#e0e0e0;
}
.tdnoborder {
	border-width:0px;
	padding:2px;
	background:#d0d0d0;
}

/* Ausgabe News im Teaserbereich */

div.infobox h3 {
     color:#050505;
     font-size:12px;
     margin-bottom:10px;
}
div.infobox p {
     color:#333333;
     font-size:11px;
     margin:0 0 4px 10px;
}
div.infobox a span {
	 color:#004e7a;
     font-size:11px;
}
div.infobox a:hover span {
	 color:#dd0000;
     font-size:11px;
} 

/* Ausgabe News im Mainbereich */

h2.dotted  {
	font-family:Arial, Helvetica, sans-serif;
	color:#050505;
	font-size:12pt;
	font-weight:bold;
}
div.newsliste a:link span {
	 font-weight:bold;
	 color:#004e7a;
     font-size:12px;
}
div.newsliste a:hover span {
	 font-weight:bold;
	 color:#dd0000;
     font-size:12px;
}

/* Spezielle Styles Museum */

.museum_grau {
	width:100%;
	margin:8px 2px 2px 2px;
	padding:2px;
	font-weight:bold;
	background-color:#d0d0d0;
}
.museum_zeit {
	float:left;
	margin:0px 0px 0px 10px;
	padding:2px;
	width:70px;
	vertical-align:top;
	text-align:left;
	font-weight:bold;
}
.museum_aktion {
	margin:0px 0px 0px 84px;
	padding:2px;
	text-align:left;
}
.museum_box1 {
	width:544px;
	margin:8px 8px;
	padding:8px;
	text-align:left;
	background-color:#e0e0e0;
	list-style-type:none;
}
.museum_bild180 {
	float:left;
	width:180px;
	text-align:left;
}
.museum_text1 {
	margin-left:200px;
	vertical-align:top;
	text-align:left;
}
.museum_umbruch {
	clear:both;
	height:0px;
}
.museum_box2 {
 width:100%;
 margin-top:0px;
 margin-bottom:0px;
 padding:0px;
}
.museum_box2c {
	width:100%;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:0px;
	padding:8px;
}
img.museum_bild260 {
 width:260px;
 margin:16px 16px 16px 0px;
}
img.museum_bild260c {
	width:260px;
	margin:8px;
	text-align:center;
}
.museum_weiter {
	margin:0px;
	padding:0px;
	text-align:right;
	color:#808080;
	font-style:italic;
}
.museum_fontsize11 {
	font-size:11pt;
}