body
	{
		margin: 0px;
		padding: 0px;
		background-color: #FAFAFA;
		font-family: Arial, Helvetica;
		font-size: 12px;
		color: #333333;
		line-height: 18px;
	}

p
	{
		margin: 15px 0px;
	}

#blockQuote
	{
		position: absolute;
		top: 50%;
		left: 50%;
		width: 320px;
		height: 180px;
		margin: -140px 0px 0px -160px;
	}

#OuterLimit
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 970px;
		height: 560px;
		font-family: Arial, Helvetica;
		font-size: 12px;
		color: #333333;
		line-height: 18px;
	}

#naviOuterLimit
	{
		position: relative;
		left: 0px;
		top: 62px;
		width: 596px;
		height: 39px;
		float: left;
		border: 0px solid red;
	}

#subnaviOuterLimit
	{
		position: relative;
		left: 0px;
		top: 62px;
		width: 596px;
		height: 26px;
		float: left;
		border: 0px solid red;
	}

#contentOuterLimit
	{
		position: relative;
		left: 0px;
		top: 62px;
		width: 600px;
		height: auto;
		float: left;
		border: 0px solid red;
	}

#navi2OuterLimit
	{
		position: relative;
		left: 34px;
		top: 0px;
		width: 112px;
		height: auto;
		float: left;
		border: 0px solid white;
	}

#leftBox
	{
		position: relative;
		left: 54px;
		top: 0px;
		width: 240px;
		height: 200px;
		border: 0px solid white;
	}

.nav_box
	{
		position: relative;
		left: 0px;
		top: 0px;
		width: 112px;
		height: 32px;
		border: 0px solid red;
	}

/********************************************************************
*	*
********************************************************************/

@font-face
    { /* for IE */
        font-family: Ave;
        src: url(../fonts/wkw.eot);
    }

@font-face
	{ /* for non-IE */
    	font-family: Ave;
        src: url(//:) format("No-IE-404"), url(../fonts/wkw.ttf) format("truetype");
     }

h3.title
	{
		font-family: Ave, Arial, sans-serif;
		font-size: 28px;
		color: #9AC10E;
		text-transform: lowercase;
		line-height: 30px;
	}


/* Def END *********************************************************/


/*------- NAVIGATON DEF --------------------------------------------------------------*/

#verein a
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 85px;
		height: 39px;
		background: url("../gfx/btn_verein.jpg") 0 0 no-repeat;
		display: block;
		text-decoration: none;
		float: left;
	}

#verein a:hover
	{
		background-position: 0 -39px;
	}

#team a
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 75px;
		height: 39px;
		background: url("../gfx/btn_team.jpg") 0 0 no-repeat;
		display: block;
		text-decoration: none;
		float: left;

	}

#team a:hover
	{
		background-position: 0 -39px;
	}

#projekte a
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 99px;
		height: 39px;
		background: url("../gfx/btn_projekte.jpg") 0 0 no-repeat;
		display: block;
		text-decoration: none;
		float: left;

	}

#projekte a:hover
	{
		background-position: 0 -39px;
	}

#presse a
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 87px;
		height: 39px;
		background: url("../gfx/btn_presse.jpg") 0 0 no-repeat;
		display: block;
		text-decoration: none;
		float: left;

	}

#presse a:hover
	{
		background-position: 0 -39px;
	}

#echo a
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 67px;
		height: 39px;
		background: url("../gfx/btn_echo.jpg") 0 0 no-repeat;
		display: block;
		text-decoration: none;
		float: left;

	}

#echo a:hover
	{
		background-position: 0 -39px;
	}

#fotos a
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 69px;
		height: 39px;
		background: url("../gfx/btn_fotos.jpg") 0 0 no-repeat;
		display: block;
		text-decoration: none;
		float: left;

	}

#fotos a:hover
	{
		background-position: 0 -39px;
	}

#sponsoren a
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 114px;
		height: 39px;
		background: url("../gfx/btn_sponsoren.jpg") 0 0 no-repeat;
		display: block;
		text-decoration: none;
		float: left;

	}

#sponsoren a:hover
	{
		background-position: 0 -39px;
	}

/*------- NAVIGATON DEF -  END  --------------------------------------------------------*/

/*------- NAVIGATON 2 DEF --------------------------------------------------------------*/

