/* ######################################################### 

    Projekt   : zukunftsnergien nordwest 2011 
    Copyright : ForWind
    
############################################################*/


/* #### Definitionen ######################################

    Farben : grau #67757e
             rot  #E5322D
             
###########################################################*/
             

/* ### Container ##########################################*/

body {
  background-color: #e8e8e8; 
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 12px;
  color: #67757e;  
}
    
#siteContent {
  position: absolut;
  display: block;
  width: 1000px; 
  margin: 0px auto;
  margin-top: 20px;
}

#top {
  background-image: url(top2.0.png);
  height: 18px;
  padding-top: 5px;
  padding-right: 10px;
  text-align: right;
  font-size: 9px;
  color: #ffffff;   
}

#top a, #top a:link {
  color: #ffffff;  
  text-decoration: none; 
}

#top a:hover {
  color: #E5322D;
   
}

#top a:active {
  color: #E5322D;
}

#mainContent {
  width: 990px;
  border-left: 5px solid #67757e;
  border-right: 5px solid #67757e;
  background-color: #ffffff;
}
    
#leftBox {
  position: relativ;
  width: 240px; 
  float: left;
  margin-bottom: 150px;
}

#logo {
  background-image: url(logoBack.png);
  width: 240px;
  height: 259px;
  border-top: 7px solid #ffffff;
}

#rightBox {
  position: relativ;
  margin-left: 240px;
  width: 750px;
  min-height: 760px;
}
  
#banner {

  width: 750px;
  height:186px;
  border-bottom: 25px solid #67757e;
}

#content {
	position: relativ;
	width: 480px;
	float: left;
	margin-top: 30px;
	line-height:1.5;
}

/* ### Basics ############################################################## */

a, a:link {
  color: #40474c;
	text-decoration:none;
}

a:hover {
	color:#E5322D;
	text-decoration: none;
}

img {
	display:block;
	margin-bottom:4px;
  margin-right:4px;
  border:none;
}

#content hr {
   border: 0;
   border-top: dashed #e5322d 1px; 
   border-bottom: transparent;
   width: 100%;
   margin: 0;
   margin-top: 5px;
   margin-bottom: 5px;
   clear: both;
}

.clearer {
  clear: both;
  line-height: 1px;
  font-size: 1px;
  height: 1px;

}
  
/* ### News Block ########################################################## */

#news {
	position: absolut;
	width: 220px;
	margin-left: 530px;
	margin-top: 30px;
}

#news p {
	font-size: 11px;
}

#news-top{
	height: 22px;
	background: url(stoerer_news_top.png);
}

#news-main{
	border-left: 4px solid #E5322D;
	padding-top: 1px;
	padding-left: 20px;
	padding-right: 10px;
	padding-bottom: 1px;
}

#news-bttm{
    height: 12px;
    background: url(stoerer_right_bottom.png);
}

#news h4 {
   font-size: 11px;
   font-weight: bold;
   margin-top: 2px;
   margin-bottom: 2px; 
}

#news hr {
   border: 0;
   border-top: dashed #e5322d 1px; 
   border-bottom: transparent;
   width: 185px;
   margin: 0;
   margin-top: 10px;
   margin-bottom: 10px;
}

/* ### InfoBox Öffnungszeiten ############################################ */

#open {
  float: right;
  width: 220px;
  margin-top: 30px;
  margin-right: 0px;
  color: #67757e;  
}

#open-top {
	height: 22px;
	background: url(stoerer_open_top.png);
}

#open-main {
	border-left: 4px solid #E5322D;
	padding-top: 1px;
	padding-left: 20px;
	padding-right: 10px;
	padding-bottom: 1px;
}

#open-bttm {
	height: 12px;
	background: url(stoerer_right_bottom.png);
}

#open p {
  font-size: 11px; 
}


/* ### InfoBox energiejobs ############################################ */

#energiejobs {
  float: right;
  width: 220px;
  margin-top: -155px;
  margin-right: 5px;
  color: #67757e;  
}

#energiejobs-top {
	height: 22px;
	background: url(stoerer_boerse_top.png);
}

#energiejobs-main {
	border-left: 4px solid #E5322D;
	padding-top: 1px;
	padding-left: 20px;
	padding-right: 10px;
	padding-bottom: 1px;
}

#energiejobs-bttm {
	height: 12px;
	background: url(stoerer_right_bottom.png);
}

#energiejobs p {
  font-size: 11px; 
}

#energiejobs img {
  margin-top:3px;
	border:none;	  
}

/* ### InfoBox Metropolregion ######################################## */

#metroBox {
   float:left;
   width: 190px;
   margin-top: -150px;
   margin-left: 5px;
}

#metroBox-top {
	height: 12px;
	background: url(stoerer_messefilm_top.png);
}

