/* 
==========================================
		DEFAULT DEFINITION 
==========================================
 */
 
/* main body tag styles */
body {font-family:verdana,geneva,arial,helvetica,sans-serif; font-size:12px; margin:0; text-align:center; background: url(../img/construct/bg-body.png) repeat-x #f7f7f7; min-height:100%}

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

#content a { text-decoration:underline }
#content a:hover { text-decoration:none }

img {border:0}

ul { margin:0; padding:0; list-style:none }

h1 {margin:0; padding:0; font-size:14px; font-weight:700}
h2, h3 { font-weight:400; color:#98001b; padding:0 }
h2 {margin-bottom:0; font-size:26px }
h3 {margin:0; font-size:26px; letter-spacing:-1px}
h4 { font-weight:700; font-size:13px }

/* style for hidden element - just little helpfull */
.vanished, .hide {display:none !important}
.defaulthidden, .hidden {visibility:hidden}

/* common element styes */
.floatleft { float:left }
.floatright { float:right }
.clear { clear:both; height:0; font-size:1% }

/* text centering */
.txtcenter { text-align:center }
.center { margin:0 auto }

/* text styles */
.txt-small { font-size:10px }
.txt-smaller { font-size:11px }

/* margin reset */
.nomargin { margin:0 }

/* color definitions */
.red { color:#98001b }
.grey, .gray {color:#7c7c7c}
.dark-grey, .dark-gray { color:#494949 }
/* divider */
hr.red { color:#98001b; background-color:#98001b; height:1px }

/* elements wrapping */
.wrap { min-height:100%; position:relative }


/* 
==========================================
		MAIN CONSTRUCT DEFINITION 
==========================================
 */

/* TICKER */
#ticker {height:18px}

/* background container for main construct*/  
#main-con-bg {width:1024px; height:100%; background: url(../img/construct/bg-main-con.jpg) repeat-x; margin: 0 auto; text-align:center }

/* main construct container */
#main-con {width:800px; margin:0 auto; text-align:left}

/* header container */
#header {height:100px}

/* main menu container */
#menu {height:32px}

/* page title */
#page-label {position:relative; font-size:16px; line-height:50px; height:50px; padding-left:25px}
.title {display:block; float:left; width:450px}
.paging {display:block; float:right; margin:10px 10px}
.paging a {float:right; font-size:12px; display:block; line-height:30px; padding:0 10px}
.paging a:hover {color:#fff; text-decoration:none; background-color:#920a2c}

#page-navigation {position:relative; font-size:16px; line-height:50px; height:50px; background-color:#ebebeb}
.pdf-download {float:left}
.pdf-download a {font-size:10px; color:#000; line-height:normal}
.container-download {display:block; height:44px; padding:4px 10px 0 57px; background:url(../img/ico_pdf.png) 10px 5px no-repeat; cursor:pointer; text-decoration:none; filter:gray + alpha(opacity = 60); opacity:.60}
a:hover .container-download {text-decoration:none; filter:normal; opacity:1}

/*
.paging {position:absolute; right:10px; top:10px}
.paging a {font-size:12px; display:block; line-height:30px; padding:0 10px}
.paging a:hover {color:#fff; text-decoration:none; background-color:#920a2c}
*/

/* page content */
#content { position:relative; min-height:534px; padding-top:30px; padding-bottom:15px; background-color:#fff }
#content .title-float { float:left }

/* styles used for index page */
#content .home-title { float:left; width:620px; border-bottom:2px solid #99001f }
#content .home-title h1 { margin-left:195px; padding:5px 0 7px 0;}
#content .title-logo { float:left; text-align:center }
#content .title-logo ul li { float:left; margin-left:15px; display:block }
#content .p2 { font-size:14px; margin:0 }
#content .p3 { font-size:18px; margin:0 }
#content .subtitle-top { margin-top:77px; margin-left:195px; height:70px; color:#252528 }
#content .subtitle-bottom { margin-left:195px; }
#content #column-home { position:absolute; top:30px; left:50px; width:124px; height:430px; font-size:13px; text-align:left; color:#fff; background:url(../img/common/column-home-shadow.png) repeat-y 114px 10px }
#content #column-home p { margin:3px 0 12px 0; color:#fff }
#content #column-home .cont { width:114px; background-color:#ca3847; text-align:center }
#content #timeline { position:absolute; top:390px; left:0 }
#content #coop { position:absolute; top:500px; left:50px }

/* styles used for intro page */
#content #intro {margin-left:100px; margin-right:60px; font-size:14px;}
#content #intro h1.intro {font-size:36px; font-weight:400; letter-spacing:-2px; padding:50px 0 30px 0;}
#content #intro p {padding:10px 0;}
#content #intro .anmeldung-btn {visibility:hidden; padding-top:12px }
#content #timeline-intro { margin-top:20px }

/* styles used for keynote speakers page */
#content #spkr { margin-left:50px }
#content #spkr h1 {padding-bottom:15px; font-size:24px; font-weight:400; letter-spacing:-1px;}
#content #spkr h3.spkr {padding-bottom:15px; font-size:14px; color:#252528;}
#content #spkr .keynote-small { float:right; font-size:10px }
#content #spkr .speakers { float:left; width:400px; padding-top:70px;}
#content #spkr .speakers .speakers-list { margin-bottom:20px }
#content #spkr .speakers .speakers-list li { margin:10px 0; display:block }
#content #spkr .speakers-bio { float:right; padding-right:50px }
#content #spkr .bio { float:left; margin-left:10px; width:111px }
#content #spkr .bio p.quote { padding-top:10px; font-size:10px; line-height:13px; font-style:italic }
#content #spkr .mods { float:right; margin-top:30px }
#content #spkr .mods h3.spkr {margin-left:35px; padding-bottom:7px;}
#content #spkr .mods .photo { float:left; margin-left:35px; width:88px }
#content #spkr span.small {float:right; font-size:8px;}
#content #timeline-spkr {margin-top:50px;}

/* styles used for program & speakers & partner pages */
#content .container { width:710px; margin:0 auto; color:#494949 }
#content .container .head { padding-bottom:3px; font-size:20px; letter-spacing:-1px; border-bottom:3px solid #98001b; }
#content .container .head .summit { float:right; font-size:14px; padding-top:7px; letter-spacing:0 }
#content .container .program-tbl .big { font-size:14px }
#content .container .program-tbl .first {  }
#content .container .program-tbl .last {  }
#content .container .program-tbl .time.break { font-size:11px; font-weight:700; color:#fff; background-color:#58595b }
#content .container .program-tbl .info.break { font-weight:700; color:#fff; background:url(../img/construct/bg-programm-desc.png) repeat-y left top }
#content .container .program-tbl .parallel { background-color:#fff7f5 }
#content .container .program-tbl .time { width:100px; padding:2px 0; vertical-align:top; text-align:center; font-size:12px; border-bottom:1px solid #989898; border-right:2px solid #989898;}
#content .container .program-tbl .info { width:610px; padding:2px 0 2px 10px; vertical-align:top; font-size:12px; line-height:16px; border-bottom:1px solid #989898 }
#content .container .program-tbl .margin { padding-left:60px }
#content .program-note { width:700px; margin:15px 0 0 30px; font-size:12px; font-style:italic; line-height:17px }
#content .program-note p { width:470px }
#content .program-note img { margin-left:50px }
#content .program-note .note-text, #content .program-note .note-logo { float:left }
#content .container .speakers-tbl { margin-top:15px; font-size:1em; color:#454545; border:1px solid #989898 }
#content .container .speakers-tbl .type { background-color:#000 }
#content .container .speakers-tbl .photo { display:block; width:100px; overflow:hidden; background-color:#e9e9e9; vertical-align:top }
#content .container .speakers-tbl .type, #content .container .speakers-tbl .photo { border-bottom:1px solid #3b3b3d }
#content .container .speakers-tbl .name, #content .container .speakers-tbl .desc { border-bottom:1px solid #989898 }
#content .container .speakers-tbl .name { font-size:1.1em; width:150px; padding-left:3px; background-color:#e9e9e9; border-right:1px solid #989898; }
#content .container .speakers-tbl .desc { padding:5px; font-style:italic; line-height:1.2em; border-bottom:1px solid #989898; }

/* styles used for anmeldung page */
#content .container h1.anmeldung { font-size:20px; font-weight:400 }
/* */
#content .anmeldung { font-size:12px }
#content .anmeldung .txt { padding:20px 0 15px 0; width:500px }
#content .anmeldung .anmeldung-btn { padding:20px 0 10px 0 }
#content .anmeldung .txt2 { padding:20px 5px 0 0 }
#content .anmeldung .txt2 img { padding-left:20px }
#content .anmeldung .img { padding-top:20px }
/* */
#content .stripe { padding:15px 0; background:#e9ebea url(../img/common/bg-stripe.gif) left center repeat-x }
#content .stripe .prices { font-size:14px; width:100% }
#content .stripe .prices td { padding:5px }
#content .stripe .prices .desc { width: 460px }
#content .stripe .prices .regular { text-align:center; width:120px }
#content .stripe .prices .partner { text-align:center; width:130px }
#content .stripe .icon { margin:10px }
#content .stripe .stripe-note { float:left; font-size:12px; line-height:16px; margin-top:7px; width:650px }
#content .stripe .stripe-note a { text-decoration:underline }
#content .stripe .stripe-note a:hover { text-decoration:none }

/* styles used for rahmenprogram page */
#content .rahmen-left { font-size:12px; padding-top:20px; width:50%; color:#494949 }
#content .rahmen-left .box { padding-bottom:20px; padding-right:45px }
#content .rahmen-left .box .club-photo { float:left }
#content .rahmen-left .box .club-txt { float:left; width:160px; margin-left:15px }
#content .rahmen-right { color:#494949; padding-top:60px; width:50% }
#content .rahmen-title { font-size:18px; color:#98001b; margin:5px 0 }

/* styles used for partners page */
#content .partners-title { margin-left:40px; padding-bottom:5px; border-bottom:2px solid #99001f }
#content .partners-title span { font-size:14px; font-weight:700 }
#content .top { margin:0 auto; width:500px }
#content .top .top-box { float:left; margin-right:20px }
#content .top .top-box img { padding-left:5px }
#content .friends, #content .partners, #content .media { width:710px; margin:0 auto }
#content .friends .friends-list img, #content .partners .partners-list img, #content .media .media-list img { vertical-align:middle }
#content .friends .friends-list li { display:block; float:left; margin-right:35px; margin-bottom:20px; height:75px; line-height:75px }
#content .partners .partners-list li { display:block; float:left; margin-right:20px; height:75px; line-height:75px }
#content .media { padding-top:25px }
#content .media .media-list li { display:block; float:left; border:3px transparent solid; padding:2px; margin-right:15px; height:75px; line-height:75px }
#content .media .media-list li a { vertical-align:middle }
#content .media .media-list li:hover { border:3px transparent solid }

#content #timeline-partners { margin-top:20px }
#content .credits { float:left; margin-right:30px }
#content .credits a:hover { text-decoration:underline }

#zoom {position:absolute; display:none; top:5px; right:5px; width:121px; height:32px; background:url('../img/ico_magglass.png') no-repeat}
.zoomable:hover #zoom {display:block}

/* zoom button bottom */
.btn-zoomable {display:block; float:left}
.btn-zoomable a {display:block; float:left; width:130px; height:50px; margin-left:5px; background:url('../img/ico_magglass.png') 8px 11px no-repeat}
.btn-zoomable a:hover {background-color:#c4c4c4}

/* page footer */
#footer {padding-top:25px; padding-bottom:25px; font-size:10px; text-align:center; color:#7c7c7c; background:url('../img/construct/shadow-bottom.png') no-repeat center top }
#footer a {color:#920a2c}
#footer a:hover {text-decoration:underline}

/* banners */
#banners { display:none; clear:both; position:relative; margin:20px auto 0; padding-bottom:20px; padding-top:20px; width:100%; height:150px; background:url('../img/construct/bg_banner.png') #fff repeat-x top }

/* AddThis.com social networks button */
.addthis_toolbox {position:relative; display:block; float:left; margin-left:10px}
.addthis_toolbox .custom_hover {position:relative; cursor:pointer}
.addthis_toolbox .custom_hover .custom_button {display:block; font-size:0; height:50px; width:98px; padding-right:6px; background:url('../img/socialnetworks/btn_networks.png') no-repeat center center}
.addthis_toolbox .custom_hover .custom_button.active {}
.addthis_toolbox .hover_menu {position:absolute; display:none; width:208px; padding:10px; top:3px; left:-58px; background:transparent url('../img/socialnetworks/bg_lightbox.png') repeat}
.addthis_toolbox .hover_menu a {display:block; width:24px; height:24px; float:left; padding-right:2px; background-position:top left; background-repeat:no-repeat}
.addthis_toolbox .hover_menu a.addthis_button_facebook {background-image:url('../img/socialnetworks/ico_facebook.png')}
.addthis_toolbox .hover_menu a.addthis_button_twitter {background-image:url('../img/socialnetworks/ico_twitter.png')}
.addthis_toolbox .hover_menu a.addthis_button_digg {background-image:url('../img/socialnetworks/ico_digg.png')}
.addthis_toolbox .hover_menu a.addthis_button_delicious {background-image:url('../img/socialnetworks/ico_delicious.png')}
.addthis_toolbox .hover_menu a.addthis_button_google {background-image:url('../img/socialnetworks/ico_google.png')}
.addthis_toolbox .hover_menu a.addthis_button_blogger {background-image:url('../img/socialnetworks/ico_blogger.png')}
.addthis_toolbox .hover_menu a.addthis_button_myspace {background-image:url('../img/socialnetworks/ico_myspace.png')}
.addthis_toolbox .hover_menu a.addthis_button_linkedin{ background-image:url('../img/socialnetworks/ico_linkedin.png')}
.addthis_toolbox .hover_menu a.inactive {background-position:0 -24px}
.addthis_toolbox img {padding:0 !important}
.addthis_toolbox .custom_images {text-align:left}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* PRESS CORNER */

#page-presse #content { min-height:370px; padding-bottom:200px; background-image:url('../img/construct/teaser_press.jpg'); background-repeat:no-repeat; background-position:bottom right }

#page-presse .jump-pressphoto { display:block; padding:20px 0 }

.press-message { position:relative; display:block; float:left; width:100%; color:#000; padding-bottom:40px; text-decoration:none !important; background-repeat:no-repeat; background-position:right bottom }
.press-message:hover { background-color:#fefff6; background-repeat:no-repeat; background-position:right bottom }
.press-message .core { display:block; float:left; width:100%; background:url('../img/construct/bg_press-coretop.png') no-repeat top center }
.press-message .inner { display:block; float:left; width:100%; background:url('../img/construct/bg_press-corebottom.png') no-repeat bottom center }
.press-message .author { position:absolute; font-size:9px; color:#737373; right:0; top:0; height:17px; line-height:16px; background:url('../img/construct/bg_author.png') no-repeat right bottom }
.press-message .teaser { display:block; float:left; width:13%; padding:10px 0 0 15px }
.press-message .description { display:block; float:right; width:82%; padding:20px 10px 20px }
.press-message .title { display:block; font-size:14px; color:#920a2c; font-weight:700; width:100%; padding-bottom:15px }
/* special settings for PDF & HTML pressmessages */
.press-message.pdf { background-image:url('../img/construct/bg_press-pdf-off.png') }
.press-message.pdf:hover { background-image:url('../img/construct/bg_press-pdf-on.png') }
.press-message.html { background-image:url('../img/construct/bg_press-html-off.png') }
.press-message.html:hover { background-image:url('../img/construct/bg_press-html-on.png') }

#page-presse .photos { width:740px; margin:0 auto }
#page-presse .photos dl { display:inline; float:left; height:105px; width:240px; margin:0 5px 20px 0}
#page-presse .photos dl:hover { background-color:#ebebeb }
#page-presse .photos dt { display:inline; float:left; margin:5px 0 0 10px }
#page-presse .photos dd { font-size:10px; margin:0 }
#page-presse .photos dd strong { display:block; font-size:11px; padding:20px 0 5px }
#page-presse .photos dd a { font-weight:700 }
#page-presse .photos dd .size { color:#6f6f6f }

/* PRESS CORNER */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Teaser element right bottom page edge */

#teaser {display:none; position:fixed; bottom:10px; right:10px; z-index:9999}
#teaser a:hover {background-color:transparent}
#teaser img {border:0}

/* Teaser element right bottom page edge */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */