@CHARSET "ISO-8859-1";

*{
  margin: 0px;
  padding: 0px;
}

@font-face {
    font-family: 'SketchBlockBold';
    src: url('sketchb.eot');
    src: url('sketchb.eot') format('embedded-opentype'),
         url('sketchb.woff') format('woff'),
         url('sketchb.ttf') format('truetype'),
         url('sketchb.svg#SketchBlockBold') format('svg');
}


body{
	/*width:1920px;*/
  /*width: 100%;*/
  margin: 0px;
	padding: 0px;
	background: url(images/Hintergrund_kleine_haie_online.jpg) fixed;
	/* background-color: black;*/
 /* background-position: 0px 0px;*/
  background-size: 100% 100%;
	/*overflow: hidden;*/
 /* z-index: -1;*/
  font-family: Calibri, "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
}




.middle{
  margin: 0px auto;
  /*background-color: #c9bfb3;*/
  /*height: 200px;*/
  width: 1040px;
}

.header{
	background: url(images/kaesten/header.png) no-repeat;
	height: 156px;
	width: 978px;
	padding-top: 35px;
	padding-left: 32px;
	padding-right: 32px;
	font-family: Calibri, "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
}

.footer{
	background: url(images/kaesten/footer.png) no-repeat;
	height: 151px;
	width: 977px;
	padding-left: 32px;
	padding-right: 32px;
}

.bild{
	width:1041px;
}

.bild img{
	width: 1041px;
}

#oben{
	height: 94px;
	background: url(images/kaesten/content_kasten_oben2.png) no-repeat;
}

#unten{
	height: 125px;
	background: url(images/kaesten/content_kasten_unten.png) no-repeat;
}

.mitte{
	/*height: 500px;*/
	position: relative;
	background-color: #ffffff;
	padding-left: 32px;
	padding-right: 32px;
}

#logo{
	float: left;
	width: 674px;
	height:75px;
}

a img {border: none; }

.social{
	float: left;
	width: 274px;
	height: 75px;
	padding-right: 30px;
	position: relative;
}

.social2{
	padding-top: 30px;
	float: right;
	width: 274px;
	height: 75px;
	padding-right: 30px;
	position: relative;
}

.content{
	width: 1040px;
}

.clear{
	clear:both;
}

#navigation{
	padding-top: 15px;
	height: 30px;
}

#navigation ul{
	
	height: 30px;
	text-align: justify;
    text-align-last: justify;
	
	margin-left: 7px;
	list-style: none;
}

#navigation ul:after {
            content: "\A0";
            display: inline-block;
            height: 0;
            width: 100%;

            background: green;   
        }

#navigation ul li{
	border-left: 1px solid #777777;
	display:inline;
    /*font-size: 9pt;
   /* margin-left: 7px;*/
    padding-left: 12px;
    position: relative;
}

#navigation ul li a{
	color: black;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 15px;
	position: relative;
}

#navigation ul li:first-child{
    border: none;
    padding-left: 0px;
 }
 
#navigation li a:hover::after {
    position:absolute;
    z-index:100;
    top: 20px;
    left: -8px;
    content:url('images/icons/linkeffekt_pinselstrich.png');
}

#ctext{
	width: 709px;
}

#obentext{
	/*margin-top: 25px;*/
	width: 709px;
	height: 9px;
	background: url(images/kaesten/content_textbox_oben.png) no-repeat;
}

#obentextTermin{
	/*margin-top: 25px;*/
	width: 709px;
	height: 9px;
	background: url(images/Termine/content_textbox_oben.png) no-repeat;
}

#mittetext{
	width: 709px;
	/*height: 300px;*/
	background: url(images/kaesten/content_textbox_mitte.png) no-repeat;
	background-size: 100% 100%;
	padding-bottom: 26px;
	
}

#mittetextTermin{
	width: 709px;
	/*height: 300px;*/
	background: url(images/Termine/content_textbox_mitte.png) no-repeat;
	background-size: 100% 100%;
	padding-bottom: 26px;
	
}

.contentText{
	padding-top: 30px;
	padding-left: 40px;
	padding-right: 30px;
	padding-bottom: 40px;
	line-height: 1.5;
}

.innerText p{
	padding-top: 20px;
}