#metroBox-main {
/*	background: url(newsmiddle.png);
	background-repeat: repeat-y;*/
	border-right: 4px solid #E5322D;
	padding-top: 1px;
	padding-left: 10px;
	padding-right: 10px;
}

#metroBox-bttm {
	height: 12px;
	background: url(stoerer_messefilm_bottom.png);
}

#metroBox p {
  font-size: 11px; 
  padding-left: 0px;
  margin-top: 0px;  
}

#metroBox img {
  margin-top:3px;
  margin-bottom:0px;
	border:none;
}


/* ### footer ############################################################## */

#footer {
  background-image: url(footer2.0_90px.png);
  background-repeat: no-repeat;
  height: 90px;
  width: 1000px;
  border-top: 3px solid #67757e;
}

#footerTextH {
  float: left; 
  margin-left: 20px;
  margin-top: -5px;
  margin-bottom: 10px;
}

#footerTextS {
  float: left; 
  margin-left: 90px;
  margin-top: -5px;
  margin-bottom: 10px;
}

#footerLogoH {
  float: left;  
  margin-left: 20px;
}

#footerLogoS {
  float: left; 
  margin-left: 60px;
}

#footerLogoS1 {
  float: left; 
  margin-left: 25px;
  margin-top: -5px;
}

#footerLogoS2 {
  float: left; 
  margin-left: 25px;
  margin-top: 3px;
}

#footerLogoS3 {
  float: left;
  margin-left: 25px;
  margin-top: 7px;
}

#footerLogoS4 {
  float: left;  
  margin-left: 25px;
}

#footerLogoS5 {
  float: left;  
  margin-left: 15px;
}

/* ### Navigation ########################################################### 
	
	Zugriff auf Navi-Template mit der ID = 12;

############################################################################# */	

#navi {
  margin-top: -15px;
	width: 190px;
}

#navheight_vert {

}
/*
* html body #navheight_vert { height: 193px; } /* IE 6 / 5.5 Hack 

#navheight_vert ul.nav1st { padding:10px 20px;  }
*/

/* ### nav1st - first level navigation ################################### */

ul.nav1st {
  padding: 0px;
  list-style-type: none;
}

ul.nav1st li {
	display: block;
	min-height:25px;
    height:auto !important;
    height:25px;
	color:#67757e;
	background: inherit;
	text-align: left;
	border-top: 1px solid #E5322D;
	border-right: 4px solid #E5322D;
    padding-left: 10px; 
    padding-top: 7px;
}

ul.nav1st a, 
ul.nav1st a:link {
	display: block;
	color:#67757e;
	background: inherit;
	padding: 1px 0;
	text-decoration: none;
}

ul.nav1st a:hover {
	color:#E5322D;
	background: inherit;
	text-decoration: none;
}

ul.nav1st li a.current, 
ul.nav1st li a.current:link {
	color:#E5322D;
	background: inherit;
	padding: 1px 0;
	text-decoration: none;
}

ul.nav1st li a.current:hover {
	color:#67757e;
	background: inherit;
	padding: 1px 0;
	text-decoration: none;
}


/* ### nav2nd - second level navigation ################################## */

ul.nav2nd {
  padding: 0px;
	font-size:1em;
	font-weight:normal;
  list-style-type: none;
}

ul.nav2nd li {
	font-weight:normal;
	text-align: left;
	border-top: 1px solid #E5322D;
	border-right: 4px solid #E5322D;
	border-left: 5px solid #E5322D;
}

ul.nav2nd a, 
ul.nav2nd a:link {
	display:block;
}


ul.nav2nd a:hover {
	background-image:url(button.gif);
	color:#E5322D;
}

ul.nav2nd li.active a, 
ul.nav2nd li.active a:link,
ul.nav2nd li.active a:hover {
	color:#E5322D;
}

/* ### nav3rd - third level navigation ################################## */

ul.nav3rd {
  padding: 0px;
	font-size:1em;
	font-weight:normal;
	color: #67757e;
	list-style-type: none;
}

ul.nav3rd li {
	font-weight:normal;
	text-align: left;
	border-left: 10px solid #67757e;
	border-top: 1px solid #E5322D;
	border-right: 4px solid #E5322D;
	
}

ul.nav3rd a, 
ul.nav3rd a:link {
	display:block;
}


ul.nav3rd a:hover {
	color: #E5322D;
}

ul.nav3rd li.active a, 
ul.nav3rd li.active a:link,
ul.nav3rd li.active a:hover {
	color: #E5322D;
}

/* ### Navi - Abschluss Grafik ########################################## */

#naviBottom {
  margin-top: -18px;
  width: 190px;
}

/* ### Störer unter Navi ################################################ */

#stoerer {
  width: 190px;
  margin-top: 0px;
}

