/* Reset (siehe auch YUI3)
----------------------------------------------------------------------------------------------------*/ 
/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.8.1
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}body{text-align:center;}#doc,#doc2,#doc3,#doc4,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7{margin:auto;text-align:left;width:57.69em;*width:56.25em;}#doc2{width:73.076em;*width:71.25em;}#doc3{margin:auto 10px;width:auto;}#doc4{width:74.923em;*width:73.05em;}.yui-b{position:relative;}.yui-b{_position:static;}#yui-main .yui-b{position:static;}#yui-main,.yui-g .yui-u .yui-g{width:100%;}.yui-t1 #yui-main,.yui-t2 #yui-main,.yui-t3 #yui-main{float:right;margin-left:-25em;}.yui-t4 #yui-main,.yui-t5 #yui-main,.yui-t6 #yui-main{float:left;margin-right:-25em;}.yui-t1 .yui-b{float:left;width:12.30769em;*width:12.00em;}.yui-t1 #yui-main .yui-b{margin-left:13.30769em;*margin-left:13.05em;}.yui-t2 .yui-b{float:left;width:13.8461em;*width:13.50em;}.yui-t2 #yui-main .yui-b{margin-left:14.8461em;*margin-left:14.55em;}.yui-t3 .yui-b{float:left;width:23.0769em;*width:22.50em;}.yui-t3 #yui-main .yui-b{margin-left:24.0769em;*margin-left:23.62em;}.yui-t4 .yui-b{float:right;width:13.8456em;*width:13.50em;}.yui-t4 #yui-main .yui-b{margin-right:14.8456em;*margin-right:14.55em;}.yui-t5 .yui-b{float:right;width:18.4615em;*width:18.00em;}.yui-t5 #yui-main .yui-b{margin-right:19.4615em;*margin-right:19.125em;}.yui-t6 .yui-b{float:right;width:23.0769em;*width:22.50em;}.yui-t6 #yui-main .yui-b{margin-right:24.0769em;*margin-right:23.62em;}.yui-t7 #yui-main .yui-b{display:block;margin:0 0 1em 0;}#yui-main .yui-b{float:none;width:auto;}.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{float:left;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf,.yui-gc .yui-u,.yui-gd .yui-g,.yui-g .yui-gc .yui-u,.yui-ge .yui-u,.yui-ge .yui-g,.yui-gf .yui-g,.yui-gf .yui-u{float:right;}.yui-g div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first,.yui-ge div.first,.yui-gf div.first,.yui-g .yui-gc div.first,.yui-g .yui-ge div.first,.yui-gc div.first div.first{float:left;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf{width:49.1%;}.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{width:32%;margin-left:1.99%;}.yui-gb .yui-u{*margin-left:1.9%;*width:31.9%;}.yui-gc div.first,.yui-gd .yui-u{width:66%;}.yui-gd div.first{width:32%;}.yui-ge div.first,.yui-gf .yui-u{width:74.2%;}.yui-ge .yui-u,.yui-gf div.first{width:24%;}.yui-g .yui-gb div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first{margin-left:0;}.yui-g .yui-g .yui-u,.yui-gb .yui-g .yui-u,.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u,.yui-ge .yui-g .yui-u,.yui-gf .yui-g .yui-u{width:49%;*width:48.1%;*margin-left:0;}.yui-g .yui-g .yui-u{width:48.1%;}.yui-g .yui-gb div.first,.yui-gb .yui-gb div.first{*margin-right:0;*width:32%;_width:31.7%;}.yui-g .yui-gc div.first,.yui-gd .yui-g{width:66%;}.yui-gb .yui-g div.first{*margin-right:4%;_margin-right:1.3%;}.yui-gb .yui-gc div.first,.yui-gb .yui-gd div.first{*margin-right:0;}.yui-gb .yui-gb .yui-u,.yui-gb .yui-gc .yui-u{*margin-left:1.8%;_margin-left:4%;}.yui-g .yui-gb .yui-u{_margin-left:1.0%;}.yui-gb .yui-gd .yui-u{*width:66%;_width:61.2%;}.yui-gb .yui-gd div.first{*width:31%;_width:29.5%;}.yui-g .yui-gc .yui-u,.yui-gb .yui-gc .yui-u{width:32%;_float:right;margin-right:0;_margin-left:0;}.yui-gb .yui-gc div.first{width:66%;*float:left;*margin-left:0;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf .yui-u{margin:0;}.yui-gb .yui-gb .yui-u{_margin-left:.7%;}.yui-gb .yui-g div.first,.yui-gb .yui-gb div.first{*margin-left:0;}.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u{*width:48.1%;*margin-left:0;}.yui-gb .yui-gd div.first{width:32%;}.yui-g .yui-gd div.first{_width:29.9%;}.yui-ge .yui-g{width:24%;}.yui-gf .yui-g{width:74.2%;}.yui-gb .yui-ge div.yui-u,.yui-gb .yui-gf div.yui-u{float:right;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf div.first{float:left;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf div.first{*width:24%;_width:20%;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf .yui-u{*width:73.5%;_width:65.5%;}.yui-ge div.first .yui-gd .yui-u{width:65%;}.yui-ge div.first .yui-gd div.first{width:32%;}#hd:after,#bd:after,#ft:after,.yui-g:after,.yui-gb:after,.yui-gc:after,.yui-gd:after,.yui-ge:after,.yui-gf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}#hd,#bd,#ft,.yui-g,.yui-gb,.yui-gc,.yui-gd,.yui-ge,.yui-gf{zoom:1;}


