/* stylesheet for componeo InternetBaukasten websites */
/* DO NOT SET <tab> between class-name and "{"! */
body {
 color: black;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 line-height: 140%;
 background-color: #D7D8DC;
 margin: 0px;  
}

td { 
 /* no inheritance of the font-size (and family, size in NS4) from body, so repeat it here */
 color: black;; /* ns4 */
 font-family: Arial, Helvetica, sans-serif; /* ns4 */
 font-size: 12px;
}

/* define headlines explicitly because the differences of default-headlines are too big between the main-browsers */
h1 {
 font-size: 145%;
 font-weight: bold;
 margin-top: 10px;
 margin-bottom: 10px;
}

h2 {
 font-size: 130%;
 font-weight: bold;
 margin-top: 8px;
 margin-bottom: 8px;
}

h3 {
 font-size: 115%;
 font-weight: bold;
 margin-top: 6px;
 margin-bottom: 6px;
}

li {
 padding-bottom: 6px;
}
/* class for areas displayed in print-version only */
.print {
 display: none;
}
/* this class defines the bg-color for the content area and the wysiwyg-editor if not identically with the colors set in body */
.content {
 background-color: ;
}

/* links */
a:link {
 text-decoration: none; 
}
a:visited {
 text-decoration: none;
}
a:hover {
 text-decoration: none;
}
a:active {
 text-decoration: none;
}

/* misc */
.sitemap {
 background-color:;
 border: 1px solid #000000;
 padding: 3px
}
.footer {
 /* text-decoration doesnt work as class in gecko, so you have to specify this in the footer.html file */
 font-size: 10px;
 color: #999999;
}

/* positioning the navigation items in all 4 levels (#0-#3, any level below #3 will be set on level #3)  */
.nav0  {
 font-size: 17px;
 margin-left: 0px;
 line-height: 30px; /* important when using background-images */
 display: none;
}

.nav1 {
 font-size: 17px;
 margin-left: 0px;
 line-height: 30px; /* important when using background-images */
}

.nav2 {
 font-size: 14px;
 font-weight: 600;
 margin-left: 40px;
 line-height: 20px; /* important when using background-images */
}

.nav2+.nav1 {
	border-top: 2px solid #C6C8CE;
	margin-top: 5px;
	padding-top: 5px;	
}

.nav3, .nav4, .nav5, .nav6, .nav7 {
	display: none;
}

.closed a { 
 color: #C6C8CE;
}
.open a {
 color: #FFFFFF;
}
.active a { 
 color: #000000;
}

/* hover pointer-graphic */
.closed a:hover, .open a:hover {
 color: #000000;
 display:block;
}

/* hover text-color  */
.closed a:hover .nav0, .open a:hover .nav0, .closed a:hover .nav1, .open a:hover .nav1,  .closed a:hover .nav2, .open a:hover .nav2,  .closed a:hover .nav3, .open a:hover .nav3  { 
 color:#000000;
}

/* ------------------ add individual styles below ----------------- */

/* --------- styles for the follow sites --------- */

/* ---- the top row ---- */

/* -- Design Elements -- */

#top_row {
	width: 1024px;
	height: 151px;
	background-color: #A90019;
}

#top_row div.top_boxen {
	float: left;
	height: 100%;
}

#top_logo_box {
	width: 242px;
	text-align: center;
}

#top_logo_box img {
	margin-top: 18px;
}

#top_shadow_red_box {
	background-image: url('../media/verlauf_rot_oben.gif');
	width: 22px;
}

#top_navi_box {
	background-image: url('../media/content_bg_rot.gif');
	background-repeat: no-repeat;
	background-position: 43px bottom;
	width: 494px;
	text-align: center;
}

#top_cite_box {
	width: 244px;
}

#top_shadow_grey_box {
	background-image: url('../media/verlauf_grau_oben.gif');
	width: 22px;
}

/* -- Content Elements -- */

#top_navigation {
	color: white;
	margin-top: 15px;
	text-align: left;
}

#top_navigation a {
	color: white;
	text-decoration: none;
	margin-right: 7px;
	margin-left: 7px;
}

#top_navigation a:hover {
	text-decoration: underline;
}

#top_navigation a.first_a{
	margin-left: 0px;
}

#top_cite_box cite {
	display: block;
	padding: 20px 20px 10px 20px;
	color: white;
}

/* ---- the bottom row ---- */

#shadow_row {
	height: 26px;
	width: 1024px;
}


/* ---- the content row ---- */

/* --- Design Elements --- */

#content_row {
	min-height: 500px;
	background-image: url('../media/bg_content.gif');
	width: 1022px;
}

* html #content_row {
	height: 500px;
}

#ct_navigation {
	width: 242px;
	float: left;
	padding-bottom: 20px;
}

#ct_info {
	float: left;
	margin-right: 20px;
	padding: 0px;
	width: 242px;
	padding-bottom: 20px;
}

* html #ct_info {
	margin-right: 10px;
}

/* --- Content Elements --- */

#navigation_box {
	margin-top: 55px;
	margin-left: 30px;
	font-size: 14px;
	width: 190px;
}

#holder {
	float: left; 
	width: 516px; 
	padding-bottom: 20px;
}

#content_row #holder #fixation {
	background-image: url('../media/content_bg_grau.gif');
	background-repeat: no-repeat;
	background-position: 65px 0px;
	min-height: 400px;
	width: 452px;
	padding: 0px; 
	padding-left: 40px;
	padding-right: 20px;
	/* this is need to prevent against a margin - Mozilla-bug? */
	padding-top: 15px;
}

* html #content_row #holder #fixation {
	height: 400px;
	padding-top: 20px;
}

.content_title {
	font-size: 14px;
	color: black;
}

.content_subtitle {
	font-size: 12px;
	color: black;
}


/* -- info_box on the right -- */

.info_box {
	width: 180px;
	min-height: 150px;
	background-color: #D5D6DB;
	margin-left: 30px;
	margin-top: 20px;
}

* html .info_box {
	height: 150px;
}

.info_box_small {
	width: 180px;
	background-color: #D5D6DB;
	margin-left: 30px;
	margin-top: 20px;
}

* html .info_box_small {
}

.info_box .info_box_title {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	background-color: #AA001B;
	color: #D5D6DB;
	text-align: center;
	padding-top: 3px;
	padding-bottom: 3px;
	font-weight: normal;
}

.info_box .info_box_text {
	padding: 10px;
}

.info_box .info_box_image {
	text-align: center;
	padding-top: 2px;
}

.info_box ul {
	padding: 0px;
	margin: 0px;
	margin-left: 15px;
}
info_box li {
	padding: 0px;
	margin: 0px;
	padding-left: 10px;
}



.info_box_small .info_box_title {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	background-color: #AA001B;
	color: #D5D6DB;
	text-align: center;
	padding-top: 3px;
	padding-bottom: 3px;
	font-weight: normal;
}

.info_box_small .info_box_text {
	padding: 10px;
}

.info_box_small .info_box_image {
	text-align: center;
	padding-top: 2px;
}

.info_box_small ul {
	padding: 0px;
	margin: 0px;
	margin-left: 15px;
}
info_box_small li {
	padding: 0px;
	margin: 0px;
	padding-left: 10px;
}









/* ---------- styles fuer Start Seite ---------- */

		
#left_frame_start {
	background-color: #A90019;
	width: 747px;
	height: 660px;
	position: absolute;
	top: 0px;
	left: 0px;
	font-size: 12px;
	text-align: center;
}

/* top navigation */

#sub_start {
	width: 100%; 
	text-align: center;
	margin-top: 10px;
	color: #FFFFFF;
}

#sub_start a {
	color: #FFFFFF;
	padding-left: 8px;
	padding-right: 8px;
}

#sub_start a:hover {
	text-decoration: underline;
}

/* content zone */

#start_content {
	height: 175px;
	text-align: left;
	width: 100%;
}

/* single contents */

.shorts {
	color: white;
	width: 190px; 
	text-align: left; 
	float: left;
	margin-left: 40px;
	font-size: 11px;
	border-bottom: 1px solid #C6C8CE;
	padding-bottom: 5px;
}

.shorts h1 {
	color: #C6C8CE;
	width: 100%;
	font-size: 12px;
	border-bottom: 1px solid #C6C8CE;
}

/* feed zone */

#right_frame {
	position: absolute;
	top: 0px;
	left: 747px;
	background-color: #97969C;
	background-image: url('../media/verlauf_start_rechts.gif');
	background-repeat: repeat-y;
	background-position: left;
	width: 253px;
	height: 660px;
}

#right_frame a {
	color: white;
	font-weight: bold;
}

#right_frame a:hover {
	text-decoration: underline;
}

/* single feeds */

#rss_feed {
	color: white;
	margin-left: 30px;
	margin-right: 60px;
}

#rss_feed .start_feed_title {
	font-size: 12px;
	color: #BC0018;
	font-weight: bold;
	margin-bottom: 70px;
}

.trenner {
	width: 138px;
	border-bottom: 2px solid #BC0018;
	height: 15px;
	margin-bottom: 15px;
}

#verlauf_unten {
	background-color: #D7D8DC;
	background-image: url('../media/verlauf_start_unten.gif');
	background-repeat: no-repeat;
	background-position: left top;
	height: 8px;
	width: 1000px;
	position: absolute;
	top: 660px;
}

.shorts a {
	color: white;
}

.shorts a:hover {
	text-decoration: underline;
}

img {
	border: 0px;
}

#fixation a,  #fixation a:link,  #fixation a:visited,  #fixation a:active{
	color: #A90019;
}

#fixation a:hover {
	color: #A90019;
	text-decoration: underline;
}

#ct_info a,  #ct_info a:link,  #ct_info a:visited,  #ct_info a:active{
	color: #A90019;
}

#ct_info a:hover {
	color: #A90019;
	text-decoration: underline;
}