.innerText2 p{
	padding-top: 10px;
	padding-bottom: 10px;
}

.contentTextRechts{
	padding-left: 20px;
	padding-top: 15px;
	padding-right: 10px;
	line-height: 1.5;
}

.contentTextRechts2{
	
}

#filmstreifen{
	margin-top: -2px;
}

#filmstreifen img{
	margin-top: -4px;
}

#filmstreifen2{
	/*margin-top: 0px;*/
}

.line{
	padding-top: 25px;
	font-style: oblique;
	font-size: 12px;
}

.lineKlein{
	font-style: oblique;
	font-size: 12px;
}

.lineOhne{
	font-size: 12px;
	font-style: oblique;
}

.blue{
	color: #10759f;
	font-size: 17px;
	font-style: italic;
	padding-top: 15px;
	line-height: 1.5;
}

.blue2{
	color: #327a95;
	font-size: 16px;
	font-weight: bold;
}

.link{
	color: #10759f;
	font-size: 24px;
	font-weight: bold;
}

.link.active{
	color: red;
	font-size: 16px;
	font-weight: bold;
}

a{
	text-decoration: none;
	color: #10759f;
	font-style: italic;
	font-size: 17px;
}


.linkMehr{
	position: relative;
	padding-bottom: 15px;
	font-size: 14px;
}


.imageLink{
	position: absolute;
	top: 21px;
	right: 12px;
}

.imageLinkNews{
	position: absolute;
	top: 33px;
	right: 12px;
}

#karten img{
	padding-top: 10px;
	margin-left: 30px;
}

.bestellen{
	position: relative;
}

.bestellenBild{
	position: absolute;
	top: 53px;
	left: 140px;
}

#untentext{
	width: 709px;
	height: 23px;
	background: url(images/kaesten/content_textbox_unten.png) no-repeat;
}

#untentextTermin{
	width: 709px;
	height: 23px;
	background: url(images/Termine/content_textbox_unten.png) no-repeat;
}

#obentext2{
	width: 252px;
	height: 14px;
	background: url(images/kaesten/content_textboxrechts_oben.png) no-repeat;
}

.obentext2Termin{
	width: 252px;
	height: 14px;
	background: url(images/Termine/content_textboxrechts_oben.png) no-repeat;
}

#mittetext2{
	width: 252px;
	/*height: 200px;*/
	background: url(images/kaesten/content_textboxrechts_mitte.png) no-repeat;
	background-size: 100% 100%;
	padding-bottom: 40px;
}

.mittetext2Termin{
	width: 252px;
	/*height: 200px;*/
	background: url(images/Termine/content_textboxrechts_mitte.png) no-repeat;
	background-size: 100% 100%;
	padding-bottom: 40px;
}

#untentext2{
	width: 252px;
	height: 18px;
	background: url(images/kaesten/content_textboxrechts_unten.png) no-repeat;
}

.untentext2Termin{
	width: 252px;
	height: 18px;
	background: url(images/Termine/content_textboxrechts_unten.png) no-repeat;
}


#zeichen{
	position: absolute;
	left: 665px;
}

#adresse{
	padding-top: 30px;
	line-height: 1.4;
	float: left;
}

#links{
	float: left;
	width: 709px;
}

#rechts{
	float: left;
	width: 252px;
	margin-left: 15px;
}



#spalte{
	position: relative;
}

#zeichen2{
	position: absolute;
	left: 210px;
}


.social img{
	float: left;
	padding-right: 10px;
}

.social2 img{
	float: left;
	padding-right: 10px;
}

#klein{
	/*margin-top: 25px;*/
}

.logos{
	float: right;
}

.impressum{
	float: left;
}

.impressum a{
	text-transform: uppercase;
	color: black;
	text-decoration: none;
}

#slideshow{
	position: relative;
	padding-bottom: 25px;
}

#slide_navigation img{
	height: 350px;
	/*
	position: absolute;
	width: 698px;
	height: 350px;
	/*top: 86px;
	z-index: 999;*/
}

#next{
	position: absolute;
    right: 9px;
    top: 0px;
    z-index: 999;
}

#prev{
	top: 0px;
	left: 0px;
	position: absolute;
	z-index: 999;
}

