/*====================================  R E S E T E N   V O R H E R I G E R   S T Y L E S  ==============================*/
/*=======================================================================================================================*/

:link,:visited { text-decoration:none; }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; font-weight:normal; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, dl, dt, dd { margin:0; padding:0 }
img, a img,:link img,:visited img, fieldset { border:none }
img { margin:0; padding:0; vertical-align:bottom; }
address { font-style:normal }

table {	border:none; padding:0px; margin:0px; border-spacing:0px; font-size:1em;}
tr { border:none; padding:0px; margin:0px; }
td { border:none; padding:0px; margin:0px; vertical-align:top; border-spacing:0px; }


legend { display:none; }

div, p, li, a {background-repeat:no-repeat; }

/*====================================  G R U N D E I N S T E L L U N G E N  ============================================*/

body {
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-family: Arial, SunSans-Regular, Sans-Serif;
	}

img {
	border: 0px;
	}

h1 {
	font-size:24px;
	font-weight: normal;
	padding: 0px;
	margin:0px;
	}

#kopfbereich {
	height: 110px;
	margin: 20px 0 20px 0;
	}

/*====================================  K O P F  ========================================================================*/


#kopf {
	height: 110px;
	width: 855px;
	background-image: url(logo1.png);
	background-repeat: no-repeat;
	margin:0 auto;
	padding: 0px;
	}

#kopf h1, #kopf h2, #kopf p {
	color: rgb(0,0,0);
	font-weight: bold;
	margin-left: 145px;
	}

#kopf h1 {
	font-size: 20px;
	}

#kopf h2 {
	font-size: 16px;
	}

#kopf p {
	font-size: 10px;
	}

/*====================================  C O T A I N E R  ================================================================*/

#container {
	background-color: rgb(230,242,251);
	width: 855px;
	margin-bottom: 10px;
	margin:0 auto;
	}

#button {
	padding: 10px;
	}

/*====================================  I N H A L T  ====================================================================*/


#inhalt {
	background-color: #ffffff;
	padding: 0 10px 10px 10px;
/*	margin: 0 140px 0 140px;*/
	margin: 0 0 0 140px;
	}

#inhalt p {
	padding: 0;
	margin: 0;
	font-size: 12px;
	}

#inhalt h1, h3, h4, h5, h6 {
	color: rgb(1,48,156);
	font-weight: bold;
	}

#inhalt h1 {
	font-size: 16px;
	font-weight: bold;
	padding: 0 ;
	margin: 0;
	}

#inhalt h2 {
	color: rgb(123,123,123);
	font-size: 12px;
	font-weight: bold;
	padding: 0;
	margin: 20px 0 0 0;
	}

#inhalt h3 {
	font-size: 13px;
	font-weight: bold;
	padding: 0;
	margin: 10px 0 0 0;
	}

#inhalt form {
	margin: 0 0 0 10px;
	}

div#inhalt {
	min-height:600px;
	height:expression(this.scrollHeight > 600 ? "auto":"600px");
	}

.txt-img {
	padding-bottom: 10px;
	}

.txt-img table{
	background-color: rgb(230,242,251);
	margin: 0px;
	font-size: 12px;
	margin: 0 10px 10px 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	font-size: 12px;
	border-collapse: collapse;
	border-spacing: 0px;
	}

.txt-img table tr th{
	margin: 0;
	padding: 2px;
	text-align: left;
	border-bottom-style:solid;
	border-color: white;
	border-width: 2px;
	}

.txt-img table tr td{
	margin: 0;
	padding: 0px 2px 0 2px;
	border-style:solid;
	border-width:thin;
	border-color: white;
	}

.team {
	padding-bottom: 10px;
	}

/* =============  Modul Bildergalerie  ==========================*/

.image{
	padding-top: 5px;
	width:110px;
	height:110px;
	border:1px solid #fff;
	font-size: 10px;
	text-align:center;
	float:left;
	}

.hoch img{
	background: url(schatten.gif) no-repeat right bottom;
	padding: 4px 10px 10px 4px;
	border: #eee 1px solid;
	border-right:none;
	border-bottom:none;
	}

.breit img{
	background: url(schatten.gif) no-repeat right bottom;
	padding: 4px 10px 10px 4px;
	border: #eee 1px solid;
	border-right:none;
	border-bottom:none;
	}



/* =============  Modul Downloads  ==============================*/


.download-hdl {
	margin: 10px 0 10px 0;
	}

.download-file {
	margin: 0 0 10px 0;
	}

/* =============  Modul Artikelliste  ===========================*/

.faq {
	padding: 0;
	background: url(bullet-normal.gif) 0 no-repeat;
	padding: 2px 0 0 15px;
	}

/*====================================  A N -  /  A B M E L D U N G  N E W S L E T T E R  ===============================*/