#stoerer p {
  font-size: 12px;
  padding-left: 10px; 
  padding-right: 10px;
  margin-top: 0px;
  margin-bottom:0px;
  text-align: center;
  line-height: 1.5;
}
#stoererTop {
  margin-top: 10px;
  width: 190px;
  height: 12px;
  background-image: url(/files/stoerer_messefim_top.png);
}

#stoererMiddle {
  background-image: url(/files/stoerer_messefilm_middle.png);
  background-repeat: repeat-y;

}

#stoererBottom {
  width: 190px;
  height: 12px;
  background-image: url(/files/stoerer_messefilm_bottom.png);
  margin-bottom: 20px;
}

#stoerer_anmeldeschluss {
  width: 200px;
  margin-top: 10px;
  margin-bottom: 20px;
}

/* ### 2/3er Messe ###################################################### */

.partner_zweier {
  float: both;
}

.partner_zweier .spalte_1 {
   float: left;
   width: 60%;                        
}

.partner_zweier .spalte_1 p {
   font-size: 10px;
}

.partner_zweier .spalte_2 {
   float: right;
   width: 40%;
   vertical-align: middle;  
}

/* ### Presseservice ###################################################### */

/* ##### Aktuelles ######################################################## */

.aktuell_zweier {
}

.aktuell_zweier .spalte_1 {
   float: left;
   width: 10%;
   text-align: right;
}

.aktuell_zweier .spalte_2 {
   float: right;
   width: 85%;
}

.aktuell_zweier p {
   font-size: 10px;
}

/* #### Pressespiegel ####################################################  */

.spiegel_zweier {
   clear: both;
}

.spiegel_zweier .spalte_1 {
   float: left;
   width: 20%;
   text-align: right;
}

.spiegel_zweier .spalte_2 {
   float: right;
   width: 75%;
}

.spiegel_zweier p {
   font-size: 10px;
   margin-bottom: 0px;
   line-height: 10px;
}

/* ### Galerien ############################################################# */

.galerie_dreier {
   clear: both;
}

.galerie_dreier .spalte_1 {
   width: 30%;
   padding-left: 5px;
   float:left;
}

.galerie_dreier .spalte_2 {
   width: 30%;
   padding-left: 5px;
   float: left;
}

.galerie_dreier .spalte_3 {
   width: 30%;
   padding-left: 5px;
   float: left;
}

/* ### Ansprechpartner ########################################### */

.anspr_zweier {
}

.anspr_zweier .spalte_1 {
    float: left;
    width: 10%;
    text-align: right;
}

.anspr_zweier .spalte_2 {
    float: right;
    width: 88%;
}

.anspr_zweier p {
    font-size: 10px;
}

/* ### Die Aussteller ################################################## */

.logo_aussteller {
   height:130px;
   margin-bottom: 0px;
}

.logo_aussteller .spalte_1 {
  float: left;
  width: 60%;
}

.logo_aussteller .spalte_1 p {
  font-size: 10px;
  color: #67757e;
}

.logo_aussteller .spalte_2 {
  float: right;
  width: 40%;
}

.logo_aussteller .spalte_2 table,td {
  height: 130px;
  width: 140px;
  vertical-align:middle;
}

/* ### Aussteller Profil Formatvorlage ################################## */

.profil_titel_l {
  float:left;
  font-weight:bold;
  font-size: 13px;
  width: 350px;
}

.profil_titel_r {
  float:right;
  font-weight:bold;
  font-size: 13px;
  width: 110px;
  text-align: right;
}

.profil_adress {
  float:left;
  width: 225px;
}


.profil_logo {
  float: right;
} 

.profil_info_l {
  float:left;
  font-size: 11px;
  width: 120px;
  text-align: right;
}

profil_info_l p { 
  margin: 0px;
}

.profil_info_r {
  float:left;
  margin-left: 15px;
  font-size: 11px;
  width: 220px;
}

profil_info_r p { 
  margin: 0px;
}

.profil_button {
  float: right;
  width: 120px;
  margin-top: 30px;
} 

.profil {
  
}

/* ### Vorträge Modul ################################## */

.vortrag_zeit{
  float: left;
  font-weight:bold;
  width: 140px;  
}

.vortrag_zeit p {
  margin: 0px;
}

.vortrag_firma {
  float: left;
  font-weight:bold;
}

.vortrag_text {
margin-left: 140px;
}


/* ### Ausstellerliste Profil ################################## */

#list_left {
  float: left;
  width: 240px;
}

#list_right {
  float: right;
}

.list_title {
  font-size: 10px;
  font-weight: bold;
}

.list_nr {
  font-size: 9px;
}

.list_branche {
  font-size: 9px;
  margin-left: 56px;
  margin-top: -22px;
}

