/* Import von weiteren CSS-Dateien */
@import url("default-settings.css");
@import url("navigation.css");
@import url("captcha-formular.css");

body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;

	background-color: #333333;
	background-image: url(bg_fadenkreuz2.gif);
	background-repeat: repeat;
}
/* ----------------------------------------------------------------------------------
   Generelle CSS-Einstellungen von einzelnen Elementen 
---------------------------------------------------------------------------------- */ 

h1 { font-size: 1.5em; margin: 5px 0px 10px 0px; font-weight: bold; } 
h2 { font-size: 1.35em; margin: 5px 0px 10px 0px; font-weight: bold; } 
h3 { font-size: 1.2em; margin: 5px 0px; font-weight: bold; } 
h4 { font-size: 1.0em; margin: 5px 0px; font-weight: bold; }  
h5 { font-size: 1.0em; margin: 5px 0px; font-weight: bold; }  
h6 { font-size: 1.0em; margin: 5px 0px; font-weight: bold; }  

p { margin: 0px 0px 8px 0px; font-size: 1.0em; line-height: 1.5em; }  
a { font-weight: bold; color: #CCCCFF; text-decoration: underline; }
a:link { color: #666666; text-decoration: underline; }
a:visited { color: #666666; text-decoration: underline; }
a:active { color: #FFCCCC; }
a:hover { text-decoration: none; }
a img { border: none; text-decoration: none; }
hr { margin: 15px 80px 15px 80px; }

table { }
th { padding: 2px 15px 5px 0px; vertical-align: top; background-color: #000000; color: #FFFFFF; }
td { padding: 2px 15px 5px 0px; vertical-align: top; }

.termine table { width: 100%; border: 1px solid #FFFFFF; }
.termine th { padding: 2px 10px 5px 5px; text-align: center; vertical-align: middle; background-color: #000000; color: #FFFFFF; }
.termine td { padding: 2px 10px 5px 5px; text-align: center; vertical-align: middle; }
.termine tr.even {background: #CCC; color: #000000; line-height: 1.5em; }
.termine tr.odd {background: #FFF; color: #000000; line-height: 1.5em; }

li { padding: 0px 0px 3px 0px; }






/* ----------------------------------------------------------------------------------
   Ausrichtung der Seite und der <div>-Container (Reihenfolge von oben nach unten)
---------------------------------------------------------------------------------- */ 
#page { 
  position: relative;
  width: 760px;
  height: auto;
  margin: 10px auto 0px auto;
  z-index: 1;
}

#header {
  position: static;
  z-index: 1; 
}

#main_navigation {
  padding: 0px;
  z-index: 1; 
  border-bottom: 6px solid #CBCBCB;
}
#wrapper {
  position: static;
  z-index: 1;
  padding: 10px 5px 15px 5px;  
}

#sub_navigation { padding: 10px 5px; float: left; width: 180px; z-index: 1; }

#content { position: static; margin: 10px 0px 10px 0px; z-index: 1; }
#content.with_sub_navigation { position: static; margin: 10px 5px 10px 260px; z-index: 1; }
#content_left { float: left; display: block; width:250px; height: auto; }

#footer { 
  clear: both; 
  position: static; 
  z-index: 1; 
  border-top: 6px solid #CBCBCB;
  padding: 5px 0px 10px 0px;
  text-align: left; 
}
#footer p { margin: 0px; padding: 5px; color: #ffffff; font-size: 0.8em; line-height: 1.0em; }
#footer a { color: #ffffff; }
.footer_right { float: right; text-align: right; width: 400px; height: auto; }


/* ----------------------------------------------------------------------------------
   CSS-Einstellungen von einzelnen Elementen innerhalb der <div>-Container
---------------------------------------------------------------------------------- */ 

#breadcrumb { font-size: 0.85em; padding: 5px 0px; } 
#breadcrumb p, #breadcrumb ul, #breadcrumb li { display: inline; }
#breadcrumb ul.rex-breadcrumb li { padding: 0 5px 0 5px; margin: 0;}
#breadcrumb ul.rex-breadcrumb li.rex-lvl1 {  }

#content img { margin: 2px 0px 5px 0px; }
#content ul { list-style-type: disc; margin-left: 20px; }

#content_left ul { list-style-type: disc; margin-left: 15px; }




/* ----------------------------------------------------------------------------------
   Module
---------------------------------------------------------------------------------- */ 

/* ---------- Download ---------- */ 
.download_box {
  width: 455px;
  margin: 5px 0px 5px 0px;
  padding: 5px 0px 5px 0px;
  font-size: 1.0em;
}
.download_box h4.download_hdl { font-weight: bold; font-size: 1.2em; }
.download_box a.extern { font-size: 0.8em; }
.download_icon { float: left; width: 120px; text-align: center; }
.download_icon a.extern { padding-right: 0px; background: none;}

.download_image { float: left; width: 120px; text-align: center; }
.download_image a.extern { padding-right: 0px; background: none;}

.download_text { margin-left: 130px; padding: 0px 0px 0px 5px; }
.download_desc { margin: 5px 0px 0px 0px; padding: 5px 5px 2px 5px; }
.download_without_desc { }



/* ---------- Zweispalter ---------- */ 
.zweispalter { clear: both; }
.zweispalter_links { float: left; width: 350px; }
.zweispalter_rechts { float: right; width: 350px; }

/* ---------- textblock ---------- */ 
.textblock { }

/* ---------- box_floated ---------- */ 
.box_floated { width: 240px; padding: 0px; background-color:#EEEEEE; background-image:url(box.jpg); background-repeat: no-repeat; }
.flLeft_without { float: left; margin: 0px 8px 10px 0px; }
.flRight_without { float: right; margin: 0px 8px 10px 0px; }

.box_floated_headline { padding: 0px 5px 0px 5px; margin: 0xp; border-bottom: 1px solid #333333;  }
.box_floated_headline h3 { color: #000000; padding: 0px; margin: 0xp;  }
.box_floated_text {color: #000000; padding: 5px 5px 5px 5px;  background-image:url(box_bottom.jpg); background-position: left bottom;  background-repeat: no-repeat; }
.box_floated .image { padding: 3px 5px 3px 5px; }



/* ---------- articel_nav_back_and_forward ---------- */ 
.article_nav_back_and_forward { padding: 40px 5px 10px 5px; }


.single_image { display: inline-block; width: 240px; height: auto; padding: 0px 0px 20px 0px; }

.kriminalfall { background-color: #FFFFFF; margin: 5px 0px 10px 0px; border: 1px solid #FFFFFF;  }
.kriminalfall h3 { background-color: #000000; padding: 3px 5px 3px 5px; margin-top: 0px; }
.kriminalfall .text { color: #000000; margin: 0px 10px 5px 250px; padding: 0px 5px 2px 5px;  }
.kriminalfall .image { float: left; width: 240px; padding: 3px 5px 3px 5px; }


.drittel_box { background-color: #FFFFFF; border: 1px solid #FFFFFF; margin: 0px 8px 10px 0px; padding: 0px; float: left; width: 240px;  }
.drittel_box h3 { background-color: #000000; padding: 3px 5px 3px 5px; margin-top: 0px;  }
.drittel_box .text { color: #000000; padding: 0px 5px 2px 5px;  }
.drittel_box .image { padding: 3px 0px 3px 0px; text-align: center; }
.drittel_box .link { background-color: #000000; padding: 3px 5px 3px 5px; text-align: right; }
.drittel_box .link a { color: #FFFFFF; }


.shop_formular .error { color: #FF3333; }


.anmeldung .anmeldung_box { margin: 15px 0px 20px 0px; border-bottom: 1px solid #FFFFFF; padding: 10px;   }
.anmeldung .anmeldung_formular .error { color: #FF3333; font-weight: bold; }
.anmeldung .anmeldung_formular h2.error { text-align:center; padding: 10px 0px 20px 0px;  }

/* Div das das Formular umschliesst */
.anmeldung .anmeldung_formular form { line-height : 120%; }


/* Mehrzeiliges Eingabefeld */
.anmeldung .anmeldung_formular textarea { width: 260px; background-color: #cccccc; }

/* Textfeld */
.anmeldung .anmeldung_formular input { width: 260px; background-color: #cccccc; }
.anmeldung .anmeldung_formular input.radio { width: 30px; background-color: #cccccc; }
.anmeldung .anmeldung_formular input.checkbox { width: 30px; background-color: #cccccc; }

/* Aussehen der Select-Ausgabe */
.anmeldung .anmeldung_formular select { background-color: #cccccc; }

/* Sende-Button */
.anmeldung .anmeldung_formular .button { text-align: center; width: 160px; background-color: #cccccc; }


/*//////////////////////////////////////////////////////////////////////////////*
/* Ende der Formulardefinition */