/**** LINK-tag style sheet basic2.css ****/

/**** div style zur kontrolle,  auskommentiert ****/

 /*div { border: 1px solid #333;}*/
 
/* *** FLAECHENFARBE *** */

/*
diese koennen auch den hauptelementen direkt zugeordnet werden
um alle farben zentral zu verwalten
*/

@media screen
{

/* *** basisfarbe weiss *** */

.default
{
background-color: #fff;
}

/* *** leitfarben *** */

/* leitfarbe1 blau  */

.color1,
#logo,
#galery
{
background-color: #033f98;
}

.color1_2,
#top
{
background-color: #abbbdc;
}

.color1_3,
#galery_image
{
background-color: #c2cee5;
}


/* schmuckfarbe gelb  */ 
     		
.color2
{
background-color: #f9b700;
}

/* *** basisfarben misc *** */

.misc1
{
background-color: #000;
}

.misc2
{
background-color: #333;
}

.misc3
{
background-color: #666;
}

.misc4
{
background-color: #999;
}

.misc5
{
background-color: #ccc;
}

.misc6
{
background-color: #eee;
}

/* *** basiseinstellungen fuer body *** */

body
{
margin: 24px 0;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
background: url(/images/basics/bg-1.gif) repeat-x;
background-color: #033f98;
}
body .home
{
background: url(/images/basics/bg-1_home.gif) repeat-x;
border:10px solid black;
}
.bg
{
background: url(/images/basics/bg-1_home.gif) repeat-x;
background-color: #033f98;
}

/* IE macht tabelle nur mit "text-align: center;" mittig */
/* *** basiseinstellungen fuer spezifische elemente *** */

a
{
color: #033f98;
text-decoration: none;
}
a:hover
{
color: #333;
text-decoration: underline;
}

p, 
br
{
padding: 0px;
margin: 0px;
}


ul
{
margin: 0;
padding: 0;
list-style: none outside;
}
/* h1 idTitel */
h1
{
font-size: 13px;
color: #033f98;
padding: 10px 0;
margin: 10px 0;
}
/* h2 blockTitel */
h2
{
color: #333;
font-size: 12px;
padding: 3px 0;
margin: 3px 0;
}
/* h3 boxTitel */
h3
{
color: #333;
font-size: 12px;
padding: 0;
margin: 0;
}
/* h4 fuer datumsangaben */
h4
{
color: #666;
font-size: 11px;
padding: 0;
margin: 0;
}
/* h5 fuer ortsangaben */
h5
{
color: #666;
font-size: 11px;
padding: 0;
margin: 0;
}
/* h6 fuer bildtitel */
h6
{
color: #333;
font-size: 11px;
padding: 0;
margin: 0;
font-weight: normal;
}

/* *** die hauptcontainer *** */

/* 
der umschliessende container, die basistabelle, positionierung
border-color zur kontrollangabe beeinflusst die width-angaben 
*/


#decker
{
float: left;
position: absolute;
top: 180px;
left: 0;
width: 700px;
height: 200px;
background: url(/images/basics/bg-2.gif) repeat-x;
z-index: 0;
}

#base 
{
width: 800px;
position: relative;
display: block;
margin: 0 auto;
text-align: left;
z-index: 1;
}

/* 
IE macht nach body-angabe alles mittig, daher: text-align: left um den effekt aufzuheben 
*/

/* ***  layout basiscontainer horizontal, zeilen *** */

.baseBlock
{
float: left;
clear: both;
width: 800px;
}

/* *** header *** */

#top
{
height: 25px;
text-align: right;
font-size: 10px;
}

/* *** inhalte main basiscontainer *** */

#main
{
background-color: #fff;
}

/* *** margin-spalte *** */

#margin
{
float: left;
width: 225px;
padding:0;
margin: 0;
}

.marginBlock
{
float: left;
width: 225px;
padding: 0;
margin: 0;
border: 0px solid red;
}

#banner
{
margin-top: 10px;
}

#menu
{
width: 200px;
text-align: left;
border-bottom: 1px solid #033f98;
margin-bottom: 5px;
margin-top: 15px;
}

/* *** content-spalte *** */

#content
{
float: right;
width: 575px;
padding: 0;
margin: 0;
}

.contentBlock
{
float:left;
width: 575px;
clear: both;
}

/* *** copy block siehe unten *** */


/* *** footer *** */

#footer
{
height: 20px;
}

#bottom
{
height: 15px;
}

/* *** ende hauptlayout start boxinhalte *** */

/* **** inhalte top *** */

/* *** sprachnavigation *** */


#language ul
{
float: left;
width: 225px;
padding: 0;
margin: 0;
}

#language ul li
{
float: left;
width: 25%;
font-size: 10px;
font-weight: bold;
text-align: center;


}

#language  a
{
display: block;
text-decoration: none;
padding: 5px 0;
color: #fff;
}

#language  a:hover
{
color: #033f98;
}

/* *** servicenavigation *** */

#service
{
float: right;
width: 500px;
}

#service ul
{
float: right;
width: 550px;
border-right: 1px solid #fff;
}

#service ul li
{
float: right;
height: 25px;
font-size: 9px;
font-weight: normal;
letter-spacing: 1px;
background-color: #c2cee5;
border-left: 1px solid #fff;
border-top: 1px solid #fff;
}

#service  a
{
color: #033f98;
display: block;
margin: 0;
padding: 5px 10px;
text-decoration: none;
}

#service  a:hover
{
background-color: #abbbdc;
color: #fff;
}

/* **** inhalte main margin *** */

/* *** logo bild und h1 *** */

#logo
{
height: 130px !important;
height: 132px;
border-width: 1px 0 1px 1px;
border-style: solid;
border-color: #fff;
text-align: center;
}

#logo h1 a
{
font-size: 12px;
color: #cc3300;
background: url(/images/basics/logo.gif) no-repeat;
width: 185px;
height: 79px;
margin-top: 25px;
}

/* 
schrift in logo verstecken, nur fuer textbrowser
*/

#logo h1 span
{
display: none;
}

/* *** headbox *** */

/*
hier nur border nach oben und abstand
*/

#headbox
{
height : 80px;
text-align: left;
border-top: 5px solid #abbbdc;
font-size: 0;
}
.home #headbox
{
height : 38px;
}

#headmarker
{
width: 40px;
position: relative;
top: -5px;
border-top: 5px solid #f9b700;
}



/* *** inhalt marginbloecke *** */

/*.marginBlock h1
{
font-size: 11px;
color: #666;
padding: 0  0 10px 20px;
margin: 0;
vertical-align: bottom;
font-weight: bold;
text-align: left;
}*/

.marginBlock h1
{
clear: both;
font-size: 13px;
color: #b2bed5;
padding: 0  0 10px 20px;
margin-bottom: 0;
vertical-align: bottom;
font-weight: bold;
text-align: left;
}

.marginBlock h2,
.marginBlock h3,
.marginBlock h4
{
font-size: 10px;
padding: 0  0 10px 20px;
margin: 0;
}
.marginBlock h5
{
font-size: 13px;
color: #0C3F98;
padding: 0  0 10px 20px;
margin-bottom: 0;
vertical-align: bottom;
font-weight: bold;
text-align: left;
}
.marginBlock h6
{
font-size: 13px;
color: #033F98;
padding: 10px 0 5px 20px;
margin-bottom: 0;
vertical-align: bottom;
font-weight: bold;
text-align: left;
}

/* *** menu linke spalte: hier anordnung ohne listen *** */

.menu1 a
{
font-size: 11px;
font-weight: bold;
color: #666;
padding: 5px 0 5px 20px;
text-decoration: none;
display: block;
border-top: 1px solid #033f98;
}

.menu1 a:hover
{
color: #033f98;
text-decoration: none;
background-color: #c2cee5;
border-top: 1px solid #033f98;
}

.submenu
{
display: none;
margin: 0 0 5px 0;
padding: 0 0 5px 0;
border-top: 1px solid #033f98;
}

.submenu h2
{
font-size: 10px;
font-weight: bold;
color: #666;
padding-top: 5px;
padding-left: 25px;
text-decoration: none;
display: block;
border-top: 0px solid #999;
}

.submenu a
{
background: url(/images/basics/menuepfeil.gif) no-repeat;
font-size: 10px;
font-weight: normal;
color: #666;
padding: 5px 10px;
margin-left: 25px;
text-decoration: none;
border-width: 0px;
}

.submenu a:hover
{
color: #033f98;
text-decoration: none;
background-color: transparent;
border-width: 0px;
}

/* *** menu in der sitemap *** */

#sitemap .menu1 h1
{
clear: both;
padding: 2px 0 2px 10px;
margin: 0;
width: 255px ! important;
width: 265px;
background-color: #abbbdc;
color: #fff;
}

#sitemap .menu1 a
{
padding: 2px 0 2px 10px;
margin: 0;
clear: both;
width: 255px ! important;
width: 265px;
font-weight: bold;
}

#sitemap .submenu
{
display: block;
clear: both;
width: 255px ! important;
width: 265px;
padding-left: 10px;
margin: 0;
}

#sitemap .submenu h2
{
margin:0;
padding: 0;
}

#sitemap .submenu a
{
width: 240px;
padding: 0 0 0 10px;
margin: 0;
font-weight: normal;
}





/*** marginboxen***/

.marginBox,
.marginBlock .copyText
{
float: left;
width: 200px;
margin: 5px 0;
padding: 0;
font-size: 10px;

}

.marginBox img
{
/*width: 200px;*/
margin: 0 0 10px 0;
padding: 0;


}


.marginBox p,
.marginBlock .copyText p
{
float: right;
width: 180px;
margin-bottom: 3px;
padding-bottom: 3px;
font-size: 10px;
}

.marginBlock a.copyDownload,
.marginBlock a.copyLink
{
display: block;
font-size: 10px;
font-weight: bold;
padding-top: 4px;
}

#infoBox
{
margin-top: 20px;
}

#infoBox a
{
font-weight: normal;
}


#infoBox .marginBox,
#banner .marginBox
{
border-bottom: 1px solid #999;
border-top: 0x solid #033f98;
margin-bottom: 10px;
}
#infoBox h1,
#banner h1
{
color: /*#f9b700*/#033f98;
}

.teaser75 .copyText
{
float: right;
width: 115px;
padding: 0;
margin: 0;
}
.teaser75 img
{
float: left;
width: 74px;
}



#margin .newLineBorder
{
width: 200px;
}

/* **** inhalte main content *** */

/*** leitbild mood ***/

#mood
{
height: 180px;
height: 182px ! important;
font-size: 0px;
}

#mood img
{
border: 1px solid #fff;
height: 180px;
width: 573px;
}

#mood .flash
{
border-top: 1px solid #fff;
border-left: 1px solid #fff;
font-size: 0px;
height: 180px;
width: 573px;
}

.home #mood
{
height: 278px;
height: 280px ! important;
font-size: 0px;
}

.home #mood img
{
border: 1px solid #fff;
height: 278px;
width: 573px;
}

/* für die bilder auf den startseiten en/fr/es */

.home #mood300
{
height: 300px;
height: 302px ! important;
font-size: 0px;
}

.home #mood300 img
{
border: 1px solid #fff;
height: 300px;
width: 573px;
}

/* *** hauptnavigation  liste *** */

#navi
{
height: 44px;
border-top: 5px solid #f9b700;
}

#navi ul
{
float: left;
position: relative;
top: -5px;
}

#navi ul li
{
float: left;
font-size: 11px;
font-weight: bold;
letter-spacing: 1px;
text-align: center;
border-right: 1px solid #fff;
}

#navi  a
{
background-color: #033f98;
color: #fff;
display: block;
margin: 0;
border-top: 5px solid #abbbdc;
text-decoration: none;
}

#navi  a:hover
{
background-color: #abbbdc;
color: #033f98;
border-top: 5px solid #f9b700;
}


/*** seitentitel auf seite = menuetitel ***/

#pageTitle /*h1*/
{
font-size: 16px;
font-weight: normal;
color: #969696;
padding: 5px 0;
margin: 0;
}

/*
#pageTitle h2
#copy h1
{
font-size: 13px;
font-weight: bold;
color: #033f98;
padding: 0;
margin: 0 0 15px 0;
}
*/
					
/*** copy inhalte - der eigentliche inhaltsbereich ***/

#copy
{
font-size: 12px;
color: #333;
letter-spacing: 0;
line-height: 150%;
}

/* ***copy basiseinstellungen *** */



#copy h1
{
float: left;
width: 550px;
border-top: 1px solid #033f98;
margin-right: 25px;
}

.aktion
{
background:#F9B700;
color:red;
}
.aktion p
{
padding:4px;
}
.aktionHL
{
background:red;
color:white;
padding:4px;
font-weight:bold;
font-size:10pt;
display:block;
}


#copy h2
{
display: block;
clear: both;
padding-bottom:  5px; 
margin-bottom: 5px;
}

#copy p
{
margin: 3px 0;
/*padding-bottom: 5px;*/
}

#copy ul
{
list-style: square outside;
padding: 10px 0 5px 15px;
margin-bottom: 5px;
}

#copy ul li
{
padding-left: 0;
color: #000;
}

#copy img,
#copy a img
{
border: 1px solid #000;
margin-bottom: 5px;
}

#copy a:hover img
{
}

a.copyLink 
{
display: block;
background: url(/images/basics/linkpfeil.gif) no-repeat;
font-size: 11px;
font-weight: bold;
padding: 2px 0 5px 10px;
margin: 0;
}
	
a.copyDownload
{
display: block;
background: url(/images/basics/downloadpfeil.gif) no-repeat;
font-size: 11px;
font-weight: bold;
padding: 2px 0 10px 20px;
margin: 0;
text-decoration: none;
border-width: 5px 0px;
}
					
a.copyButton 
{
border: 1px solid #000;
background-color: #c2cee5;
padding: 2px 5px;
margin: 5px 0;
font-size: 11px;
font-weight: bold;
}

/*** copyBox standard absatz paragraph ***/

/*** copyBlock standard section ***/

.copyBlock
{
float: left;
clear: both;
width: 575px;
margin: 0;
padding: 0;
}



/*** Absatz ausrichtungen allgemein ***/

.copyLeft,
.imgRight .copyText,
.imgLeft img
{
float: left;
margin-right: 5px;
}

.copyRight,
.imgLeft .copyText,
.imgRight img
{
float: right;
margin-left: 5px;
}
.copyCenter
{
float: left;
margin-left: 5px;
margin-right: 4px;
margin-bottom: 10px;
}



/*.copyRight img
{
margin-left: -2px ! important;
margin-left: 0px;
}*/
	
/*** mehrspaltige elemente ***/
/* standard box */
.copyBox
{
float: left;
clear: both;
width: 550px;
}
.copyText
{
}

/* spezielle column-elemente in verbindung mit copyRight - copyLeft */
/* teaser-elemente regeln gesamte bereiche durch angabe in umgebendem Block*/
/* columns sind boxen die text/bild enthalten koennen */
/* teaser-listen sind charakterisiert durch eine column nur bild, eine nur text */

.copyBox50,
.teaser5050 img,
.teaser5050 .copyText
{
width: 268px ! important;
width: 268px;
}

.copyBox30,
.teaser3060 img
{
width: 175px ! important;
width: 175px;
font-size: 11px;
}

.teaser3060 .copyText
{
width: 363px ! important;
width: 363px;
}

.copyBox25,
.teaser2575 img
{
width: 130px ! important;
width: 130px;
}
.copyBox20
{
width: 18%;
}
.copyBox75,
.teaser2575 .copyText
{
width: 408px ! important;
width: 408px;
}

/* sonderstil history*/
.teaserHistory img
{
width: 180px ! important;
width: 180px;
}

.teaserHistory .copyText
{
width: 350px ! important;
width: 350px;
}


/*** tabelle als copyBox ***/

.copyBox td
{
font-size: 0.75em;
text-align: right;
border-top: 1px solid #ddd;
}

.copyBox td h2
{
color: #033f98;
}

.copyBox td h3
{
text-align: left;
}						

/* *** teaserlisten spezial *** */
				
/* *** history *** */

/* *** news *** */

/* *** projects *** */

/* *** shop *** */
.shopList
{
font-size: 11px;
}
.shopList .copyRight
{
text-align: right;
}

.shopList h5
{
color: #000;
}
/* *** dates *** */

/* *** dates *** */
	
#copy .date,
#copy .date ul
{
float: left;
width: 550px;
clear: both;
padding: 0;
margin: 10px 0;
}

#copy .date ul
{
padding: 0;
margin: 0;
}

#copy .date li
{
padding: 0;
margin: 0;
float: left;
list-style: none outside;
}
#copy .date ul li
{
padding: 10px 0;
border-bottom: 1px solid #ddd;
}
#copy .date h2
{
background-color: #c2cee5;
margin: 0;
padding: 5px;
border-bottom: 1px solid #033f98;
}

#copy .date h3 
{
float: left;
width: 180px;
font-size: 11px;
}

#copy .date h5 
{
float: left;
width: 200px;
}

#copy .date h4 
{
float: right;
width: 125px;
text-align: right;
}
#copy .date h6 

{
display: block;
clear: both;
width: 180px;
padding-top: 0;
}
					
/* *** contact *** */
					

					



/* *** sonderelemente trenner als p eingesetzt *** */
.newLine,
.newLineBorder
{
display: block;
clear: both;
}
.newLineBorder
{
border-bottom: 1px solid #fff;
border-top: 1px solid #999;
}



/* *** sonderformatierungen *** */
#copy .comment
{
font-size: 9px;
}
#copy .ikon
{
display: block;
text-align: center;
}
#copy .ikon img,
#copy .ikon a img 
{
border-width: 0px;
}


#copy .lang
{
font-size: 9px;
padding-top: 10px;
}


/* *** links oben und unten auf der seite *** */
.pageNavi
{
float: left;
width: 550px;
display: block;
color: #000;
font-weight: bold;
font-size: 10px;
padding: 0 0 5px 0;
border-bottom: 1px solid #999;
}

#pageBottom
{
border-width: 0px;
}

#pageTop
{
margin-bottom: 5px;
}

.pageNavi select
{
float: right;
font-size: 11px;
border-top: 1px solid #ddd;
border-left: 1px solid #ddd;
padding: 2px;
}



.pageNavi a
{
margin: 0;
color: #033f98;
padding: 3px 0;
font-weight: normal
}

.pageNaviLeft
{
width: 275px;
float: left;
display: block;
padding: 5px 0;
}

.pageNaviRight
{
width: 275px;
float: right;
text-align: right;
display: block;
padding: 5px 0;
}

/*** formtest ***/
				
.copyForm
{
float: left;
width: 550px;
border: 1px solid #999;
background-color: #efefef;
padding-bottom: 0;
}

.copyForm .copyBox
{
float: left;
width: 530px ! important;
width: 550px;
vertical-align: middle;
border-top: 1px solid #fff;
border-bottom: 1px solid #ccc;
padding: 5px 0 5px 20px;
margin: 0;
}
.copyForm .copyBox50
{
margin: 0;
padding: 0;
width: 260px;
}


.copyForm .copyText
{
display: block;
padding: 5px 0;
}
.error
{
color: #e50000;
font-style: italic;
}



.copyForm input,
.copyForm textarea
{
font-size: 11px;
padding: 3px;
margin: 0;
width: 99%;
}
.copyForm .radio input,
.copyForm .check input
{
font-size: 1em;
vertical-align: middle;

margin: 5px 0 5px 5px;
width: auto;
}
.copyForm .small
{
width: 24%;
}
.copyForm .medium
{
width: 72%;
}
.copyForm .button
{
font-size: 11px;
font-weight: bold;
padding: 5px 15px;
margin: 5px 0;
width: auto;
color: #000;
background-color: #d6e0f3;
}




/* *** ebenenabhaengige anzeige-einstellungen *** */

/*
 kann in nav.css ausgelagert werden 
 */

/*regelt welcher sprachversion angezeigt wird*/

#navi .de,
#navi .en,
#navi .fr,
#navi .es,
#logo .de,
#logo .en,
#logo .fr,
#logo .es,
#service .de,
#service .en,
#service .fr,
#service .es
{
display: none;
}

#de #navi  a
{
padding: 8px 12px;
}

#fr #navi a,
#en #navi a,
#es #navi a
{
padding: 8px 7px;
}

#es #navi a
{
padding: 8px 5px;
}

#de #navi .de,
#en #navi .en,
#fr #navi .fr,
#es #navi .es
{
color: #fff;
font-weight: bold;
}


#de #language .de,
#en #language .en,
#fr #language .fr,
#es #language .es
{
color: #033f98;
font-weight: bold;
}

#de .de,
#en .en,
#fr .fr,
#es .es
{
display: block;
}
#language
{
}
/* 
e regelt welche hauptnavigationsebene n hervorgehoben wird 
*/

.e1 #navi .n1,
.e2 #navi .n2,
.e3 #navi .n3,
.e4 #navi .n4,
.e5 #navi .n5
{
border-top: 5px solid #f9b700;
}

/* 
se regelt welche servicenavigationsebene sn hervorgehoben wird 
*/
.se0 #service .sn0,
.se1 #service .sn1,
.se2 #service .sn2,
.se3 #service .sn3,
.se4 #service .sn4,
.se5 #service .sn5,
.se6 #service .sn6,
.se7 #service .sn7,
.se8 #service .sn8
{ background-color: #abbbdc; 
}

/* 
me regelt welches menue m ausgehend von der internen menueebene hervorgehoben wird 
*/

.me1 #m1,
.me2 #m2,
.me3 #m3,
.me4 #m4,
.me5 #m5,
.me6 #m6,
.me7 #m7,
.me8 #m8
{
color: #033f98;
text-decoration: none;
background-color: #c2cee5;
border-bottom: 1px solid #ccc;
}

/*sm regelt welcher submenuebereich sm ausgehend von der internen menueebene angezeigt wird*/

.me1 #sm1,
.me2 #sm2,
.me3 #sm3,
.me4 #sm4,
.me5 #sm5,
.me6 #sm6,
.me7 #sm7,
.me8 #sm8
{
display: block;
}

/*
sme regelt welches submenue s ausgehend von der internen submenueebene hervorgehoben wird
*/
					
.sme1 .s1,
.sme2 .s2,
.sme3 .s3,
.sme4 .s4,
.sme5 .s5,
.sme6 .s6,
.sme7 .s7,
.sme8 .s8,
.sme9 .s9,
.sme10 .s10,
.sme11 .s11
{
color: #033f98;
font-weight: bold;
display: block;
}

/* *********** galery************** */
#galery
{
margin: 0;
text-align: center;
letter-spacing: 1px;
}

#galery_base
{
position: relative;
margin: 5px auto;
width: 600px;
}

#galery_title
{
height: 45px;
}

#galery_title h1
{
font-size: 14px;
color: #033f98;
padding: 15px;
letter-spacing:0;
}

#galery_image
{
position: relative;
margin: 0 auto;
width: 600px;
height: 500px;
border-top: 1px solid #666;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
border-left: 1px solid #666;
}

#galery_image .mitte
{
width: 100%;
height: 100%;
text-align: center;
vertical-align: middle;
}

#image
{
border: 1px solid #000;
}

#image_text
{
display: block;
height: 30px;
padding: 10px 0;
font-size: 12px;
color: #fff;
}

#galery_navi
{
height: 30px;
}

#galery_arrows
{
float: left;
width: 100px;
height: 30px;
padding: 0 15px;
vertical-align: middle;
}

#galery_arrows a
{
float: left;
font-size: 0px;
padding-right: 15px;
}

#galery_nums
{
float: right;
text-align: right;
width: 400px;
padding: 0 15px;
font-size: 12px;
color: #fff;
}

#galery_nums a
{
color: #fff;
}

#galery_nums .bold
{
font-weight: bold;
color: #f9b700;
}



/******
f?r die Vorschau in der Redaktion
******/
#baseRedaktion 
{
width: 600px;
position: relative;
display: block;
margin: 0 auto;
text-align: left;
z-index: 1;
}

.baseBlockRedaktion
{
float: left;
clear: both;
width: 600px;
}


}

