@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) draft for a central stylesheet
 * (de) Vorlage für ein zentrales Stylesheets
 *
 * @copyright       Copyright 2005-2007, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.0.4
 * @revision        $Revision: 130 $
 * @lastmodified    $Date: 2007-10-05 19:05:21 +0200 (Fr, 05 Okt 2007) $
 */

/* import core styles | Basis-Stylesheets einbinden */
@import url(../../yaml/core/base.css);

/* import screen layout | Screen-Layout einbinden */
  @import url(../../css/v2/screen/basemod.css);
  @import url(../../yaml/navigation/nav_shinybuttons.css);
  @import url(../../css/v2/screen/flickr-badge.css); 
  @import url(../../css/v2/screen/content.css); 
  @import url(../../css/v2/screen/navigation.css);
  @import url(../../css/v2/screen/blog-object.css); 
 
/* import print layout | Druck-Layout einbinden */
/* @import url(/css/print/print_003.css); */

/* 	Konferenzspezifische Anpassungen*/

@media all
{

body{
    background-image: url('../img/layout/background.jpg');
    background-position: top center;
    background-color: #112C6F;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
a{color:#666;text-decoration:none;}
a:focus,a:hover,a:active{color:#999;text-decoration:none;}

.box { background-color: #fff; padding: 5px;}

#navigation ul.rueckblick { visibility: hidden; }
#navigation ul li ul.konferenz { left: 62px;  }
#navigation ul li ul.programm { left: 160px;  }
#navigation ul li ul.teilnahme { left: 265px;  }
#navigation ul li ul.partner { left: 355px;  }
#navigation ul li ul.kontakt { left: 440px; }

#bookmark { padding-top: 10px;}

#col1 #col1_content .subcolumns h2,#col1 #col1_content h2,#col1 #col1_content .subcolumns .subcr h2,#col3 #col3_content .box form.newsletterRegister .submit-input,#col1 #col1_content p.more a,#col3 #col3_content .box ul,#col3 #col3_content .box ul li a{color:#1E6DBA;border-color:#1E6DBA;}
#col1 #col1_content .subcolumns h2,#col1 #col1_content h2{color:#1E6D94;}
#col1 #col1_content h2 { margin-top: 30px; }

#col1 #col1_content a.more {
    text-align: center;
    width: 100px;
    margin: 3px;
    padding: 5px;
    float: right;
}

#col1 #col1_content .c50l ul li{background-color:#F3F3F3;padding-left:5px;padding-right:0;list-style:none;margin:5px 10px 0 0;}
#col1 #col1_content ul li{background-image:none; width:92%;}
#col1 #col1_content ul li a{color:#333;}
#col3 #col3_content .tracks{margin-left:20px;margin-top:-12px;margin-bottom:18px;}
#col3 #col3_content .tracks select{width:345px;}

#col3 .registerbutton img { margin-left: 10px;}

#col1 #col1_content form input,#col1 #col1_content form textarea{background-image:none;font-weight:400;color:#333;}
#col1 #col1_content form .captcha-submit{background:none;color:#f29400;border:1px solid #ccc;font-weight:700;height:30px;cursor:pointer;}
#col1_content .video{margin-top:-3px;}

#col1 #col1_content .subcolumns .c45r .subcr li{height:36px;background-position:left;background-color:transparent;margin:5px 0 0;padding:0;}
#col1 #col1_content .subcolumns .c45r .subcr ul li{background-color:#fff;list-style-type:none;list-style-image:none;display:block;border-bottom:1px solid #d5d5d5;margin-left:0;height:26px;width:235px;padding:0;}
#col1 #col1_content .subcolumns .c45r .subcr ul li a{color:#000;margin-left:30px;display:block;padding-top:0;padding-bottom:0;margin-bottom:0;font-weight:400;font-size:12px;}
#col1 #col1_content .subcolumns .c45r .subcr ul li img{margin-top:-1px;margin-right:5px;float:left;padding-bottom:0;margin-bottom:0;}
#col1 #col1_content .subcolumns .c45r .subcr ul li a:hover{font-weight:700;}
#col1 #col1_content .subcolumns{
    border-bottom: 0px solid #fff;
    padding-bottom:15px;
    margin-bottom:-20px;
    margin-top:-3px;
}
#col1 #col1_content .subcolumns .c45r .subcr .box embed{margin:0;padding:0;}
#col1 #col1_content h3,#col1 #col1_content #team .item .name{color:#666;}
#col1_content .legende,.language{display:none;}
#col1 #col1_content .subcolumns .c45r .subcr p,#col1 #col1_content .subcolumns .c45r .subcr ul{margin:0;padding:0;}

#col1 #col1_content #hotel-box { border: 2px dashed #009ee0; padding: 0px; float: right; width: 300px; margin: 8px 20px 8px 12px;}
#col1 #col1_content #hotel-box p { margin: 8px 10px 8px 10px; line-height: 20px; }
#col1 #col1_content #hotel-box p a { color: #009ee0; text-decoration: underline;}

#col1 #col1_content #night-speakerlist {
    width: 660px;
    text-align: center;
}

#col1 #col1_content #night-speakerlist .item img {
    border: 1px solid #ccc;
    padding: 2px;
}

#col1 #col1_content #night-speakerlist .item {
    width: 85px;
    float: left;
    margin-right: 25px;
}
#col1 #col1_content #night-speakerlist .item p.name {
    font-size: 10px;
    line-height: 12px;
    margin-top: 5px;
}