#mitglied a
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 112px;
		height: 32px;
		background: url("../gfx/btn_mitglied.jpg") 0 0 no-repeat;
		display: block;
		text-decoration: none;
	}

#mitglied a:hover
	{
		background-position: -112px 0;
	}

#newsletter a
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 112px;
		height: 32px;
		background: url("../gfx/btn_newsletter.jpg") 0 0 no-repeat;
		display: block;
		text-decoration: none;
	}

#newsletter a:hover
	{
		background-position: -112px 0;
	}

#impressum a
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 112px;
		height: 32px;
		background: url("../gfx/btn_impressum.jpg") 0 0 no-repeat;
		display: block;
		text-decoration: none;
	}

#impressum a:hover
	{
		background-position: -112px 0;
	}

#kontakt a
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 112px;
		height: 32px;
		background: url("../gfx/btn_kontakt.jpg") 0 0 no-repeat;
		display: block;
		text-decoration: none;
	}

#kontakt a:hover
	{
		background-position: -112px 0;
	}

/*------- NAVIGATON 2 DEF -  END  --------------------------------------------------------*/

/*------- NAVIGATON SUB DEF --------------------------------------------------------------*/

#rueckblick a
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 72px;
		height: 15px;
		background: url("../gfx/subnav_rueckblick.jpg") 0 0 no-repeat;
		display: block;
		float: left;
		text-decoration: none;
	}

#rueckblick a:hover
	{
		background-position: 0 -15px;
	}

#ausblick a
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 72px;
		height: 15px;
		background: url("../gfx/subnav_ausblick.jpg") 0 0 no-repeat;
		display: block;
		float: left;
		text-decoration: none;
	}

#ausblick a:hover
	{
		background-position: 0 -15px;
	}

#pressefotos a
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 47px;
		height: 15px;
		background: url("../gfx/subnav_fotos.jpg") 0 0 no-repeat;
		display: block;
		float: left;
		text-decoration: none;
	}

#pressefotos a:hover
	{
		background-position: 0 -15px;
	}

#pressetexte a
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 47px;
		height: 15px;
		background: url("../gfx/subnav_texte.jpg") 0 0 no-repeat;
		display: block;
		float: left;
		text-decoration: none;
	}

#pressetexte a:hover
	{
		background-position: 0 -15px;
	}

#organisation a
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 94px;
		height: 15px;
		background: url("../gfx/subnav_organisation.jpg") 0 0 no-repeat;
		display: block;
		float: left;
		text-decoration: none;
	}

#organisation a:hover
	{
		background-position: 0 -15px;
	}

#message a
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 72px;
		height: 15px;
		background: url("../gfx/subnav_message.jpg") 0 0 no-repeat;
		display: block;
		float: left;
		text-decoration: none;
	}

#message a:hover
	{
		background-position: 0 -15px;
	}

/*------- NAVIGATON SUB DEF -  END  --------------------------------------------------------*/


#mehr a
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 62px;
		height: 30px;
		background: url("../gfx/btn_mehr.jpg") 0 0 no-repeat;
		display: block;
		float: left;
		text-decoration: none;
	}

#mehr a:hover
	{
		background-position: 0 -30px;
	}


.headline
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 400px;
		height: 40px;
		margin-bottom: 14px;
		border: 0px solid red;
	}

.headline1
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 420px;
		height: 22px;
		font-size: 16px;
		font-weight: bold;
		color: #96BF0D;
		border: 0px solid green;
	}

.headline2
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 380px;
		height: auto;
		border: 0px solid red;
	}

.headlineBig
	{
		position: relative;
		top: 0px;
		left: 0px;
		min-width: 10px;
		height: 30px;
		font-size: 20px;
		font-weight: bold;
		color: #96BF0D;
		padding-top: 20px;
		padding-bottom: 10px;
		border: 0px solid green;
	}

.contentBox
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 560px;
		min-height: 10px;
		margin-bottom: 10px;
		border: 0px solid green;
	}

.welcomeBox
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 560px;
		height: auto;
		margin-bottom: 60px;
		border: 1px solid #FAFAFA;
	}

.welcomeBox img.prev
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 100px;
		height: 100px;
		float: left;
		margin: 0px 10px 10px 0px;
	}

.welTextBox
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 354px;
		min-height: 10px;
		margin-left: 0px;
		margin-top: 10px;
		text-align: left;
		float: left;
		border: 0px solid green;
	}

