* {margin: 0; padding: 0}
a {color: #0242b6}
a:hover {color: #maroon}
body {font-size: 13px; line-height: 130%;color: #000; font-family: Helvetica; background-color: #306eab;}
#box {background-position: left 50%; position: absolute; left: 50%; width: 960px; height: 150px; margin-left: -480px;background-color: #5592CF;}

#header { width: 960px; height: 100px; background-color: #5592cf; background-image: url(basisdesign/headerbild3.gif); background-repeat: no-repeat;}
#beam { width: 960px; height: 53px; position: absolute; top: 97px; /*background-color: #85c7f4;*/ background-image: url(basisdesign/bgbeam.gif); background-repeat: repeat-x;}
#beam h3 { position: absolute; top: 0; /*left: 5px;*/ width: 180px; height: 50px; background-image: url(basisdesign/leporello-sz-beam2.gif);font-size: 0;/* sinnvoll als h3??*/}

#subnavigation { font-weight: bold; width: 600px; height: 33px; position: relative; top: 0; left: 180px; /*border-left: 1px solid #5592cf;*/}
#subnavigation ul { line-height: 33px; float: left;  font-size: 12px;list-style: none; float: left; padding: 0; margin: 0;/*background-image: url(http://www.parkweg.ch/leporello/basisdesign/bghead.gif); */background-position: right 0; display: block;}
#subnavigation ul li { width: auto; float: left; text-align: center; /*border-right: 1px solid #5592cf;*/ /*padding: 0; margin: 0;*/background-image: url(basisdesign/bghead.gif);}
#subnavigation ul li a {/*line-height: 33px;background-image: url(basisdesign/bghead.gif); background-position: right 0; */display: block; text-decoration: none; color: #152028; padding: 0 16px 0 10px;}
#subnavigation ul li a:hover { line-height: 33px; color: #000; background-image: url(basisdesign/bghead.gif); background-position: right -60px; display: block; padding: 0 16px 0 10px;}
.aktiv {color: #152028; font-weight: bold;  background-image: url(basisdesign/bghead.gif); background-position: right -120px;}

#subnavigationbottom { width: 600px; height: 20px; position: absolute; top: 130px; left: 180px; background-color: white; z-index: 10;}
#filterline {padding-left:10px; width: 590px; height: 30px; }
#filter {position: absolute; top: 104px; left: 550px; width: 230px; height: 30px;font-size: 70%; text-align: right;}

#wrapper { width: 960px; position: absolute; top: 150px; background-color: #5592cf; background-image: url(basisdesign/bgwrapper.gif); background-repeat: repeat-y; }

#navigation {float: left;margin-top: 5px;font-weight: bold;}
#navigation ul {width: 180px; line-height: 40px;  float: left; margin-bottom: 15px;}
#navigation li {list-style: none;}
#navigation li a { padding-left: 30px; list-style: none; text-decoration: none; color: #000000; background-color: #5592CF; background-image: url(basisdesign/bgnavigation.gif); background-repeat: repeat-x; display: block; z-index: 1000;}
#navigation li a:hover { padding-left: 30px; list-style: none; text-decoration: none; color: #000000; background-color: #5592CF; background-image: url(basisdesign/bgnavigation.gif); background-repeat: repeat-x; display: block; background-position: 0 -60px; z-index: 1000;}
.navigationaktiv {font-weight: bold; padding-left: 30px; list-style: none; text-decoration: none; color: #000000; background-color: #5592CF; background-image: url(basisdesign/bgnavigation.gif); background-repeat: repeat-x; display: block; background-position: 0 -60px; z-index: 1000;}

#content {float: left; width: 600px; background-color:#fff; }
.contenttext { width: 420px;margin-left: 90px;} /*noch pruefen*/
.contentpic {width: 70px; margin-right: 10px;}


.multimedia_container{text-align:center;}

.event { width: 580px; background-color: #fff; padding: 10px; border-bottom: 1px solid #bbb;  float: left; }
.eventblau{ width: 580px; background-color: #f1f8ff; padding: 10px 10px 10px 10px; border-bottom: 1px solid #bbb; float: left;}

.rubrik { color: #666; position: absolute; left: 680px; width: 80px; text-align: right; font-size: 85%; z-index: 1000;}

.eventimage {float: left; width: 70px; margin-right: 10px;}
.eventimage p {font-size: 85%; padding-top: 5px;}
.eventcontent {float: left; width: 490px;left: 10px; }
.auszeichnung {font-weight: bold;}
.eventcontent h1  {font-size: 22px; line-height: 30px;}
.contenttextpic h1  {font-size: 22px; line-height: 30px;}
.contenttextpic {padding:0 12px 0 12px}


/* Zusatz Detailseite
.eventimagedetail {float: left; width: 140px; margin-right: 10px;}
.eventcontentdetail {float: left; width: 420px;left: 10px; }
.eventcontentleaddetail {font-size: 120%; font-weight: bold; color: #666;padding-top: 10px;}
*/

#sidebar {float: left; width: 170px; }
.veranstalter { margin: 10px 10px 10px 12px; padding-bottom: 10px; /*border-bottom: 1px solid #436886;margin: 10px 10px 0; background-color: #85c7f4; border-top: 1px solid #436886; border-left: 1px solid #436886;*/ }
.veranstalter h3 {font-size: 12px; color: #000000;}

.tx-werbungrechts-pi1 {margin-bottom:20px;}
#werbebannerrechts_image { margin-bottom: 5px; }
#werbebannerrechts_text {margin-top: 1px; }

#footer { clear: both; background-color: #5592cf; font-size: 85%; color: #0d4d8c; text-align: center; line-height: 40px; background-image: url(basisdesign/bgfooter.gif); background-repeat: repeat-x; background-position: 0 bottom; }
#footer a {text-decoration: none;color: #0d4d8c; }
#footer a:hover {text-decoration: none;color: #fff; }

a[href^="http:"] {background: url(http://www.parkweg.ch/design/externallink.gif) no-repeat right top; padding-right: 10px;font-weight: normal;}
a[href$="pdf"] {background: url(http://www.parkweg.ch/design/pdf.gif) no-repeat right top; padding-right: 16px;font-weight: normal;}
a[href$="doc"] {background: url(http://www.parkweg.ch/design/doc.gif) no-repeat right top; padding-right: 10px;font-weight: normal;}
a[href^="javascript:linkTo_UnCryptMailto"] {background: url(http://www.parkweg.ch/design/mail.gif) no-repeat right top; padding-right: 14px; color: #000000;font-weight: normal;}

#banner {width: 468px; height: 60px; position: absolute; left: 492px; top: 10px;}
:focus {outline: 0;}
.kkulturpass{ 
position:absolute;
left:700px;
margin:20px 0 0 0 ;

}