.communitynight-box a {
    color: #1E6D94;
}
.communitynight-box a:hover {
    color: #112C6F;
}

#col3 #col3_content h2 {
    margin-left: 15px;
}
#col3 #col3_content .box ul li { color: #005B7F; }

#col3 #col3_content .sponsoren { position: relative; margin-bottom: 15px;}
#col3 #col3_content .sponsoren h2 { display: none; }
#col3 #col3_content .sponsoren .column_wrapper { margin: 6px 0 0 0; overflow: hidden; }
#col3 #col3_content .sponsoren .cLeft { width: 48%; float: left; }
#col3 #col3_content .sponsoren .cRight { width: 48%; float: left; margin-left: 5px; }
#col3 #col3_content .sponsoren .row { margin: 0px; padding:0px;}
#col3 #col3_content .sponsoren .row ul li img {max-width: 110px;}

#col1 #col1_content h4 {
    display: none;
}

#col1 #col1_content table { margin-left: 20px; margin-right: 20px; width: 600px;}
#col1 #col1_content table tbody th.headline {width: 250px;}
#col1 #col1_content table tbody th.headline p { margin: 0; padding: 0;font-size: 16px;}
#col1 #col1_content table th { background-color: transparent; border: 1px solid #ccc;}
#col1 #col1_content table td { border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc;}

#col1 #col1_content div.more-register {
    float: right;
    margin: 5px 40px 20px 0px;
    padding: 3px 5px;
    border: 1px solid #999;
    background-color: #eee;
}
#col1 #col1_content div.more-register a {
    color: #333;
}

#col3 #col3_content #partner {
    margin-bottom: 20px;
}

#col3 #col3_content .box .subcolumns .c50r img {
    padding: 7px 0px 7px 0px;
}
#col3 #col3_content .box .subcolumns .c50l img {
    padding: 10px 0px 10px 0px;
}

/* Adboard */
#col1 #col1_content #adboard p {
    margin-top: 10px;
    margin-bottom: 20px;
}

#col1 #col1_content #adboard p.track,#col1 #col1_content #adboard h3, #col1 #col1_content #adboard p.firma {
    display: inline;
}
#col1 #col1_content #adboard h3 {
    margin-right:10px;
}
#col1 #col1_content #adboard p.track {
    margin-left: 0;
    font-size: 14px;
    color: #666;
    font-weight: bold;
}
#col1 #col1_content #adboard p.firma {
    margin-left: 0;
    font-style: italic;
}


/* Startseiten Buttons */

#col1 #col1_content p a img { margin-bottom: 1px;}


/* Call for Projects */

#col1 #col1_content dl dt {
    color: #8DAF00;
    font-weight: bold;
}
#col1 #col1_content dl dd {
    border-left: 2px solid #A6CF00;
    padding-left: 10px;
}

/* Flickr */

#col1 #col1_content #flickr_badge_wrapper {
    width: 500px;
    margin-left: 100px;
}


/* Why should I attend */

#col3 #col3_content #col3_highlights { margin-top: 10px;}

#col3 #col3_content #col3_highlights ul li {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 2px;
    margin-left: 0px;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 2px;
    padding-left: 40px;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    background-color: #ffffff;
    background-image: url(http://jax-conf.com/jax-conf/img/layout/highlights-list.jpg);
    background-repeat: no-repeat;
}

/* Newsletterbox */

#col3 #col3_content .newsletter {
    background-color: #00579C;
}
#col3 #col3_content .newsletter p {
    background-color: #00579C;
    color: #C7CA00;
    font-size: 11px;
	margin-top:0px;
}
#col3 #col3_content .newsletter h2 {
    background-color: #00579C;
    color: #C7CA00;
}
#col3 #col3_content .newsletter {
    margin-bottom: 20px;
    margin-top: 0px;
}
#col3 #col3_content .newsletter h2 {
    margin-left: 0;
	margin-bottom:5px;
	
}

/* Team Seite */

#col1 #col1_content #team .float_left {
    float: left;
    display: inline;
    margin-right: 1em;
    margin-bottom: 0.15em;
}

#col1 #col1_content #team .item {
    margin-left: 20px;
}

#col1 #col1_content #team .item span {
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    display: block;
}