/* BASICS
----------------------------------------------------------------------------------------------------*/ 
html, body  {
	font-family: 'Helvetica Neue', Helvetica, Arial, Sans-Serif;
	font-size:15px;
	line-height:22px;
	background: #eeeeee;
	height:100%;
}
a, a:link {
	color:#85d1f2;
	text-decoration:none;
}
a:visited {
	color:#9abcca;
}

a:hover {
	text-decoration:underline;
}

#bd a[href^="http:"], #bd a[href^="https:"]
{
	padding-left: 14px;
	background-image: url(../img/link-extern.png);
	background-repeat: no-repeat;
/*	background-position: 0 0.45em;*/
}

h1,h2,h3,h4,h5,h6, .quote {
	font-family:'Adobe Garamond Pro', 'Stempel Garamond', 'Garamond Premier', 'Granjon', 'ATF Garamond', 'LTC Garamont', 'Garamond', 'Times', 'Times New Roman', Serif;
	font-style:italic;
	font-size:28px;
	line-height:30px;
	padding: 26px 0 10px 0;
}

h1 {display:none}

p, ul, ol, li { /* todo list style */
	margin-bottom:11px;
}

strong, b {
	font-weight:bold;
}
td {
	padding-right:1em;
	padding-bottom:11px;
	vertical-align:top;
}       
em, i {
	font-family:'Adobe Garamond Pro', 'Stempel Garamond', 'Garamond Premier', 'Granjon', 'ATF Garamond', 'LTC Garamont', 'Garamond', 'Times', 'Times New Roman', Serif;
	font-style:italic;
	font-size:16px;
	line-height:22px;	
}



/* CLASSES
----------------------------------------------------------------------------------------------------*/ 

.btn {
	display: inline-block;
	background-color: rgba(26,74,85,0.7);
	padding:4px 8px 4px 8px;
	border:1px solid #999;
	border-radius: 2px;
}

.btn:hover {
	text-decoration: none;
	border:1px solid #fff;
}