.visible, .hidden{
	padding-top: 10px;
	padding-left: 30px;
	padding-right: 30px;
	margin-top: 20px;
	height: 173px;
	background: url(images/News/kasten_kleine_news.png) no-repeat;
	position: relative;
}

.visible p, .hidden p{
	padding-top: 0px;
	line-height: 1;
}

.dateName{
	float: left;
}

.mehr{
	/*float: right;*/
	position: absolute;
	right: 60px;
	top: -6px;
	color: #10759f;
}

.newsLink{
	position: absolute;
	top: 0px;
	right: 0px;
}

.linkM{
	position: relative;
	/*top: 60px;*/
}

.newsFooter{
	/*position: absolute;*/
	/*top: 125px;*/
        padding-top: 20px;
	width: 585px;
}

.toggle{
	font-style: normal;
	text-decoration: none;
	color: #10759f;
}

.linkline{
	padding-top: 25px;
	font-style: oblique;
	position: relative;
}

.seitenanfang{
	position: absolute;
	right: 39px;
	top: 22px;
}

.seitenanfangLink{
	position: absolute;
	right: -30px;
	top: 0px;
}

.stueck{
	padding-top: 30px;
}

.stueckbild{
	float: left;
}

.stueckbild img{
	margin-left: 0px;
}

.stuecktext{
	float: right;
	padding-top: 6px;
}

.abstand{
	padding-top: 20px;
}

/*********************************GASTSPIEL******************************************/

.gastspiel{
	height: 303px;
	width: 720px;
}

#gastspiel1{
	background: url(images/Gastspiel/kasten.png) no-repeat;
}

.gsimg{
	float:left;
	width: 360px;
	height: 303px;
}

.gstxt{
	float:left;
	width: 350px;
	height: 303px;
	padding-left: 10px;
	padding-top: 15px;
}

.gstxt p{
	padding-top: 15px;
}

/***********************************************************************************/

/**************************WORKSHOPS************************************************/

.workshops{
	width: 957px;
	height: 311px;
	margin: 0 auto;
	padding-bottom: 20px;
	
}

.wsimg{
	float: left;
	width: 475px;
	height: 311px;
}

.wstxt{
	float: left;
	width: 381px;
	height: 291px;
	padding-left: 43px;
	padding-right: 58px;
	padding-top: 20px;
	position: relative;
}

.weitere{
	position: absolute;
	bottom: 35px;
}

.mitAbstand{
	margin-top: 20px;
}

.kusiveListe{
	font-style: oblique;
	list-style-position: inside;
}

#workshop1{
	background: url(images/Workshops/01_workshops_auswahl.png) no-repeat;
}

#workshop2{
	background: url(images/Workshops/02_workshops_auswahl.png) no-repeat;
}

#workshop3{
	background: url(images/Workshops/03_workshops_auswahl.png) no-repeat;
}

#workshop4{
	background: url(images/Workshops/04_workshops_auswahl.png) no-repeat;
}

#workshop5{
	background: url(images/Workshops/05_workshops_auswahl.png) no-repeat;
}

/************************************************************************************/

/*******************************SPIELPLAN********************************************/

.leftPlay{
	float: left;
}

.rightPlay{
	float: right;
}

.innerText ul{
	padding-left: 18px;
}

/*******************************TERMINE**********************************************/


.left{
	padding-right: 25px;
}

.werktag{
	background: url(images/Termine/karte01.png) no-repeat;
}

.wochenende{
	background: url(images/Termine/karte02.png) no-repeat;
}

.fancybox{
	display: block;
	width: 190px;
	height: 127px;
	position: absolute;
	top: 0px;
	left: 0px;
}

.day{
	width:190px;
	height: 127px;
	float: left;
	padding-bottom: 25px;
	position: relative;
}

.wpadding{
	padding-right: 25px;
}

.wt{
	background: url(images/Termine/karte01.png) no-repeat;
	padding-top: 5px;
}

.we{
	background: url(images/Termine/karte02.png) no-repeat;
	padding-top: 5px;
}

.fc-calendar-container{
	padding-top: 30px;
}

.termin{
	width: 48%;
	float: right;
	height: 100%;
}

.datum{
	height: 100%;
	width: 49%;
	float: left;
	text-align: center;
}

.fc-date{
	font-family: SketchBlockBold;
	font-size: 24px;
}