.teamBox
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 560px;
		min-height: 140px;
		margin-top: 30px;
		border: 0px solid blue;
	}

.statementBox
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 414px;
		min-height: 10px;
		float: left;
		margin-bottom: 6px;
		border: 0px solid red;
	}


.teamPic
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 116px;
		height: 128px;
		float: left;
		margin-right: 20px;
		border: 0px solid red;
	}

.col1
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 300px;
		height: 30px;
		margin-bottom: 30px;
		float: left;
		border: 0px solid red;

	}

.col2
	{
		position: relative;
		bottom: 0px;
		left: 0px;
		width: 100px;
		height: 30px;
		margin-bottom: 30px;
		float: left;
		border: 0px solid red;

	}

.pressefotos
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 160px;
		height: 180px;
		margin-bottom: 10px;
		margin-right: 20px;
		float: left;
		border: 0px solid red;

	}

.sponsoren
	{
		position: relative;
		top: 0px;
		left: 0px;
		min-width: 10px;
		height: 30px;
		margin-bottom: 50px;
		margin-right: 35px;
		float: left;
		border: 0px solid red;
	}

/********************************************************************
* Sponsor box	                                                      *
********************************************************************/

.sponsorlogobox
    {
        position: relative;
        top: 0px;
        left: 0px;
        width: 180px;
        height: 60px;
        margin: 0px 10px 40px 0px ;
        font-size: 10px;
        text-align: center;
        line-height: 60px;
        border: 0px solid #C0C0C0;
        float: left;
    }


/* Def END *********************************************************/


.contactText
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 100px;
		height: 20px;
		float: left;
		padding: 2px 0px 0px 0px;
		border: 0px solid blue;
	}

.contactText1
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 160px;
		height: 20px;
		float: left;
		font-weight: bold;
		padding: 2px 0px 0px 0px;
		border: 0px solid blue;
	}

.contactLine
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 260px;
		min-height: 20px;
		margin-bottom: 2px;
		float: left;
		border: 0px solid green;
	}

.contactLine1
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 160px;
		min-height: 20px;
		margin-bottom: 2px;
		float: left;
		border: 0px solid green;
	}

.contactButton
	{
		position: relative;
		top: 10px;
		left: 100px;
		float: left;
		color: #FFFFFF;
	}

input
	{
		font-family: Arial, Helvetica;
		font-size: 12px;
		padding: 1px 1px 1px 1px;
		border: 1px solid #96BF0D;
	}

input.radio
	{
		font-family: Arial, Helvetica;
		font-size: 12px;
		border: 0px solid #96BF0D;
	}

textarea
	{
		font-family: Arial, Helvetica;
		font-size: 12px;
		padding: 1px 1px 1px 1px;
		border: 1px solid #96BF0D;
	}

a
	{
		color: #96BF0D;
		text-decoration: none;
	}

a:hover
	{
		text-decoration: underline;
	}

.link a
	{
		color: #333333;
		text-decoration: none;
		border-bottom: 1px solid #96BF0D;
	}

.link a:hover
	{
		color: #96BF0D;
		text-decoration: none;
		border-bottom: 1px solid #FFF000;
	}

.facebook a
	{
		color: #666666;
		text-decoration: none;
	}

.facebook a:hover
	{
		text-decoration: underline;
	}

.clearence
    {
        clear: both;
    }



.bioTitle
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 360px;
		height: 18px;
		font-family: Arial, Helvetica;
		font-size: 16px;
		font-weight: bold;
		color: #96BF0D;
		padding-top: 20px;
		padding-left: 20px;
		border: 0px solid red;
	}

.bioContent
	{
		position: relative;
		top: 20px;
		left: 20px;
		width: 360px;
		min-height: 20px;
		font-family: Arial, Helvetica;
		font-size: 12px;
		color: #333333;
	}

.mailformular
	{
		position: relative;
		top: 20px;
		left: 20px;
		width: 360px;
		min-height: 20px;
		font-family: Arial, Helvetica;
		font-size: 12px;
		color: #333333;
	}

.bieterformular
	{
		position: relative;
		top: 20px;
		left: 20px;
		width: 360px;
		min-height: 20px;
		font-family: Arial, Helvetica;
		font-size: 12px;
		color: #333333;
		margin-bottom: 20px;
	}