.quote {
	display:block;
	width:440px;
	margin-right:0 !important; /* eigentlich nicht wichtig, aber etwas mehr luft vor umbruch */
	margin-top:186px;
	text-indent:	-.4em;		
}
.source, .source:link, .source:visited {
	display:block;
	font-family: 'Helvetica Neue', Helvetica, Arial, Sans-Serif;
	font-size:15px;
	line-height:22px;
	color:#666;
	text-indent:0;
}
.q1 {
	width: 340px;
	padding-left:80px;
}
.q2 {
	width: 380px;
	padding-left:40px;
}


.floatbox {overflow:hidden;}
.fll {float:left; margin-right:20px;}
.flr {float:right; margin-left:20px;}

.w240 {
	width:240px;
}
.w100 {
	width:100px;
}
.w380 {
	width:380px;
}
.w490 {
	width:490px;
}

/*Spalten wie in YAML*/
.subcolumns { width: 100%; overflow:hidden; }

.c20l, .c25l, .c33l, .c40l, .c38l, .c50l, .c60l, .c62l, .c66l, .c75l, .c80l {float: left; }
  
.c20r, .c25r, .c33r, .c40r, .c38r, .c50r, .c60r, .c66r, .c62r, .c75r, .c80r {float: right; margin-left: -5px; }

.c20l, .c20r { width: 20%; }
.c40l, .c40r { width: 40%; }
.c60l, .c60r { width: 60%; }
.c80l, .c80r { width: 80%; }
.c25l, .c25r { width: 25%; }
.c33l, .c33r { width: 33.333%; }
.c50l, .c50r { width: 50%; }
.c66l, .c66r { width: 66.666%; }
.c75l, .c75r { width: 75%; }
.c38l, .c38r { width: 38.2%; }
.c62l, .c62r { width: 61.8%; }

.subc { padding: 0 0.5em 0 0.5em; }
.subcl { padding: 0 1em 0 0; }
.subcr { padding: 0 0 0 1em; }

.confirm, .warn {
	padding: 11px 11px 11px 55px;
	min-height:22px;
	}
.confirm {
	background: #040 url('../img/ok32px.png') 11px center no-repeat;
}
.warn {
	background: #400 url('../img/fail32px.png') 11px center no-repeat;
}
.pdf-link-16 {
	padding-left:20px;
	background: transparent url('../img/pdf-16.png') left center no-repeat;
}
.pdf-link-32 {
	padding-left:40px;
	background: transparent url('../img/pdf-32.png') left center no-repeat;
}

.formb {
	display:none;
}           

/* IDS
----------------------------------------------------------------------------------------------------*/ 
#bar {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 108px;
background-color: rgba(116,154,171,0.7);
color:#fff;
}

#hd {
width: 980px;
margin: auto;
text-align: left;
position:relative;
}

#logolink {
margin-top:45px;
margin-left:22px;
padding:6px;
font-size: 16pt;
color: #fff;
display:block;
width:auto; /*bild:208 px */
min-width:220px;
float:left;
}

#logolink.en {
min-width:280px; 
margin-top:22px;
}


#logolink:hover, .lang:hover {
	background-color: rgba(26,74,85,0.7);
}

#langswitch {
	color:#fff;
	text-decoration:none;
	border: 0px solid #000;
	display:block;
/*	width:150px;*/
	overflow:hidden;
	height:20px;
	text-align:right;
	padding:4px 8px;
}
#langswitch:hover, #b1 #langswitch{
	background-color: rgba(26,74,85,0.7);   	
}
#langswitch #langdetails {
	display:none;
}
#langswitch:hover #langdetails {
	display:inline;
}
#b1 #langswitch #langdetails {
	display:inline;
}


#langswitch:hover #activelang {
	opacity:.7;
}

#langswitch img {
	vertical-align:text-bottom
}
#activelang {margin-left:1em;}       

#langcont {
	position:absolute; right:10px; top:22px;
}
#b1 #langcont {
 position:absolute;
 right:-8px; 
}
#b1 #langswitch {
	 padding-right:26px;
}

#text {
	position:relative;
}

