/* CSS Document */

/* OVERWRITING CSS-DEFAULTS */
/* grid */
.container {margin:0;}

body {margin:0; font-family:"Times New Roman", Times, serif;}

/* CONTENT, TYPOGRAPHY */

/* Linkfarben */
  a {color:#FF0099; text-decoration:none;}
  a:focus,
  a:hover,
  a:active {color:#0099FF; text-decoration:none;} 
  h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color: #000; text-decoration:none;}


h1,h2,h3,h4,h5,h6 { font-weight: bold; color: #000; font-family:Arial, Helvetica, sans-serif; }

h1 { font-size: 1em; line-height: 1.2; margin: 0 0; padding:0.75em 0 0.5em 0; border-top:#000000 1px solid; text-transform:uppercase; }
h2 { font-size: 1em; line-height: 1.2; margin: 0 0; padding:0.25em 0 0.5em 0; text-transform:uppercase; }
h3 { font-size: 0.9167em; line-height: 1; margin: 0 0; padding:0.25em 0 0.5em 0; text-transform:none; }
h4 { font-size: 0.9167em; line-height: 1; margin: 0 0; padding:0.25em 0 0.5em; text-transform:none; color:#333333; font-style:italic; }
h5 { font-size: 0.9167em; line-height: 1; margin: 0 0; padding:0.25em 0 0.5em 0; text-transform:none;  }
h6 { font-size: 1em; font-weight: bold; }




/* Formulare */
form {font-size:0.9166em;}
input {font-size:1em; border:1px #cccccc solid;}
select {font-size:1em; border:1px #cccccc solid;}

hr {border-top:solid 1px #000000;}

/* CLASSES, STYLES */
.bg_orange {background-color:#ff9900;}
.bg_cyan {background-color:#0099FF;}
.bg_kaky {background-color:#999900;}



/* DIVs */
#logo {height:230px;}


/* STRIPE ----------------------------------------------------------------------------*/
#stripe {
	background-color:#0099FF; 
	padding:8px 6px 6px 6px;
	font-family:Arial, Helvetica, sans-serif; 
	text-transform:uppercase; 
	font-size:0.9167em;
	letter-spacing:0.15em;
	line-height:1.3em;
    float: left;
    
}

  
  #stripe a { color: #000;  padding: 0; }
  
  #stripe a:focus,
  #stripe a:hover,
  #stripe a:active  { color: #fff; }
  
  #stripe ul li#current {  }
  
  #stripe ul li#current strong,
  #stripe ul li#current a,
  #stripe ul li#current a:focus,
  #stripe ul li#current a:hover,
  #stripe ul li#current a:active { color: #fff;  }



/* HEADER ----------------------------------------------------------------------------*/
#header {min-height:40px; padding:6px; background-color:#000000; color:#FFFFFF; 
font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:100%; font-weight:100; letter-spacing:0.15em; text-align:justify; line-height:1.7em; margin-bottom:5px; }

#header p {margin:0;}
#header a {color:#0099ff;}
#header a:focus,
#header a:hover,
#header a:active {color:#ff0099;}




#pagecontent {padding:10px 0;}



/* LEFT COLUMN --------------------------------------------------------------------------------------------*/

#left_column {
font-size:0.9167em;
	font-family:Arial, Helvetica, sans-serif;
	}
	
#left_column a {text-decoration: none; color: #000;}
#left_column a:focus,
#left_column a:hover,
#left_column a:active { color:#0099FF; }


/* MAIN NAVIGATION ---------------------------------------------------------------------------------------*/
   #navigation { padding-bottom:20px; padding-top:35px; }
   
/* SUBNAVIGATION ---------------------------------------------------------------------------------------*/
   #subnavigation { padding-bottom:20px; display:none }


/*NAVLIST (FOR VERTICAL NAVIGATION LISTS) -------------------------------------------------------------------*/
  .navlist ul { list-style-type: none; margin:0; padding: 0; width: 95%; overflow: hidden; }
  .navlist li { float:left; width: 100%; margin:0; padding: 0; }

  .navlist a {
    display:block;
    width: 95%;
    padding: 2px 0px 2px 0px;;
    text-decoration: none;
    color: #000;
	border-bottom:none;
  } 

  /* Level 1 */

  .navlist li a {   }
  .navlist li a:focus,
  .navlist li a:hover,
  .navlist li a:active { color:#0099FF; }
  /* aktive Klasse auf diesem Level */
  .navlist li .active { color:#0099FF; font-weight:bold; }
  
  .navlist li .activeCur { color:#0099FF; font-weight:bold; display:block; }  
  
  
  /* Level 2 */
  .navlist li ul li a {  padding-left:10px; color:#999999 }
  .navlist li ul li a:focus,
  .navlist li ul li a:hover,
  .navlist li ul li a:active {  color:#0099FF; }
  /* aktive Klasse auf diesem Level */
  #fk_submenu li ul li .active { color:#0099FF; font-weight:normal; }
  .navlist li ul li .activeCur { padding-left:10px; color:#0099FF; font-weight:bold; } 
 
   /* Spacer */
  .navlist .spacer { border-top:solid #cccccc 1px; color:#fff; padding: 1px 0px 0px 0px; 
  					font-size:0px; width:100px; }
 
 
 /* Level 3 */
  .navlist li ul li ul li a { padding-left:20px; font-style:italic; color:#999999; padding-top:0px; }
  .navlist li ul li ul li a:focus,
  .navlist li ul li ul li a:hover,
  .navlist li ul li ul li a:active { color:#0099FF;  }
  /* aktive Klasse auf diesem Level */
  .navlist li ul li ul li .active { color:#0099FF; font-weight:bold; }
  .navlist li ul li ul li .activeCur { padding-left:20px; color:#0099FF;font-style:italic;font-weight:normal; } 


/* CONTENT LEFT COLUMN --------------------------------------------------------------------------------*/
#content_left_column {padding-bottom:20px;}


/*Home menue -------------------------------------------------------------------*/
  #home_menu ul { list-style-type: none; margin:0; margin-bottom:1em; padding: 0; width: 95%; overflow: hidden; }
  #home_menu li { float:left; width: 100%; margin:0; padding: 0; }





/* LANG SELECTIOM --------------------------------------------------------------------------------*/
#lang_selection {padding-bottom:20px;}






/* FOOTER --------------------------------------------------------------------------------------------*/

#footer {
	font-size:0.8333em;
	color:#999;
	font-family:Arial, Helvetica, sans-serif;
	padding-top:20px;
	}
	
#footer a { color: #999;}
#footer a:focus, 
#footer a:hover,
#footer a:active {color: #0099ff;}	
	
#footer_social_bookmarks {padding-top:3px;}	
	
#footer_menu {}
	
#footer_searchbox {
   text-align:right;
   margin-top:1px;
   }

/* Social-Media-Buttons */
#twitterbutton {float:left; margin-right:15px;}

#googleplusbutton {float:left; margin-right:0px;}

#fb_root {float:left;}
.fb_like {float:left;}




/* Abstand Textblock zu Bildern */
.span-7 p {padding-right:5px;}


/* Projektliste als Sitemap, Sitemaps allgemein */	

.csc-menu {padding-left:0;margin-left:0}

.csc-menu-1 {
	list-style-type: none;
	font-size:0.9167em;
	font-family:Arial, Helvetica, sans-serif;
	border-bottom:#000000 1px solid;
	margin-bottom:40px;
	
}

.csc-menu-1 li{border-top:#000000 1px solid;padding: 0;margin-left:0} 

/* MENUE DER UNTERSEITEN MIT INHALTSANGABE ---------------*/
.csc-menu-4 dt { font-size: 1em; line-height: 1; margin: 0.75em 0 0 0; padding:0.5em 0 0.25em 0; border-top:#000000 1px solid; text-transform:uppercase; font-weight: bold; color: #000; font-family:Arial, Helvetica, sans-serif;}
.csc-menu-4 dt a {color:#000000;}
.csc-menu-4 dt a:hover {color:#0099FF;}
.csc-menu-4 dd {margin:0;}

/* MENUE DER UNTERSEITEN, MENUE NACH STICHWORTEN ---------------*/
ul {width:100%;}
.csc-menu-1 li, .csc-menu-6 li { font-size: 0.9167em; margin: 0; padding:0.5em 0 0.25em 0; border-top:#ccc 1px solid; font-weight: bold; font-family:Arial, Helvetica, sans-serif; list-style-type:none;}
.csc-menu-1 li a, .csc-menu-6 li a {color:#000000;}
.csc-menu-1 li a:hover, .csc-menu-6 li a:hover {color:#0099FF;}


/* DOWNLOAD-ANZEIGE ---------------*/
.csc-uploads td {margin:0; padding:0; vertical-align:top; }
.csc-uploads p {margin:0;}
.csc-uploads-icon img {margin:2px 0 0 0;}
.csc-uploads-fileSize {vertical-align:top;}


/* Typo3-Stil Einruecken: Projektliste in Projektion Ruhr, als Liste gesetzt */	
.csc-frame-indent ul{
	padding-left:0;
	margin-left:0;
	list-style-type: none;
	font-size:0.9167em;
	font-family:Arial, Helvetica, sans-serif;
	border-bottom:#000000 1px solid;
	margin-bottom:40px;
}

.csc-frame-indent li{border-top:#000000 1px solid;padding: 0;margin-left:0 } 


/* Typo3-Stil Rahmen 1: Datenstempel in Projektion Ruhr --------------------------------------------------------------------------------*/

.csc-frame-frame1
{
	font-size:0.9167em;
	font-family: Arial, Helvetica, sans-serif;
	margin-top:10px;
	padding: 10px;
	background-color: #fff;
	/*width:210px;*/
/*border-top:solid 1px #000;*/
border-left:dotted 1px #999;
font-style:italic;
color:#0099FF;
line-height:1.2em;
}


/* Typo3-Stil Rahmen2: verwendet für Listen, die als Menue mit Linie drüber erscheinen (aehnlich News, Publikaitionen...) */
.csc-frame-frame2 p { margin: 0; padding:0.5em 0 0.25em 0; font-size: 0.9167em; border-top:#ccc 1px solid; font-weight: bold; font-family:Arial, Helvetica, sans-serif;  }
.csc-frame-frame2 p a {color:#000000;}
.csc-frame-frame2 p a:hover {color:#0099FF;} 


/* Bildunterschrift */
.csc-textpic-caption {font-style:italic; color:#666666; }

/* Rahmen um Bilder */
div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img {
border-top-width: 1px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;

border-top-color:#000000;
border-right-color: #999999;
border-bottom-color:#999999;
border-left-color: #999999;

padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}


/* NEWS --------------------------------------------------------------------------------------------*/

.news_single {}
.news_header { margin: 0  0 1em 0; padding:0em 0 0.5em 0; border-bottom:#000000 1px solid; }
.news_single h1 {border-top:none; padding:0.25em 0 0.5em 0;}
.news_footer { margin: 1em 0; padding:0.5em 0 0.5em 0; border-top:#999999 1px solid; }
.news-single-additional-info dd {margin:0; font-family:Arial, Helvetica, sans-serif; font-size:0.9167em;}
.news-single-additional-info a {padding-left:2px;}
.news_single h5 {padding:0.25em 0 0.25em 0; border-top:#ccc 1px solid; margin:0;}

.news_list_item {margin: 0 0 1.5em 0; border-top:#000000 1px solid;}
.news_list_item_image, .news_list_item_text {margin:0.5em 0 0 0;}
.news_list_item h2 {font-size: 1em; margin: 0 0 0 0; padding:0.25em 0 0.5em 0; text-transform:uppercase;}

.news_latest_item {margin: 1.2em 0 0 0; border-top:#000000 1px solid;  }
.news_latest_item h2 {font-size: 1em; margin: 0 0 0 0; padding:0.75em 0 0.5em 0; text-transform:uppercase;}
.news_latest_item img {float:left; padding-right:5px;}

/* News-Template fuer Projekte */
.projectnews_container {margin-bottom:20px; float:left;}
.projectnews_list_item {margin: 0 0 0.25em 0; border-top:#cccccc 1px solid;  }
.projectnews_list_item h2 {font-size: 0.9167em; margin-bottom: 0.1em; margin-top:0.25em; text-transform:none; }
.projectnews_list_item img {float:left; padding-right:3px;}


.news-list-container{
width:100%;
}

.news-list-date{
font-weight:bold;}

.news-list-item{
border-top:solid thin ;
margin-top:20px;
padding-top:0.5em;
}

/* calender anpassen */
.event-container{
margin-bottom:2em;
}

.event-date{
font-weight:bold;}

.containerevent {width:360px;}

/* CAL KALENDER --------------------------------------------------------------------------------------------*/

.cal_list_item {margin: 1em 0  0.5em 0; border-top:#000000 1px solid; float:left; width:100%; }
.cal_list_item h2 {font-size: 1em; margin: 0 0 0 0; padding:0.75em 0 0.25em 0; text-transform:uppercase; }
.cal_list_item img {float:left; padding-right:5px;  }



.cal_event_item {border-bottom:#000000 1px solid;}
.cal_event_item .event_header { margin: 0  0 1em 0; padding:0em 0 0.5em 0; border-bottom:#000000 1px solid; }
.cal_event_item h1 {border-top:none;}
.cal_event_item .leftpart {}
.cal_event_item .rightpart {/*overflow:hidden;*/}
.cal_event_item .date {font-weight:bold; padding:0.5em 0 0.5em 0; border-top:#000000 1px solid;}
.cal_event_item .location {padding:0.5em 0 0.5em 0; border-top:#000000 1px solid;}
.cal_event_item .location div {margin:0; font-weight:bold;}
.cal_event_item .description {padding:0.5em 0 0.5em 0; border-top:#000000 1px solid;}
.event_footer {margin-top:1em;}

/* fuer die Anzeige in der Moodalbox */
.moodalboxcontainer {width:520px;}
.moodalboxcontainer .logorechts {width:160px; height:160px; background-image:url(../templates_img/mai_logo_moodalbox.jpg); margin-bottom:20px;}

/* fuer die Anzeige in der Mediabox der Raueme */
.mediaboxcontainer {width:480px; margin: 5px auto;}

/* VIDEO-INTEGRATION UEBER SWF-OBJECT --------------------------------------------------------------------------------------------*/
.flashvideo {background-color:#000000;}
.flashvideo p {color:#FFFFFF; font-size:1em; font-family:Arial, Helvetica, sans-serif;  text-align:center; padding:120px;}



/* Dynamische Projektliste, Entwurf 2010 -------------------------------------------------------*/
.pr_leiste {margin-bottom:20px;}

.pr_leiste a {color:#FFF;}
.pr_leiste a:hover {color:#333;}
.pr_leiste .active a {color:#333; }
.pr_leiste div {
	width:124px;
	padding:8px 8px 6px 8px;
	font-family:Arial, Helvetica, sans-serif; 
	text-transform:uppercase; 
	font-size:0.9167em;
	letter-spacing:0.15em;
	line-height:1.3em;
    float: left;
	background-color:#999;
	text-align:center;
	}
	
.pr_leiste .archi {background-color:#e4ac04; margin-right:2px;}

.pr_leiste .stadt {background-color:#d12d04; margin-right:2px;}

.pr_leiste .land {background-color:#9eb713; margin-right:2px; width:184px;}

.pr_leiste .ingen {background-color:#3ea8dd; margin-right:2px;}

.pr_leiste .index {background-color:#CCC; margin-right:2px; width:64px;}


.pr_container {border-top:1px solid #000; padding-top:5px; line-height:1.35em; margin-bottom:5px; display:none;  }
.pr_container h2 {border-left:20px solid #ccc; padding: 0px 0 0px 5px;}
.pr_container .headline {padding:5px 0 7px 0;}


.pr_archi h2 {border-left:20px solid #e4ac04;}
.pr_stadt h2 {border-left:20px solid #d12d04;}
.pr_land h2 {border-left:20px solid #9eb713;}
.pr_ingen h2 {border-left:20px solid #3ea8dd;}



/* Projektliste 2011 -------------------------------------------------------*/
#projectlist {}
#projectlist .projectitem {border-top:1px solid #000; padding-top:5px; line-height:1.35em; margin-bottom:20px; }
#projectlist .icon img {float:right;}