.galBox a
	{
		width: 100px;
		height: 100px;
		margin: 0px 10px 10px 0px;
		border: 1px solid #96BF0D;
		float: left;
	}

.galBox a:hover
	{
		border: 1px solid yellow;
	}

.artists
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 170px;
		min-height: 14px;
		font-family: Arial, Helvetica;
		font-size: 12px;


		margin-left: 20px;
		float: left;
		border: 0px solid red;
	}

.projectRow
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 600px;
		min-height: 120px;
		margin-bottom: 26px;
		border: 0px solid red;
	}

.projectBox1
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 102px;
		min-height: 120px;
		float: left;
		border: 0px solid red;
	}

.projectBox2
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 460px;
		min-height: 120px;
		margin-left: 10px;
		float: left;
		border: 0px solid red;
	}

.projectBox3
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 600px;
		min-height: 110px;
		margin-top: 20px;
		border: 0px solid red;
	}

.projectDate
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 102px;
		height: 16px;
		font-size: 11px;
		color: #FFFFFF;
		text-align: center;
		background: #96BF0D;
		border: 0px solid red;
	}

.projectPix
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 100px;
		height: 100px;
		margin: 0px 10px 10px 0px;
		border: 1px solid #96BF0D;
		float: left;
	}

.pressefotoRow
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 600px;
		height: auto;
		margin-bottom: 10px;
		border: 0px solid red;

	}

.pressefotoTitle a
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 380px;
		height: 20px;
		font-size: 12px;
		font-weight: bold;
		color: #666666;
		padding-top: 2px;
		padding-left: 6px;
		background: #CCCCCC;
		border: 0px solid green;
		display: block;
		float: left;
	}

.pressefotoTitle a:hover
	{
		color: #FFFFFF;
		background: #96BF0D;

	}

.pressefoto
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 120px;
		min-height: 160px;
		margin-bottom: 14px;
		margin-right: 14px;
		float: left;
		border: 0px solid red;
	}

.galleryRow
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 600px;
		min-height: 10px;
		margin-bottom: 40px;
		border: 0px solid red;

	}

.boldandgreen
	{
		color: #96BF0D;
		font-weight: bold;
	}

.boldgreenandbig
	{
		color: #96BF0D;
		font-weight: bold;
		font-size: 13px;
	}

.smallandgrey
	{
		color: #999999;
		font-size: 10px;
	}

a.pics,
a.pics:link,
a.pics:visited,
a.pics:active
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 600px;
		height: 30px;
		font-size: 16px;
		font-weight: bold;
		color: #FFFFFF;
		padding: 2px 6px 2px 6px;
		background: #96BF0D;
	}

a.pics:hover
	{
		text-decoration: underline;
		background: #999999;
	}

a.tooltip,
a.tooltip:link,
a.tooltip:visited,
a.tooltip:active
	{
		position: relative;
		text-decoration: none;
		font-weight: bold;
		border-bottom: 0px dotted #4dbcf3;
	}

a.tooltip:hover
	{
		background: transparent;
		z-index: 100;
	}

a.tooltip span
	{
		display: none;
		text-decoration: none;
	}

a.tooltip:hover span
	{
		position: absolute;
		top: 40px;
		left: 0;
		width: 200px;
		padding: 2px 10px 2px 10px;
		font-family: Arial, Helvetica, Sans-serif;
		font-style: Normal;
		text-align: left;
		color: #000000;
		border: 1px solid;
		border-color: #96BF0D;
		border-left: 4px solid #96BF0D;
		background: #FFFFFF;
		display: block;
		z-index: 100;
	}

/* Nav footer ------------------------------------------*/
#navFooter
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 548px;
		height: 18px;
		font-size: 16px;
		margin: 30px 0px;
		text-align: center;
	}

#navFooter span
	{
		font-size: 16px;
		font-weight: bold;
	}

#navFooter span.linkdis
	{
		font-size: 16px;
		font-weight: normal;
	}

#navFooter .leftside
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 5%;
		height: 18px;
		text-align: left;
		float: left;
	}

#navFooter .rightside
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 5%;
		height: 18px;
		text-align: right;
		float: right;
	}

#navFooter .middle
	{
		position: relative;
		top: 0px;
		left: 0px;
		width: 80%;
		height: 18px;
		font-size: 12px;
		text-align: center;
		float: left;
	}
/* Nav footer - END -----------------------------------------*/