#countdown {
	width:139px;
 	height:139px; 
	padding:1em; 
	text-align:center; 
	background: transparent url('/img/star-24.png') no-repeat center center;
	color:#000;
	position:absolute; 
}                                            
#countdown p {
	display:block; padding:58px 19px; line-height:1.2em
}
#countdown.en p {
	padding-top:48px;
}

#b2 #countdown {
	top:-420px;
	right:0px;
}
#b3 #countdown {
	bottom:130px;
	right:-430px;
}
#b4 #countdown {
	top:-400px;
	left:600px;
}    
#b6 #countdown {
	top:-400px;
	left:00px;
}


/* NAVIGATION ----- */
ul#navlist
{
margin: 0 10px 0 0;
white-space: nowrap;
float:right;
position:absolute; /* for ie6 and large fonts: no rearangement when overlapping */
top:72px;
right:0;

}

#navlist li
{
display: inline;
list-style-type: none;
font-weight:bold;
}

#navlist a { padding: 4px 8px;	border-bottom:1px solid transparent; } /* 10px schöner, aber so püasst es auch mti Verdana */

#navlist a:link, #navlist a:visited
{
color: #fff;
/*background-color: #036;*/
text-decoration: none;
}

#navlist a:hover
{
color: #fff;
background-color: rgba(26,74,85,0.7);
text-decoration: none;
}

body#b1 li#n1 a,
body#b2 li#n2 a,
body#b3 li#n3 a,
body#b4 li#n4 a,
body#b5 li#n5 a,
body#b6 li#n6 a,
body#b7 li#n7 a { /* aktive nav */
	border-bottom:1px solid #fff;
	}


#bd {
width: 980px;
color: #fff;
margin: auto;
text-align: left;
}
#ft {
	width: 980px;
	text-align:right;
	margin: auto;
}
#ft a {color:#999; font-size:13px;}

#br {
width: 920px;
border: 10px solid #435259; /* fallback ohne RGBa */
border: 10px solid rgba(73,90,98,0.7);
border-top: none;
/* border-bottom: hidden; /* ToDo: FF border bottom */
padding: 20px;
}

#bd {
	background: #242b2e;
}


#nextlink {
	display:block;
	background: transparent url(../img/linkpfeil.png) no-repeat left center;
	padding:11px 11px 11px 22px;
}
#nextlink:hover {
	background-color: rgba(26,74,85,0.7);
	text-decoration:none;
}

/* EINZELNE SEITEN
----------------------------------------------------------------------------------------------------*/ 
#b1 #n1 a, #b2 #n2 a, #b3 #n3 a, #b4 #n4 a, #b5 #n5 a, #b6 #n6 a, #b7 #n7 a, { /*Aktiver Link*/
	background-color: rgba(26,74,85,0.5);	
	cursor:default;
}

#b1 #br {
	padding:108px 0 0 0;
	width: 960px;	
}
#b1 #nextlink {
margin:0 0 0 480px;
padding:11px 11px 11px 22px;
position:relative;
top:-30px;
}

#b2 #br, #b7 #br {
	background:url('../img/linie-ausgangslage24.png') no-repeat scroll 60px bottom transparent;
}

#b2 #bd {
	background: #242b2e url('../img/wissensarbeiter-pc.jpg') no-repeat scroll top left;
}

#b2 #text {
	margin: 540px 0 0 460px;
	position:relative;
}

#b2 #head2, #b2 #head3 {
float:left;
left:-320px;
position:absolute;
text-align:right;
width:300px;
padding-top:8px; /* gleiche Grundlinie */
}



#b3 #br {
	background:url('../img/linie-ueberblick24.png') no-repeat scroll 220px bottom transparent; 
}

#b3 #bd {
	background: #242b2e url('../img/seminar-ueberblick-fl.jpg') no-repeat scroll top left;
}

#b3 #text {
	margin: 88px 600px 0 0;
	position:relative;
}
#b3 #nextlink {
	position:relative;
	left: 600px;
	top:13px;
}