.list_link {
  float:right;
  font-size: 10px;
  font-weight: bold;
}

.list_logo {
  float:right;
}


/* ### Aussteller Profil Titel ##########################################*/

.profil_titel {
}

.profil_titel p {
  color: #67757e;
}

.profil_titel .spalte_1 {
  float: left;
  width: 60%;
}

.profil_title .spalte_1 p {
  font-size: 12px;
  font-weight: bold;
}

.profil_titel .spalte_2 {
  float: right;
  width: 40%;
}

.profil_titel .spalte_2 p {
  text-align: right;
}


/* ### Aussteller Profil Adresse ##########################################*/

.profil_adresse {
}

.profil_adresse p {
    color: #67757e;
	font-size: 11px;
}

.profil_adresse .spalte_1 {
	float: left;
	width: 60%; 
}

.profil_adresse .spalte_2 {
  float: right;
  width: 40%;
  text-align: right; 
}

/* ### Aussteller Profil Kontakt ##########################################*/

.profil_kontakt {
  clear: both;
}

.profil_kontakt p {
    color: #67757e;
	font-size: 11px;
}

.profil_kontakt .spalte_1 {
  float: left;
  width: 25%;
  text-align: right;
}

.profil_kontakt .spalte_2 {
  float: right;
  width: 70%;
}

/* ### Formular ########################################################## */

/* Formular Definition */
/*//////////////////////////////////////////////////////////////////////////*

/* Div das das Formular umschließt */
.formgen {
  margin-left: 100px;
  margin-bottom: 50px;
	font-size: 1em;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	border: solid #E5322D;
	border-width: thin;
	width: 260px;
}


/* Was passiert wenn auf das Label geklickt wird? */
label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit]
{
cursor : pointer;

}



.formgen form
{
line-height : 120%;

}




/* 
Wie sehen die einzelnen Blöcke aus? 
Jedes Feld wird von einem DIV umschlossen, das hier definiert werden kann
*/


.formgen .formblock
{
	margin-bottom: 15px;
	margin-top: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 2px;
	padding-left: 5px;	
	
}
 .forminfo 
{
	width: 265px;
	margin-bottom: 15px;
	margin-left: 20px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 2px;
	padding-left: 5px;
	border: 5px solid #db1611;
	font-size: 10px;
	color: #67757e;
}

.forminfo p {
  font-size: 8px;
}

/*
Verhalten von br-Tags
*/
.formgen br
{
clear : both;
}


/* 
--------- FORMULAR-OBJEKTE ------------ 
*/


/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield
{
	width: 250px;
	height: 100px;
	margin-left: 4px;
	border: 1px solid #E5322D;
	color: #67757e;
	font-size: 11px;
}


/* Textfeld */
.formgen .formtext
{
  float:left;
	width: 250px;
	margin-left: 4px;
	margin-bottom: 10px;
	font-size: 11px;
	color: #67757e;
	border: 1px solid #E5322D;
}

/* Info */

.formgen .formhinweis
{
  font-size: 10px;
  color: #67757e;
  margin-bottom: 10px;
}

.formgen input:focus, .formgen input:hover,
.formgen select:focus, .formgen select:hover, 
.formgen textarea:focus, .formgen textarea:hover {
	border: 1px solid #67757e;	
}

.formgen .formcheck
{
float: left;
}


/* Label */
.formgen label {
  width: 200px;
	clear: left;
	float: left;
	height: 20px;
	color: #67757e;
	font-size: 10px;
}

.checked {
  margin-bottom: 20px;
}

.checked label {
float: right;
width: 230px;
}


/* Aussehen der Select-Ausgabe */
.formgen .formselect
{
	width: 200px;
	background-color: #33FF33;
	margin-left: 4px;
	color: #000000;
}


/* Sende-Button */
.formgen .formsubmit
{
	width: 100%;
	text-align: center;
	border: 1px solid #E5322D;
	background-color: #E5322D;
	float: right;
	color: #FFFFFF;
	font-weight: bold;
}



/* Fieldsetbeschriftung */
.formgen legend {
	color: #FFFFFF;
	background-color: #990000;
	width: 150px;
}
.formgen .fieldset {
	margin-bottom: 10px;
}

#form-module-thanks {
  color: #67757e;
  font-size: 10px;
}

/* -------------- AUSGABEN / Fehlermeldungen --------*/


.

/* Markierung der Labels bei Fehler */
.formgen .formerror {
	
	border-bottom-width: 1px;
	color: #990000;
}

.formgen .formcaptcha
{
	border: 2px solid #990000;
	vertical-align: top;
	float: left;
	margin-right: 10px;
}

.formgen .formreq {
	color: #006633;
}

.formgen .formheadline {
	color: #993300;
	background-color: #FFF7EA;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-style: italic;
}


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