/* Layout */
*{margin: 0; padding: 0; border:0; outline: none;}
html{min-height: 100%; background:#ffd9a6 url(../images/bg_effekt_footer.png) center bottom no-repeat; font-family: "Myriad Pro", Helvetica, Arial, sans-serif;}
body{min-height: 100%; background: url(../images/bg_effekt_header.png) center top no-repeat; }
a{color:#6e99fe; text-decoration:none;}
a:hover {text-decoration: underline;}
fieldset {border: 1px solid #000; padding: 5px;-moz-border-radius:5px;margin: 20px 0 0 0;}
input, textarea{border: 1px solid #000;-moz-box-shadow:0 2px 2px 0 #000;-webkit-box-shadow:0 2px 2px 0 #000;-khtml-box-shadow:0 2px 2px 0 #000;-o-box-shadow:0 2px 2px 0 #000; margin: 0 5px 5px 0;display: block;}
label{display:block;font-weight: bold;}
hr{border-top: 1px dashed #999;}
em{font-style:italic;}
strong{font-weight: bold;}

/*---------------------------------------------------*/
div.container{width: 890px;margin: auto;position: relative; padding-top: 116px;}
div.containerAll{margin: auto; top: 116px; background: #ffe2bb; border: 3px solid #fff; padding-bottom: 10px;}
div#header{width: 861px; height: 304px; margin: auto; background: url(../images/header.png) center top no-repeat; top: -70px; position: relative; }
div#content{background: #fff; width: 861px; margin: auto; margin-top: -70px; padding: 40px 0 20px 0;}
div#footer {width: 100%; background: #5b5b5b;background: -moz-linear-gradient(top,#989898,#5b5b5b);background: -webkit-linear-gradient(top,#989898,#5b5b5b);background: -khtml-linear-gradient(top,#989898,#5b5b5b);background: -o-linear-gradient(top,#989898,#5b5b5b); min-height: 75px; margin-top:40px;}

/*---------------------------------------------------*/
ul#topnav{text-align: right; list-style: none; top: -20px; position: relative;}
ul#topnav li{display: inline; margin: 0 10px 0 10px;}
ul#topnav li a{color: #000; text-decoration: none;}
ul#topnav li a:hover{text-decoration: underline;}

ul#nav{text-align: left; list-style: none; top: 140px; left: 20px; position: relative; color: #fff;}
ul#nav li{display: inline; margin: 0 10px 0 10px;}
ul#nav li a{color: #fff; text-decoration: none;}
ul#nav li a:hover{text-decoration: underline;}

/*---------------------------------------------------*/
div#title{top: 140px; left: 90px;position: relative;}
div#title h1{text-transform: uppercase;}
div#title h1 a{text-decoration: none; color: #fff;}
div#title small {color: #fff;}

/*---------------------------------------------------*/
div#footer table {width: 861px; margin:auto; color: #fff; font-size: 0.8em; font-family: Arial, sans-serif;}
div#footer table tr td{width: 33.3%;}

/*---------------------------------------------------*/
.col{width: 256px; float: left; margin: 0 30px 0 0;}
.colBreit{width: 522px; float: left; margin: 0 20px 0 20px;}
.nocol{width:750px; margin: auto;}
.noMargin{margin: 0 0 0 0;}
.nosee{display:none;}
.clear{float:none; clear: both;}

/*---------------------------------------------------*/
h2.termine{background:url(../images/calendar.jpg) center top no-repeat; font-size: 1.2em; width: 256px; height: 40px; margin-left: 5px; padding: 5px 5px 0 0;}
.col ul{margin: 10px 0 10px 30px; list-style-image:url(../images/calendar.png);}
.col a{color:#6e99fe; text-decoration:none;}
.col a:hover {text-decoration: underline;}
.col a img.thumb{width: 90%;padding:2px;border-left: 1px solid #999999;-moz-box-shadow: 5px 0px 10px #999;-webkit-box-shadow: 5px 0px 10px #999;-o-box-shadow: 5px 0px 10px #999;-khtml-box-shadow: 5px 0px 10px #999;margin: 5px 0 0 10px;}
.col h3{font-size: 1.1em; margin: 5px 0 5px 5px;}
.col p {text-align: justify; margin: 5px 0 0 5px;font-size: 0.9em;}
.nocol table{width: 100%;}
.nocol table th{text-align: left; background: #6e99fe; padding: 1px 2px 1px 2px;}
.nocol table td{background: #ddd; padding: 1px;}
.nocol table td a{color:#000;}
.nocol p{margin-bottom: 10px;}

/*---------------------------------------------------*/
.hidden{visibility:hidden;}
q{quotes: "\00BB " " \00AB" "\203A " " \2039";}
.colBreit p{text-align: justify; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em;}
img.thumbrechts{padding:2px;border-left: 1px solid #999999;-moz-box-shadow: 5px 0px 10px #999;-webkit-box-shadow: 5px 0px 10px #999;-moz-transform: rotate(2deg);-webkit-transform: rotate(2deg);-o-box-shadow: 5px 0px 10px #999;-khtml-box-shadow: 5px 0px 10px #999;-o-transform: rotate(2deg);-khtml-transform: rotate(2deg);width: 200px;float: right;margin: 5px 0 2px 5px;}
img.thumblinks{padding:2px;border-left: 1px solid #999999;-moz-box-shadow: 5px 0px 10px #999;-webkit-box-shadow: 5px 0px 10px #999;-moz-transform: rotate(-2deg);-webkit-transform: rotate(-2deg);-o-box-shadow: 5px 0px 10px #999;-khtml-box-shadow: 5px 0px 10px #999;-o-transform: rotate(-2deg);-khtml-transform: rotate(-2deg);width: 200px;float: left;margin: 5px 5px 2px 0;}
img.portrait{width: 70px;}
div.main{width: 100%;}
.colBreit table.top{border: none;}
table.top tr{margin-top: 10px;}

img.articlepic{width:520px;}
img.articlepic1{width:170px;}
img.thumb{max-width: 200px; max-height: 200px; margin-right: 5px; margin-bottom: 5px;}
.colBreit h2.heading3{font-size: 1.1em; background: #fff; background: -webkit-linear-gradient(left, rgba(255,255,255,0.6) 0%,rgba(255,255,255,0) 99%);background: -moz-linear-gradient(left, rgba(255,255,255,0.6) 0%,rgba(255,255,255,0) 99%); padding: 10px 5px 10px 5px; width: 420px; position: absolute; margin-top: -150px;}
a.heading{color: #000; text-decoration: none;}
a.heading:hover{text-decoration: underline;}
a.heading1{color: #000; text-decoration: none;}
a.heading1:hover{text-decoration: underline;}
.colBreit h2.heading2{font-size: .9em; padding: 5px 2px 5px 2px; width: 170px;}

/*---------------------------------------------------*/
.info{background: #9CF; border:2px solid #00f;margin: 5px; padding: 5px;}
#topevent{min-height: 150px;}
a.map{}
a.email>ins:before {content: "@"; text-decoration: none;}
a.email del {text-decoration: none;}
a.email>del {display: none;}
a.infoboxmap{color:#000; text-decoration:none;background: url(../images/anfahrt.png) left center no-repeat;padding: 0 0 0 22px;}
a.infoboxmap:hover{cursor:help;}
a.infoboxmap span{visibility:hidden; position:absolute; left:-99em; margin-top:1.5em; padding:1em; text-decoration:none;}
a.infoboxmap:hover span, a.infoboxmap:focus span, a.infoboxmap:active span{visibility:visible;left:20em;border:1px solid #6e99fe; color:#000; background:#fff;}
span.infoboxadr{color:#000; text-decoration:none;background: url(../images/anfahrt.png) left center no-repeat;padding: 0 0 0 22px;}
span.infoboxadr:hover{cursor:help;}
span.infoboxadr span{visibility:hidden; position:absolute; left:-99em; margin-top:1.5em; padding:1em; text-decoration:none;}
span.infoboxadr:hover span, span.infoboxadr:focus span, span.infoboxadr:active span{visibility:visible;left:40em;border:1px solid #6e99fe; color:#000; background:#fff;}

/*---------------------------------------------------*/
ul#fachgebiete{list-style:none; width: 100%; text-align: center;}
ul#fachgebiete li{display:inline;margin: 0 10px 0 10px;}
ul.links li{margin: 0 0 10px 20px;}
ul#ausschreibungen{list-style: url(../images/icon_pdf.gif) inside;display:none;}
ul#meldungen{list-style: inside;display:none;}
ul#ergebnisse{list-style:inside;display:none;}
ul#regelements{list-style: inside;display:none;}
ul#formulare{list-style:inside;display:none;}
ul#sonstiges{list-style:inside;display:none;}

ol ul{list-style-position:inside;}

/*----------------------------------------------------*/
.medien ul h2,.medien ul p,.medien ul a{font-weight: normal;color:#000;}
.medien ul,.medien ul li{list-style: none;margin:auto;}
.medien ul{overflow: hidden;padding: 3em;}
.medien ul li a{text-decoration:none;background:#ffc;display:block;height:200px;width:250px;padding:1em;margin:auto;-moz-box-shadow:5px 5px 7px rgba(33,33,33,1);-webkit-box-shadow:5px 5px 7px rgba(33,33,33,.7);-o-box-shadow:5px 5px 7px rgba(33,33,33,.7);-khtml-box-shadow: 5px 5px 7px rgba(33,33,33,.7);-webkit-transform:rotate(-6deg);-moz-transform:rotate(-6deg);-o-transform:rotate(-6deg);-khtml-transform:rotate(-6deg);}
.medien ul li{margin: 1em;float:left;}
.medien ul li p{font-family: 'Reenie Beanie', arial, serif;font-size:160%;}
.medien ul li:nth-child(even) a{-webkit-transform:rotate(4deg);-moz-transform:rotate(4deg);-o-transform:rotate(4deg);-khtml-transform:rotate(4deg);position:relative;top:5px;}
.medien ul li:nth-child(3n) a{-webkit-transform:rotate(-3deg);-moz-transform:rotate(-3deg);-o-transform:rotate(-3deg);-khtml-transform:rotate(-3deg);position:relative;top:5px;}
.medien ul li:nth-child(5n) a{-webkit-transform:rotate(5deg);-moz-transform:rotate(5deg);-o-transform:rotate(5deg);-khtml-transform:rotate(5deg);position:relative;top:5px;}
.medien ul li a:hover,.medien ul li a:focus{-moz-box-shadow:10px 10px 7px rgba(0,0,0,.7);-o-box-shadow:10px 10px 7px rgba(0,0,0,.7);-webkit-box-shadow:10px 10px 7px rgba(0,0,0,.7);-khtml-box-shadow:10px 10px 7px rgba(0,0,0,.7);-moz-transform: scale(1.25);-o-transform: scale(1.25);-webkit-transform: scale(1.25);-khtml-transform: scale(1.25);position:relative;z-index:10;}