@CHARSET "UTF-8";

/**
 * CSS StyleSheet fuer ethernet-industry.info
 * 
 * @author			Hans-Georg Heidemann, Interweber
 * @version			0.1
 * @date			2010-04-09
 * @lastmodified	2010-04-09
 * @see				http://www.interweber.de
 * @charset			UTF-8
 *
 */

@import url(reset.css);


/**
 * GLOBAL
 *
 * @section		global
 */
   .floatleft {float:left;}
   .floatright {float:right;} 
   .clearleft {clear:left;}
   .clear {clear:both;}
   
    
/**
 * COLOR
 *
 * @section		color
 * @colordef	#000; black
 * @colordef	#fff; white
 * @colordef    #38b3e5 tuerkis
 * @colordef    #019edd mittelblau
 * @colordef    #d4e4ea hellblau
 * @colordef    #9a9a9a grau
 * @colordef    #f7b000 orange
 * @colordef    #cdcdcd hellgrau
 * @colordef    #838383 hellmittelgrau
 * @colordef    #434343 mittelgrau
 * @colordef    #555555 dunkelgrau
 * @colordef    #001b24 dunkelblau
 * @colordef    #22812a dunkelgruen
 */
	html {background-color:#000;}

	#copyright {color:#9a9a9a;}
	#content {background-color:#fff;} 
	#content h2, #subcontent h2 {color:#001b24;}
	#footer {color:#9a9a9a;}
	#footer a {color:#9a9a9a;} 
	#footer a:hover {color:#fff;}
    #subcontent {background-color:#fff;}  
    #flashMessage {color:#ff3366;background-color:#fff;}   

	.passivemenu {color:#38b3e5;}
	.anmeldemenu {color:#f7b000;}
	.anmeldemenu:hover {color:##fff511;text-shadow: 0 0 20px #f7b000;}
    a.passivemenu:hover {color:#fff;}
    a.activemenu {color:#fff;}
    .altrow {background-color:#d4e4ea;  }    

    .segment a {color:#000;}
    .segment a:hover {color:#019edd;}

    a.bluebutton {color:#fff;background-color:#38b3e5;}
    a.bluebutton:hover {color:#fff;background-color:#e88100;} 
    .break {color:#9a9a9a;}
    .erforderlich {color:#019edd;}
    p.event {background-color:#d4e4ea;} 
    p.event:hover {background-color:#fff;}  
    .imageteaser h4 a {color:#38b3e5;}
    .imageteaser p {color:#555555;}
    .imagecap {color:#38b3e5}
    .mce_inline_error {color:#ff1232;}
    .ortlink {color:#38b3e5;}
    .readmore {color:#38b3e5;}
    a.readmore {color:#38b3e5;}
    a.readmore:hover {color:#fff;background-color:#38b3e5;}   
    .readmore:hover {color:#fff;background-color:#38b3e5;} 
    .register a {color:#019edd;}
    .register a:hover {color:#000;} 
    .register {color:#cdcdcd;}
	.segment h3 {color:#9a9a9a;}
	.topic {color:#555;}
	.workshop {color:#555;}
	.segment h4 {color:#001b24;}
    .segment p, .segment ul {color:#555555;}
    .sublineblue {color:#000;}
    .sublinegrey {color:#434343;}
    .segment legend {color:#434343;} 
    .segment label {color:#434343;} 
    .vortrag:hover {color:#fff;background-color:#38b3e5;}
    .upcoming {color:#fff;}
    .upcoming a {color:#fff;}

/**
 * IMAGE
 *
 * @section		image
 */
    html {background-image:url(../img/html-background.jpg);
          background-repeat:repeat-x;}
    
	#container {background-image:url(../img/container-background.jpg);
	            background-repeat:no-repeat;background-position:top center;}
	#content {background-image:url(../img/content-background2.jpg);
	          background-repeat:no-repeat;}
    #footer {background-image:url(../img/footer-background.jpg);
             background-repeat:repeat-y;}
             
	#landkarte {background-image:url(../img/landkarte.jpg);background-repeat:no-repeat;}
	             
	#subcontent {background-image:url(../img/content-background.jpg);
	             background-repeat:repeat-y;background-position:720px;}
	             
    #flashMessage {background-image:url(../img/content-background.jpg);
	             background-repeat:repeat-y;background-position:720px;} 	             
	             
    p.event {background-image:url(../img/pfeillinksfff.gif);
              background-position:left;background-repeat:no-repeat;}

    p.event:hover {background-image:url(../img/pfeillinks.gif);
              background-position:left;background-repeat:no-repeat;}

	.ortlink {background-image:url(../img/bullet.jpg);
	                      background-repeat:no-repeat;}              
	
    a.passivemenu:hover {background-image:url(../img/mainmenu-li-a-back.jpg);
	                      background-repeat:no-repeat;
	                      background-position:center bottom;}
	.activemenu {background-image:url(../img/mainmenu-li-a-back.jpg);
	             background-repeat:no-repeat;background-position:center bottom;}
    .arrowdown {background-image:url(../img/pfeilunten.gif);
                background-position:right bottom;background-repeat:no-repeat;}
    .vortrag, .display {background-image:url(../img/pfeilunten.gif);
              background-position:right;background-repeat:no-repeat;}
              
    .vortrag:hover {background-image:url(../img/pfeiluntenfff.gif);
                    background-position:right;background-repeat:no-repeat;}
    
/**
 * FONT
 *
 * @section		font
 */
 	
 	#maincontent h2, #bigmaincontent h2, #sidebar h2, #smallsidebar h2 
 	{font: 24px 'Helvetica neue', Helvetica, Verdana, Geneva, sans-serif;}

 	#mainmenu li a {font: 14px Helvetica, Verdana, Geneva, sans-serif;
 	                text-transform:uppercase;text-decoration:none;}
    
    #footer h4 {font-size: 18px;font-weight:normal;
    font-family: 'Helvetica neue', Helvetica, Verdana, Geneva, sans-serif;}
    #footer p {font: 12px 'Trebuchet MS', Verdana, Geneva, sans-serif;}
    #copyright p {font: 10px 'Trebuchet MS', Verdana, Geneva, sans-serif;} 
    #footer a {font: 12px 'Trebuchet MS', Verdana, Geneva, sans-serif;
               text-decoration:none;}
    #flashMessage {font: 18px 'Helvetica neue', Helvetica, Verdana, Geneva, sans-serif;}
    a.bluebutton 
    {font-weight: bold;font-size: 10px;
     font-family: 'Helvetica neue', Helvetica, Verdana, Geneva, sans-serif;
     text-transform:uppercase;text-decoration:none;}
    p.event {font-weight: bold;font-size: 10px;
     font-family: 'Helvetica neue', Helvetica, Verdana, Geneva, sans-serif;
     text-transform:uppercase;text-decoration:none;}

    .imageteaser h4 a {font-weight: bold;font-size: 14px;
    font-family: 'Helvetica neue', Helvetica, Verdana, Geneva, sans-serif;
    text-decoration:none;}
    .imageteaser p {font-size: 12px;
    font-family: 'Trebuchet MS', Verdana, Geneva, sans-serif;
    line-height:18px;}
    .imagecap {font-size: 10px;
    font-family: 'Helvetica neue', Helvetica, Verdana, Geneva, sans-serif;}
    .inputfield {font: 16px 'Courier New', Courier, Times, serif;}
    .time {font: 12px 'Courier New', Courier, Times, serif;}
    .topic {font-size: 18px;font-weight:normal;
    font-family: 'Helvetica neue', Helvetica, Verdana, Geneva, sans-serif;}
    .workshop {font-size: 18px;font-weight:normal;
    font-family: 'Helvetica neue', Helvetica, Verdana, Geneva, sans-serif;}
    .break {font-size: 14px;font-weight:normal;
    font-family: 'Helvetica neue', Helvetica, Verdana, Geneva, sans-serif;}
    .mce_inline_error {font-style: italic;font-size: 14px;
    font-family: 'Trebuchet MS', Verdana, Geneva, sans-serif;line-height:18px;}
    .ortlink {font-size: 16px;text-transform:uppercase;text-decoration:none;
    font-family: 'Helvetica neue', Helvetica, Verdana, Geneva, sans-serif;}
    .readmore {font-size:12px;
    font-family: 'Helvetica neue', Helvetica, Verdana, Geneva, sans-serif;
    text-decoration:none;}
    .segment h3 {font-size: 20px;font-weight:normal;
    font-family: 'Helvetica neue', Helvetica, Verdana, Geneva, sans-serif;}
    .segment p, .segment ul {font-size: 12px;
    font-family: 'Trebuchet MS', Verdana, Geneva, sans-serif;line-height:18px;}
    .segment a {font-weight: bold;font-size: 12px;
    font-family: 'Trebuchet MS', Verdana, Geneva, sans-serif;
    line-height:16px;text-decoration:none;}
    .segment h4, .segment h4 a {font-size: 18px;font-weight:normal;
    font-family: 'Helvetica neue', Helvetica, Verdana, Geneva, sans-serif;}
    .segment table {font: 12px 'Trebuchet MS', Verdana, Geneva, sans-serif;}
    .sublineblue {font-size: 10px;
    font-family: 'Helvetica neue', Helvetica, Verdana, Geneva, sans-serif;}
    .erforderlich {font-size: 10px;
    font-family: 'Helvetica neue', Helvetica, Verdana, Geneva, sans-serif;} 
    .sublinegrey, .segment legend  {font-style: italic;font-size: 14px;
    font-family: 'Trebuchet MS', Verdana, Geneva, sans-serif;line-height:18px;}
    .segment label {font-size: 14px;
    font-family: 'Trebuchet MS', Verdana, Geneva, sans-serif;line-height:18px;}
    .register {font-weight: bold;font-size: 12px;
    font-family: 'Helvetica neue', Helvetica, Verdana, Geneva, sans-serif;}
    
    span.vortrag {font-weight:bold;}
    .required {font-weight:bold;}
	.upcoming_event {font-size: 20px;font-weight:normal;letter-spacing:1px;text-transform:uppercase;
    font-family: 'Helvetica neue', Helvetica, Verdana, Geneva, sans-serif;text-shadow: 0px 0px 8px #333; }
    .upcoming_event_date {font-size:20px;font-weight: bold;font-weight:bold;
    font-family: 'Helvetica neue', Helvetica, Verdana, Geneva, sans-serif;text-shadow: 0px 0px 8px #333; }
    .upcoming a {text-decoration:none;}
    #footer h4 {text-shadow: 2px 2px 2px #000; }

/**
 * BORDERBOX
 *
 * @section		borderbox
 */
    body, #container, #page {height:100%;}
    body > #container {height:auto; min-height:100%;}
    body > #page {height:auto; min-height:100%;}
        
    #container {width:100%;display:table;}
    
    #page {position:relative;width:980px;margin: 0px auto;}
    #header {height:149px;}
    #mainmenu {height:46px;padding: 0 20px;} 
    #mainmenu li {float:left;}
    #mainmenu li a {float:left;padding:10px 20px 0 20px;height:36px;}
    #mainteaser {height:250px;}
    #findoutmore {display:block;width:205px;height:33px;
    position:relative;left:50px;top:165px;}
    #logo {display:block;width:300px;height:48px;
    position:relative;left:10px;top:60px;}
    #content {width:980px;padding-bottom:283px;}
    #subcontent {width:980px;padding-bottom:283px;}
    #flashMessage {width:920px;clear:left;padding:30px;}
    #landkarte {width:670px;height:648px;display:block;}
    #maincontent {width:470px;float:left;margin:30px;padding-right:10px;}
    #sidebar {width:400px;float:left;margin-top:30px;}
    #bigmaincontent {width:670px;float:left;margin:30px;padding-right:10px;}
    #smallsidebar {width:200px;float:left;margin-top:30px;}
    #about {width:220px;float:left;margin-right:30px;}
    #sitemap {width:220px;float:left;margin-right:30px;} 
	#footer {position: relative;
	margin-top:-283px; /* negative value of footer height */
	height: 263px;
	padding:20px 30px 0 30px;
	clear:both;}     
    #contact {width:400px;float:left;padding-left:10px;}
    #contact p {width:195px;float:left;}
    #copyright {clear:left;width:450px;margin-right:30px;padding-top:20px;}
    #sitemap ul{margin:20px 0 4px 0;}
    #contact p{margin:22px 0 20px 0;}
    #about p {margin:26px 0 4px 0;}
    
    #RegistrationAddForm .input {height:50px;}
    #RegistrationAddForm  label {width:250px;display:block;}  
    
    #RegistrationStep1Form .input {height:30px;clear:left;}
    #RegistrationStep1Form .checkbox {float:left;margin-right:10px;}
    #RegistrationStep1Form label {width:350px;display:block;}
    #RegistrationStep1Form h4 {padding-top:20px;clear:left;}
    
    #UserAddForm label,
    #UserEditForm label {float:left;height:30px;}
    #UserAddForm .inputfield,
    #UserEditForm .inputfield {width:300px;height:30px;}

	#twitter, #facebook {padding-top:20px;}


    p.anmeldebutton {margin-top:60px;}
    p.event {padding:5px 5px 5px 20px;cursor:pointer;}     
    .display {cursor:pointer;}         
	
	.ortlink {padding-left:27px;height:27px;display:block;padding-top:5px;}
	
	.hamburg {position:relative;left:270px;top:100px;z-index:6;}
	.hannover {position:relative;left:250px;top:70px;z-index:7}
	.berlin {position:relative;left:500px;top:140px;z-index:8}
	.stuttgart {position:relative;left:240px;top:400px;z-index:9}
	.frankfurt {position:relative;left:220px;top:310px;z-index:10}
	.nuernberg {position:relative;left:330px;top:200px;z-index:11}
	.duesseldorf {position:relative;left:90px;top:210px;z-index:12}
	.leipzig {position:relative;left:460px;top:100px;z-index:13}
	

	.radiobuttons label {width:50px;clear:both;}
	.radiobuttons input {height:2  0px;}
    
	
	.upcoming {display:none;width:300px;position:relative;top:17px;left:680px;}
    .segment {border-bottom:1px #cdcdcd dotted;padding:30px 0;}
    .segment p, .segment form {margin:20px 0 4px 0;} 
    
    .segment ul {margin:20px 0 4px 20px;list-style:disc;}
    .segment legend {padding-bottom:20px;} 
    .segment img {margin-bottom:20px;}
    .segment img.floatleft {margin-right:20px;}
    .segment label {width:150px;height:20px;display:block;}
    .segment table {width:100%;margin:20px 0;}
    .segment h3 {margin-bottom:20px;}
    .segment h4 {margin-bottom:10px;}
    .segment td {padding:5px 5px 8px 5px;}
    .segment th {padding:5px 5px 8px 5px;border-bottom:1px dotted #cdcdcd;}
    .referent {min-height:140;clear:left;}
    .time {width:140px;}
    .uhrzeit {width:85px;}
    .upcoming_event {margin-bottom:10px;}
    .imageteaser {clear:both;border-bottom:1px #cdcdcd dotted;height:140px;
    padding:30px 0 10px 0;}

    .imageteaser h4 a, .imageteaser p, #footer h4  {margin:20px 0 4px 0;}
    
    .imageteaser img {border:3px solid #d4e4ea;margin:10px 10px 0 0;float:left;}

    .readmore {padding:3px;float:right;}
    .inputfield {width:250px;height:25px;}
    .smallinputfield {width:200px;height:25px;} 
    .mc-field-group {padding-bottom:20px;} 
    
    a.bluebutton {padding:7px;}
    .arrowdown {display:block;cursor:pointer;}
    span.vortrag {cursor:pointer;display:block;}
    
    .bottomline {border-top:1px dotted #cdcdcd;}
    .leftsitemap {float:left;}
    .rightsitemap {float:right;}
    
    ul.register {margin:20px 0 40px 0;}
    .register li {float:left;padding:0 5px;}
    
    /* CLEAR FIX*/
    .clearfix:after {content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;}
    .clearfix {display: inline-block;}
    
    /* Hides from IE-mac \*/
    * html .clearfix { height: 1%;}
    .clearfix {display: block;}
    /* End hide from IE-mac */
    
    
#backgroundPopup{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
top:0;
left:0;
background:#006699;
z-index:199;
}


#workshop1, #workshop2, #workshop3, #workshop4, #workshop5{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:430px;
width:430px;
background-color:#fff;
box-shadow:0px 0px 15px #000;
-moz-box-shadow:0px 0px 15px #000;
-webkit-box-shadow:0px 0px 15px #000;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
z-index:200;
padding:35px;
font: 14px Helvetica, Verdana, Geneva, sans-serif;
}

#workshop1 h3, #workshop2 h3, #workshop3 h3, #workshop4 h3, #workshop5 h3 {
font: 18px Helvetica, Verdana, Geneva, sans-serif;
margin-bottom:20px;
}

#workshop1 p, #workshop2 p, #workshop3 p, #workshop4 p, #workshop5 p {
	margin-bottom: 10px;
}


#workshop1 a, #workshop2 a, #workshop3 a, #workshop4 a, #workshop4 a {
	color:#38b3e5;
}

#popupWorkshop1Close, #popupWorkshop2Close, #popupWorkshop3Close, #popupWorkshop4Close, #popupWorkshop5Close {
	position:relative;
	top:-40px;
	left:450px;
}