.fc-weekday{
	vertical-align: 150%;	
}

.sketch{
	font-family: SketchBlockBold;
}

.inline{
	background: url(images/Termine/fancyback.jpg) no-repeat !important;
	width: 903px !important;
	height: 407px !important;
}

.fancy-left{
	width: 275px;
	float: left;
	text-align: center;
	padding-top: 80px;
}

.dateBox{
	font-size: 100px;
}

.dateBox2{
	font-size: 60px;
}

.fancy-right{
	float: right;
	width: 572px;
	padding: 28px;
	position: relative;
}

.imageBox{
	position: absolute;
	top: 40px;
	right: 25px;
}

.imageBox img{
	width: 195px;
	height: 222px;
}

.textBox{
	width: 350px;
	padding-top: 10px;
}

.textBox h2{
	color: #cc0000;
	padding-bottom: 15px;
}

.pad{
	padding-top: 30px;
}

.linkBox{
	color: #cc0000;
	font-style: italic;
}

.bluesketch{
	font-style: normal;
	color: #327a95;
	font-family: SketchBlockBold;
}

.redsketch{
	font-style: normal;
	color: #e44142;
	font-family: SketchBlockBold;
}

.yellowsketch{
	font-style: normal;
	color: #f1a830;
	font-family: SketchBlockBold;
}

.greensketch{
	font-style: normal;
	color: #36a65d;
	font-family: SketchBlockBold;
}

td{
	padding-top: 10px;
}

/******************************************REPERTOIRE*************************************************/

.kaesten{
	width: 477px;
	height: 184px;
	float: left;
	position: relative;
}

.kastenRechts{
	margin-left: 22px;
}

.kastenReihe{
	margin-top: 20px;
}


.rightRep1{
	position: absolute;
	width: 50%;
	top: 0px;
	left: 238px;
	height: 100%;
}

.rightRep{
	position: absolute;
	width: 50%;
	top: 20px;
	left: 238px;
	height: 100%;
}

.padding{
	padding-top: 5px;
}

.bluesketch2{
	font-style: normal;
	font-size: 18px;
	color: #327a95;
	font-family: SketchBlockBold;
}

/***********************************************STUECKE*****************************************/

.bluesketch3{
	font-style: normal;
	font-size: 45px;
	color: #327a95;
	font-family: SketchBlockBold;
	line-height: 0.8;
}

.bluesketch4{
	font-style: normal;
	font-size: 30px;
	color: #327a95;
	font-family: SketchBlockBold;
	line-height: 0.8;
}

.blue3{
	color: #10759f;
	font-size: 14px;
	font-weight: bold;
}

.artikel{
	float: left;
	width: 194px;
	height: 318px;
    background: url(images/Repertoire/box_zeitungsartikel.png) no-repeat;
    margin-top: 20px;
}

.abstand2{
	margin-left: 25px;
}

.artInn{
	padding-top: 15px;
	text-align: center;
	position: relative;
}

.isize{
	width: 50%;
	height: 50%;
}

.ohne{
	padding-top: 0px !important;
}

.kl{
	font-size: 12px;
}

.pflink{
	position: absolute;
	top: 285px;
	left: 87px;
}

.gap{
	margin-top: 20px;
}

.gap2{
	margin-top: 30px;
}

.uebers{
	font-size: 25px;
}

.uebers2{
	font-size: 20px;
	margin-top: -5px;
}

.centeralign{
	text-align: center;
}

.adr-left{
	width: 49%;
}

.einruecken{
	margin-left: 20px;
	padding-top: 10px;
}

.margintop{
	margin-top: 10px;
	font-size: 16px;
}


.newsbox{
	padding-top: 20px;
}

#newsboxoben{
	background: url(images/News/01.jpg) no-repeat;
	width: 630px;
	height: 37px;
}

#newsboxunten{
	background: url(images/News/02.jpg) no-repeat;
	width: 630px;
	height: 37px;
}

#newsboxmitte{
        width: 569px;
	background-color: white;
	padding-left: 30px;
	padding-right: 30px;
}

#newsboxmitte p{
	padding-top: 10px;
	line-height: 1;
}

.weitereNews{
	padding-top: 30px;
}
#Presseverweiis {
	color: #10759f;
}