/* Shortlinks */
#col1 #col1_content ul.shortlinks li {
    background-color: #ffffff;
    list-style-type: none;
    list-style-image: none;
    display: block;
    border-bottom: 1px solid #d5d5d5;
    margin-left: 0px;
    height: 28px;
    padding: 0px;
}
#col1 #col1_content ul.shortlinks li img {
    margin-top: 2px;
    margin-right: 5px;
    float: left;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

#col1 #col1_content ul.shortlinks li a {
    color: #000000;
    margin-left: 30px;
    display: block;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    font-weight: normal;
    font-size: 12px;
}

#col1 #col1_content ul.shortlinks li a:hover {
    font-weight: bold;
}

#col1 #col1_content .topspeaker_box {
    margin-top: -20px;
}
    #col1 #col1_content #topspeaker {
        padding-top: 10px;
        text-align: center;
        overflow: hidden;
        border-bottom: 2px solid #ccc;
        padding-bottom: 30px;
    }
    #col1 #col1_content #topspeaker .item {
        width: 100px;
        float: left;
        height: 120px;
    }
    #col1 #col1_content #topspeaker .item span.name {
        color: #112C6F;
        display: block;
        font-size:13px;
    }
    #col1 #col1_content #topspeaker .item span.company {
        display: block;
        font-size: 10px;
        font-style: italic;
    }
    #col1 #col1_content #topspeaker .item a span.picture img {
        border:1px solid #efefef;
        padding:3px;
    }
    #col1 #col1_content .topspeaker_box .more_special a {
        padding: 3px 5px;
        background-color: #666;
        color: #fff;
        border: 1px solid #000;
        float: right;
        margin: 3px;
    }
    #col1 #col1_content .topspeaker_box .more_special a:hover {
        background-color: #ccc;
        color: #000;
        border: 1px solid #555;
    }

#col1 #col1_content #session-view .item span.name {
    margin-left: 20px;
}

#col1 #col1_content #session-view .item span.name span.company {
    font-style: italic;
    font-size: 10px;
}

#col1 #col1_content span.more_osgi a {
        float: left;
        color: #fff;
        padding: 3px 5px;
        background-color: #666666;
        margin: 2px 20px 20px 0px;
        display: block;
        width: 110px;
	text-align: center;

    }
    #col1 #col1_content span.more_osgi a:hover {
        color: #c7ca00;
        
    }

}

/* Registerform */

#col1 #col1_content #reservationform h3 { margin: 0; padding: 0;}
#col1 #col1_content #reservationform .session-headline {
    width: 200px;
    float: left;
}
#col1 #col1_content #reservationform .tutorial-headline {
    margin-left: 250px;
}

#col1 #col1_content #reservationform .selection .res-workshop1,
#col1 #col1_content #reservationform .selection .res-workshop2,
#col1 #col1_content #reservationform .selection .res-workshop3,
#col1 #col1_content #reservationform .selection .res-session {
    padding: 10px;
    font-weight: bold;
}
#col1 #col1_content #reservationform .selection .res-workshop1 span.speaker,
#col1 #col1_content #reservationform .selection .res-workshop2 span.speaker,
#col1 #col1_content #reservationform .selection .res-workshop3 span.speaker {
    font-weight: normal;
    font-style: italic;
}

#col1 #col1_content #reservationform .selection input {
    width: 20px;
    margin: 0;
    padding: 0;
}

#col1 #col1_content #reservationform .selection .res-session {
    height: 300px;
    width: 200px;
    float: left;
    background-color: #eee;
    border: 1px solid #666;
}

#col1 #col1_content #reservationform .selection .res-session p {
    margin: 0;
    padding: 0;
}

#col1 #col1_content #reservationform .selection .res-workshop1,
#col1 #col1_content #reservationform .selection .res-workshop2,
#col1 #col1_content #reservationform .selection .res-workshop3 {
    background-color: #eee;
    border: 1px solid #333;
    width: 300px;
    margin-left: 250px;
}

#col1 #col1_content #reservationform .adress label {
    margin-bottom: 10px;
}

#col1 #col1_content #reservationform .captcha-submit {
    color: #fff;
    background-color: #666;
}

#col1 #col1_content #reservationform .captcha-submit:hover {
    color: #fff;
    background-color: #333;
}

#col1 #col1_content .errormsg ul li {
    background-color: transparent;
    color: #ff0000;
    font-size: 14px;
}

#col3 #col3_content div.box .row li a img {
		max-height: 50px;
		max-width: 110px;
		vertical-align: middle;
	}
	
#col3 #col3_content div.box .row li a {
		display: inline;
		line-height: 50px;
	}

#col3 #col3_content div.box div.row li.l a, #col3 #col3_content div.box.sponsoren div.row li.r a {
		float: left;
		margin: 0px;
		padding: 0px;
		width: 120px;
		height: 60px;
		background: none;
		margin-bottom:15px;
	}
	
#col3 #col3_content div.box div.row ul li.r a{
		padding-left:10px; 		
		
	}

        .clear {
            font-size: 1px;
            margin: 0;
            padding: 0;
        }