/* :.:..........:.:.........................: */
html{}
body{font-family:Arial, Helvetica, sans-serif; font-size:12px; height:100%; color:#202020;} 

/* ..........................
... ::: HAUPTELEMENTE ::: ... 
.......................... */
h1, h2, h3, h4, h5, h6{color:#202020; margin-bottom:12px; line-height:normal; font-weight:normal;}
h1{font-size:28px;}
h2{font-size:24px;}
h3{font-size:21px;}
h4{font-size:16px;}

p{margin-bottom:14px; line-height:17px;}

a{text-decoration:underline; color:#879bb2;}
a:hover{text-decoration:none; color:#000;}

a img, img{border:0;}
hr{clear:both; border:0; border-top:1px dotted #ccc;}

.fl_left{float:left;}
.fl_right{float:right;}

img.fl_left{margin:0 15px 10px 0;}
img.fl_right{margin:0 0 10px 15px;}

.clearer{clear:both;}

.yellow{color:#F6A418;}
.red{color:#9c0823;}
.grey{color:#202020;}
.blue{color:#879bb2;}

td{vertical-align:top;}

.small{color:#202020; font-size:16px; line-height:24px;}
.small10{font-size:10px;}

h1 .small{font-size:21px;}
h1 .blue{color:#879bb2;}
.datum, .info{font-size:16px; line-height:21px; margin-bottom:0px;}

/* ....................................
... ::: ALLGEMEINE CSS STRUKTUR ::: ... 
.................................... */
#mainbox{position:relative; display:block; width:960px; min-height:500px; margin:50px auto 25px; padding:0px; background:url(../img/logo_pret_a_ecouter.gif) top right no-repeat;}

body.start{background:url(../img/startseite2.jpg) center repeat #fff; width:100%; height:100%;}

body#startseite #mainbox{/*background:url(../img/bg_start1.jpg) center 67px no-repeat #fff; height:805px;*/}			
/* .........................
... ::: CSS ELEMENTE ::: ... 
......................... */
ul#navigation_history{clear:both; position:absolute; left:960px; top:0;}
ul#navigation_history li{display:inline; }
ul#navigation_history li a{display:block; margin-bottom:1px; color:#7D7D7D; background:url(../img/bg_mainbox.png) repeat; padding:6px 8px; text-decoration:none; font-size:11px;}
ul#navigation_history li a:hover{background:#fff; color:#000;}


ul#mainnavigation{clear:both; position:absolute; left:10px; top:10px;}
ul#mainnavigation li{display:inline;}
ul#mainnavigation li a{float:left; display:block; margin-right:1px; color:#333; background:url(../img/bg_mainbox.png) repeat; padding:10px 10px; text-decoration:none; }
ul#mainnavigation li a:hover{color:#879bb2;}
ul#mainnavigation li.active a{color:#879bb2;}

ul#mainnavigation li.space a{background:none;}

.bild{position:absolute; top:214px;}

ul.programmnavigation{clear:both; position:absolute; padding:0 0px; /*top:493px;*/ top:715px; background:#fff;}
ul.programmnavigation li{display:inline; float:left; line-height:16px;}
ul.programmnavigation li a{float:left; display:block; color:#222222; background:url(../img/bg_programmnavi.gif) top left no-repeat #fff; padding:10px 6px 0px; width:75px;  min-height:130px; text-decoration:none;}
ul.programmnavigation li a strong{color:#879bb2; font-size:14px;}
ul.programmnavigation li a:hover, ul.programmnavigation li a:hover strong{color:#fff; background:#879bb2;}
ul.programmnavigation li a.active, ul.programmnavigation li a.active strong, 
ul.programmnavigation li a.current, ul.programmnavigation li a.current strong{color:#fff; background:#879bb2;}
ul.programmnavigation li.programmpkt{float:left; width:24px; height:114px; overflow:hidden; background:#879bb2;}
ul.programmnavigation li.last a{margin-right:0px; padding:10px 8px 0 7px;}

/* SUBSITE */

#programmsite ul.programmnavigation{clear:both; position:absolute; padding:0 0px; /*top:493px;*/ top:214px; background:#fff;}

#content{position:absolute; top:355px; background:#fff; width:960px; padding-bottom:20px;}

#subsite #content{position:absolute; top:214px; background:#fff; width:920px; padding:20px;}
.col{width:440px; float:left;}
.one{margin-right:40px;}

ul.navigation_links{margin-top:20px;}
ul.navigation_links li{display:inline;}
ul.navigation_links li a{ padding:10px 5px 5px; background:#eee; text-decoration:none;}
ul.navigation_links li a:hover{color:#fff; background:#879bb2;}

table.sponsoren td{}