#b3 #head2 { /*mehr Abstand für die zweite Üebschrift*/
	margin-top:2em;
}



#b4 #text {
	margin: 540px 0 0 0;
}
#b4 #bd {
	background: #242b2e url('../img/seminar-details-pc.jpg') no-repeat scroll top left;
}
#b4 #br {
	background:url('../img/linie-details24.png') no-repeat scroll right bottom transparent;
}
#b4 #nextlink {margin-left:650px;}


#b5 #text {
	margin: 560px 0 0 0;
}
#b5 #bd {
	background: #242b2e url('../img/orths-peters.jpg') no-repeat scroll top left;
}
#b5 #br {
	background:url('../img/linie-orths-peters24.png') no-repeat scroll left bottom transparent;
}
#b5 #nextlink {position:relative; margin-left:470px;}


#b6 #text {
	margin: 532px 0 0 0;
}
#b6 #bd {
	background: #242b2e url('../img/kontakt-pc.jpg') no-repeat scroll 0 108px;
}
#b6 #br {
	background:url('../img/linie-orths-peters24.png') no-repeat scroll left bottom transparent; /*todo*/
}
#b6 #nextlink {
	margin-left:480px;
	padding-left:40px;
} 
#b7 #nextlink {
	margin-left:460px;
}
#b8 #nextlink {
	padding-left:40px;
}
#b6 #nextlink:hover, #b8 #nextlink:hover  {
	background-image:url('../img/pdf-32.png');
}

#b7 #text, #b8 #text, #b99 #text { /*buchen fehler - buchen ok - impressum*/
	margin: 108px 0 0 0;
}



/* EASY SLIDER (jQuery)
----------------------------------------------------------------------------------------------------*/
/* http://cssglobe.com/post/5780/easy-slider-17-numeric-navigation-jquery-slider */

#slider ul, #slider li {
	margin:0;
	padding:0;
	list-style:none;
	}
#slider li { 
	/* 
		define width and height of list item (slide)
		entire slider area will adjust according to the parameters provided here
	*/ 
	width:960px;
	height:480px;
	overflow:hidden; 
	background-color:#111313;
	}	

/* NICHT VERWENDET: BUTTONS		
#prevBtn, #nextBtn,
#slider1next, #slider1prev{ 
	display:block;
	width:30px;
	height:77px;
	position:absolute;
	left:-30px;
	top:71px;
	z-index:1000;
}	
#nextBtn, #slider1next{ 
	left:696px;
}														
#prevBtn a, #nextBtn a,
#slider1next a, #slider1prev a{  
	display:block;
	position:relative;
	width:30px;
	height:77px;
	background:url(../images/btn_prev.gif) no-repeat 0 0;	
}	
#nextBtn a, #slider1next a{ 
	background:url(../images/btn_next.gif) no-repeat 0 0;	
}	
// /*		


/* numeric controls */	
ol#controls{
	margin: 16px 0 0 10px;
	padding:0;
	height:14px;	
}
ol#controls li, ul#controls li.numeric{
	margin:0 8px 0 0; 
	padding:0;
	float:left;
	list-style:none;
/*	height:28px;
	line-height:28px;
*/}
ol#controls li a, ul#controls li.numeric a{
	float:left;
	height:14px;
	width:14px;
	line-height:14px;
/*	border:1px solid #ccc;*/
	background:#49595f;
	color:#49595f;
	padding:0;
	text-align:center;
	text-decoration:none;
	-moz-border-radius: 7px; /* rund FF */
	-webkit-border-radius: 7px;	/* rund WK */
	font-size:11px;
}
ol#controls li.current a, ul#controls li.current a{
	background:#fff;
	color:#fff;
}
ol#controls li a:focus, ul#controls li.numeric a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}

ul#controls {
	height: 30px;
	margin-left: -40px;
}




/* DEBUG
----------------------------------------------------------------------------------------------------*/ 
.todo {color:Red;}