.text {
	margin: 0;
	padding: 0;
	}

.text h3 {
	margin: 0;
	padding: 0;
	}

.clearfix label {
	display: block;
	font-size: 10px;
	margin: 0px;
	}

/*====================================  T E X T U M F L U S S   B E I   B I L D E R N  ==================================*/

.floatLeft {
	float: left;
	margin: 0px;
	padding: 3px 10px 5px 0;
	font-size: 10px;
	}

.floatRight {
	float: right;
	margin: 0px;
	padding: 3px 0 5px 10px;
	font-size: 10px;
	}

.dt-1 {
	margin:0px;
	padding:0px;
	}

.dt-2 {
	text-align: left;
	margin: 0px;
	padding: 0px;
	font-size: 9px;
	}

.dt-1 img {
	display: block;
	}


/* ===================================  R U H R O L Y M P I A D E   S P E Z I A L  =====================================*/

/* =============  Ergebnisstabellen Ruhrolympiade  ==============*/

.ro_tabellen {
	background-color: rgb(230,242,251);
	margin: 0px;
	font-size: 12px;
	margin: 0px 10px 10px 0px;
	border-spacing: 0px;
	font-size: 12px;
	border-collapse: collapse;
	border-spacing: 0px;
	width: 100%;
	}

.ro_tabellen tr th{
	margin: 0;
	padding: 6px 4px 6px 4px;
	text-align: center;
	border-bottom-style:solid;
	border-color: white;
	border-width: 2px;
	width: 25px;
	}

.ro_tabellen tr td{
	margin: 0;
	padding: 6px 3px 6px 2px;
	border-style:solid;
	border-width:thin;
	border-color: white;
	text-align: right;
	}

/* =============  Ergebnisstabellen für Sidebar  ==============*/

.ro_tab_side {
	background-color: rgb(230,242,251);
	margin: 0px;
	font-size: 12px;
	margin: 0 0 10px 0;
	border-collapse: collapse;
	border-spacing: 0px;
	font-size: 12px;
	border-collapse: collapse;
	border-spacing: 0px;
	}

.ro_tab_side tr th{
	margin: 0;
	padding: 2px;
	text-align: left;
	border-bottom-style:solid;
	border-color: white;
	border-width: 2px;
	}

.ro_tab_side tr td{
	margin: 0;
	padding: 0px 2px 0 2px;
	border-style:solid;
	border-width:thin;
	border-color: white;
	}

/* ==================================================  F O O T E R  ====================================================*/

#footer {
	background-color: rgb(153,181,213);
	border-top-width: 5px;
	border-style: solid;
	border-color: rgb(176,201,223);
	border-bottom-width: 80px;
	clear: both;
	height: 28px;
	margin: 0px;
	padding: 0px;
	text-align: right;
	}

/* =================================================  S I D E B A R   ==================================================*/


#sidebar {
	float: right;
/*	width: 140px;*/
	width: 190px;
	margin: 0;
	padding: 0;
	text-align: left;
	text-decoration: none;
	background-color: white;
	}

#sidebar h1, h2, h3, h4 {
	text-size: 10px;
	}

/* ==============================================  N A V I G A T I O N  ================================================*/

#navigation {
	font-size: 8px;
	float: left;
	text-transform: uppercase;
	width: 140px;
	margin: 0px;
	padding: 0px;
	}

#navigation ul {
	padding: 0 0 0 4px;
	margin:0;
	}

#navigation ul li a {
	font-size: 12px;
	width: 116px;
	height: 22px;
	display: block;
	background: url(bullet-normal.gif) 0 7px no-repeat;
	color: #305E5C;
	line-height: 22px;
	text-decoration: none;
	padding: 0 0 0 15px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: blue;

	}

#navigation ul li a:hover {
	background: url(bullet-hover.gif) 0 7px no-repeat #fff;
	color: #305E5C;
	line-height: 22px;
	text-decoration: none;
	padding: 0 0 0 15px;
	}


#navigation ul li ul a {
	background:url(bullet-2-normal.gif) 0 7px no-repeat;
	width: 102px;
	margin-left: 10px;
	font-size: 10px;
	height: 22px;
	line-height: 22px;
	text-decoration: none;
	}


#navigation ul li ul a:hover {
	background:url(bullet-2-hover.gif) 0 7px no-repeat rgb(245,245,245);
	}

/* ==============================================  L O G - I N  ==========================================================*/

#log-in {
	font-size: 9px;
	margin: 10px;
	}

/* ==============================================  B R E A D C R U M B  ================================================*/

#breadcrumb {
	padding: 0;
	margin: 0 0 20px 10px;
	font-size: 10px;
	}

/* ==============================================  E N D E . . .  ======================================================*/