/* printausgabe  */


@media print
{

#language, 
#service, 
#navi, 
#menu, 
#headbox, 
#decker,
.noPrint,
.pageNavi
{
display: none;
}

#base, #content, .marginBox, p
{
display: block; 
width: 100%; 
margin: 10pt 0; 
padding: 0;
font-family: verdana, arial, helvetica;
font-size: 10pt; 
}

h1
{
font-size: 12pt;
margin: 10pt 0;
}
h2
{
font-size: 11pt;
margin: 5pt 0;
}

h3
{
font-size: 10pt;
margin: 0;
}
h4, h5, h6
{
font-weight: normal;
font-size: 10pt;
margin: 0;
}

#logo h1 span
{
display: block;
width: 100%;
margin: 0;
padding: 0;
}

ul
{
display: block;
list-style: square inside;
width: 100%;
margin: 3pt 0;
padding: 0;
}



}
/* imagefilm  */
#film
{
margin: 0;
text-align: center;
}

#film_base
{
position: relative;
margin: 5px auto;
width: 600px;
}

#film_title
{
height: 45px;
}

#film .mitte
{
width: 100%;
height: 100%;
text-align: center;
vertical-align: middle;
}
#film_box
{
position: relative;
margin: 0 auto;
padding:0;
width: 620px;
height: 500px;
background-color:white;
border-top:5px solid #f9b700;
}
#player
{
margin-top:20px;
}
#filmmenu
{
width: 225px;
text-align: left;
border-bottom: 1px solid #033f98;
margin-bottom: 25px;
margin-top: 15px;
}

.filmBlock
{
float: left;
width: 225px;
padding-top: 10px;
margin: 0;
}
.filmBlock h1
{
font-size: 12px;
padding: 0  0 10px 20px;
margin: 0;
}

.din
{
padding-top:20px;
}
.blau
{
color: #033f98;
}
.kleintext
{
font-size:10px;
}
.headnoline
{
font-size: 13px;
color: #033f98;
padding: 8px 0;
margin: 8px 0;
font-weight:bold;
}