@charset "utf-8";
/* CSS Document */

*			{ padding:0px; margin:0px; border:0px; font-size:1em;}
			
body 		{ text-align:left;  font-size:0.8em; font-family: Georgia, serif;	color:#2e2e2e; background:url(../images/design/background-long.jpg) repeat-x; background-color:#fff; }
			
/*----------------GRUNDGERUEST-------------------------------*/

#container { padding: 0;	margin: 0 auto;	width: 998px; position: relative; }


/*----------------HEADER-------------------------------*/

#header-container { background:url(../images/design/header-wingtsun.jpg) top left no-repeat; width:998px; height: 471px; position:relative; }

#header-container a.branding-wingtsun { position: absolute; left: 116px; top: 5px;  outline: none;}
#header-container a.branding-wingtsun:hover { opacity: 0.8;}

#header-container a.branding-schule{ position: absolute; left: 678px; top: 209px; outline: none;}
#header-container a.branding-schule:hover { opacity: 0.8;}

#header-container ul#subnavi {position: absolute; left: 690px; top: 38px; list-style:none;}
#header-container ul#subnavi li {float:left; display:block;}
#header-container ul#subnavi li.spacer {margin: 0 15px 0 11px; font-size:0.95em; color: #787262; float: left; display:block;}
#header-container ul#subnavi li a {color: #787262; font-size:0.85em; text-decoration:none;  outline: none;}
#header-container ul#subnavi li a:hover, #header-container ul#subnavi li a.active {color: #787262; font-size:0.85em; text-decoration:underline;}

/*----------------NAVI-------------------------------*/

#header-container ul#navi { position: absolute; bottom: 0px; left:63px; height: 46px; list-style:none;}
#header-container ul#navi li { float: left; text-indent:-9999px; outline: none;}

#header-container ul#navi li.startseite a {display:block; background: url(../images/design/navi/nav-startseite.png) 0px 0px no-repeat; width: 108px; height: 46px;  outline: none;}
#header-container ul#navi li.startseite a:hover,
#header-container ul#navi li.startseite a.active {width: 108px; background: url(../images/design/navi/nav-startseite.png) 0px -46px;}



#header-container ul#navi li.ueberuns a {display:block; background: url(../images/design/navi/nav-ueberuns.png) 0px 0px no-repeat; width: 102px; height: 46px; margin-left: -5px; outline: none;}
#header-container ul#navi li.ueberuns a:hover, 
#header-container ul#navi li.ueberuns a.active{background: url(../images/design/navi/nav-ueberuns.png) 0px -46px;}


#header-container ul#navi li.kurse a  {display:block; background: url(../images/design/navi/nav-kurse.png) 0px 0px no-repeat; width: 82px; height: 46px; margin-left: -5px; outline: none;}
#header-container ul#navi li.kurse a:hover,
 #header-container ul#navi li.kurse a.active {background: url(../images/design/navi/nav-kurse.png) 0px -46px;}


#header-container ul#navi li.referenzen a {display:block; background: url(../images/design/navi/nav-referenzen.png) 0px 0px no-repeat; width: 122px; height: 46px; margin-left: -4px; outline: none;}
#header-container ul#navi li.referenzen a:hover,
 #header-container ul#navi li.referenzen a.active {background: url(../images/design/navi/nav-referenzen.png) 0px -46px;}


#header-container ul#navi li.aktuelles a {display:block; background: url(../images/design/navi/nav-aktuelles.png) 0px 0px no-repeat; width: 104px; height: 46px; margin-left: -3px; outline: none;}
#header-container ul#navi li.aktuelles a:hover,
 #header-container ul#navi li.aktuelles a.active {background: url(../images/design/navi/nav-aktuelles.png) 0px -46px;}


#header-container ul#navi li.galerie a {display:block; background: url(../images/design/navi/nav-galerie.png) 0px 0px no-repeat; width: 86px; height: 46px; margin-left: -3px; outline: none;}
#header-container ul#navi li.galerie a:hover,
 #header-container ul#navi li.galerie a.active {background: url(../images/design/navi/nav-galerie.png) 0px -46px;}


#header-container ul#navi li.links a {display:block; background: url(../images/design/navi/nav-links.png) 0px 0px no-repeat; width: 87px; height: 46px; margin-left: -5px; outline: none;}
#header-container ul#navi li.links a:hover,
 #header-container ul#navi li.links a.active {background: url(../images/design/navi/nav-links.png) 0px -46px;}


#header-container ul#navi li.schule a {display:block; background: url(../images/design/navi/nav-schule-gegen-gewalt.png) 0px 0px no-repeat; width: 209px; height: 46px; margin-left: -4px; outline: none;}
#header-container ul#navi li.schule a:hover,
 #header-container ul#navi li.schule a.active {background: url(../images/design/navi/nav-schule-gegen-gewalt.png) 0px -46px;}

/*----------------CLASSES-------------------------------*/

.clear {clear: both; font-size: 0.0001em; line-height: 0.00001em;}

img.kontakt {border: none !important;}

#content-container .first {margin: 0 0 0 0;}

#content-container .content-column {width: 283px; float: left;}
#content-container .right			{margin: 0 0 0 28px;}
#content-container .right-links			{margin: 0 0 0 28px;}
#content-container .right .linkpage			{margin: 0 0 0 14px;}
#content-container .not-in-text			{margin: 0 0 0 20px; line-height: 1.35em; font-size: 0.9em;}

#content-container p.subtitle {font-size: 0.85em; margin: 5px 0 0 0;}

/*----------------CONTENT-------------------------------*/

#content-container { width: 906px; background: url(../images/design/bg-content-container.png) repeat-y; margin: 0 0 0 24px; padding: 37px 0px 40px 70px;}

#maincontent-container		{width: 595px; float:left;}

#content-container p {line-height: 1.35em; font-size: 0.9em; margin: 0 0 25px 0;}
#content-container strong {color: #cd2e05; font-weight: normal;}
#content-container img {border: 1px solid #cecece; margin: 0 0 10px 0;}
#content-container img.after {border: 1px solid #cecece; margin: 20px 0 0 0;}


#content-container a , #content-container a:visited {color: #cd2e05; font-weight: normal; text-decoration:underline;}
#content-container a:hover {color: #5b5140;}

#content-container #impressum a , #content-container #impressum a:visited {color: #5b5140; font-weight: normal; text-decoration:underline;}
#content-container #impressum a:hover {color: #cd2e05;}

#content-container iframe {border: solid 1px #cecece; margin: 5px 0 5px 0;}
#content-container small  {font-size: 0.85em;}

#content-container img.vcard {border: none !important; margin: 5px 0 0 0;}

a.link-seite {line-height:20px; background:#584d3a; color: #fff !important; text-decoration:none !important; display:block; text-align:center;}
a.link-seite:hover {background:#cd2e05;}


body#referenzen #content-container #maincontent-container ul, body#aktuelles #content-container #maincontent-container ul, body#kurse #content-container #maincontent-container ul {list-style: none;}
body#referenzen #content-container #maincontent-container ul li, body#aktuelles #content-container #maincontent-container ul li, body#kurse #content-container #maincontent-container ul li {line-height: 20px; margin: 10px 0 0 0; background:url(../images/kontakt/icon-required.png) left 2px no-repeat; padding: 0 0 0 20px; font-size:0.9em;}

#content-container #accordion.schule-gegen-gewalt {padding: 10px;}
#content-container #accordion.schule-gegen-gewalt ul.images {list-style:none; margin-top:20px;}
ul.links {list-style:none; margin-top:0px;}
ul.links li {float:none;}
#content-container #accordion.schule-gegen-gewalt ul.images  li {width:170px; margin: 8px 15px 8px 0; background: #e0e0e0; float: left; text-align:center; font-size: 0.85em;}
ul.links li{width:283px; margin: 8px 15px 8px 0; background: #e0e0e0; float: left;}
ul.links li p {width: 283px; text-align:center; font-size: 0.85em;}
#content-container #accordion.schule-gegen-gewalt ul.images  li a img , ul.links li a img {margin: 5px 5px 0px 5px; border: none;}
#content-container #accordion.schule-gegen-gewalt ul.images  li a {color: #3e3e3e; text-decoration:none;}
#content-container #accordion.schule-gegen-gewalt ul.images  li a:hover , ul.links li a:hover  {opacity: 0.80;}




#euroweb {margin: 30px 0 0 0;}



/*----------------SIDEBAR-------------------------------*/

#sidebar-container		{margin: 0 0 0 0; width: 190px; float: left; padding: 0 0 0 50px;}

#sidebar-container img.trenner {border:none; margin: 10px 0 0 -13px;}
#sidebar-container p {margin: 0 0 0 5px !important;}
#sidebar-container a.ds {font-size:0.8em; color:#A4A4A4 !important; margin: 0 0 0 6px;}
#sidebar-container a.ds:hover {color:#333333 !important;}

#sidebar-container #gallery-container {width: 180px; padding:10px 0 0 5px;}
#sidebar-container #gallery-container ul {list-style:none;}
#sidebar-container #gallery-container ul li {width:170px; margin: 8px 0 8px 0; background: #e0e0e0; text-align: center; font-size: 0.85em;}
#sidebar-container #gallery-container ul li a img.bild {margin: 5px 5px 0px 5px; border: none; width:160px; height:130px;}
#sidebar-container #gallery-container ul li a  {color: #3e3e3e; text-decoration:none;}
#sidebar-container #gallery-container ul li a:hover  {opacity: 0.80;}

/*----------------H1-------------------------------*/

h1 span {text-indent:-9999px; display: block;}
/*----------------H2-------------------------------*/

h2.willkommen {height:15px; background: url(../images/design/h2/herzlich-willkommen.png) no-repeat; text-indent:-9999px;}
h2.ueber-uns {height:15px; background: url(../images/design/h2/ueber-uns.png) no-repeat; text-indent:-9999px;}
h2.referenzen {height:15px; background: url(../images/design/h2/referenzen.png) no-repeat; text-indent:-9999px;}
h2.aktuelles {height:15px; background: url(../images/design/h2/aktuelles.png) no-repeat; text-indent:-9999px;}
h2.kurse {height:15px; background: url(../images/design/h2/kurse.png) no-repeat; text-indent:-9999px;}
h2.schule-gegen-gewalt {height:15px; background: url(../images/design/h2/schule-gegen-gewalt.png) no-repeat; text-indent:-9999px;}
h2.galerie {height:15px; background: url(../images/design/h2/galerie.png) no-repeat; text-indent:-9999px;}
h2.links {height:15px; background: url(../images/design/h2/links.png) no-repeat; text-indent:-9999px;}
h2.impressum {height:15px; background: url(../images/design/h2/impressum.png) no-repeat; text-indent:-9999px;}
h2.anfahrt {height:15px; background: url(../images/design/h2/anfahrt.png) no-repeat; text-indent:-9999px;}
h2.kontakt {height:15px; background: url(../images/design/h2/kontakt.png) no-repeat; text-indent:-9999px;}
h2.newsletter {height:15px; background: url(../images/design/h2/newsletter.png) no-repeat; text-indent:-9999px;}
h2.vielen-dank {height:15px; background: url(../images/design/h2/vielen-dank.png) no-repeat; text-indent:-9999px;}
h2.error404 {height:15px; background: url(../images/design/h2/error404.png) no-repeat; text-indent:-9999px;}

/*----------------H3-------------------------------*/

h3 {margin: 34px 0 18px 0; height: 22px; width: 565px; padding: 0 0 0 29px; background: url(../images/design/h3/h3-pointer.png) 3px 5px no-repeat; color:  #5d4623; border-bottom: 1px solid #6b5e46; font-size: 1.14em}

/*----------------H4-------------------------------*/

h4, h6 {margin: 15px 0 10px 0; color:  #5d4623; font-size: 0.95em}

/*----------------H5-------------------------------*/

h5.newsletter {margin: 15px 0 10px 0; width:120px; height:24px; background:url(../images/design/sidebar/newsletter-title.png) no-repeat; text-indent:-9999px;}

/*----------------FOOTER-------------------------------*/

#footer-container { width: 998px; height: 202px; background: url(../images/design/bg-footer-container.png) no-repeat; position:relative; }

#footer-container #address	{margin:23px 0 0 65px; width: 322px; background: url(../images/design/icon-adresse-footer.png) top left no-repeat; padding: 0 0 0 52px; float: left;}

#footer-container #address p {line-height: 1.42em; font-size: 0.85em; color: #fff;}

#footer-container #address p a {color: #ba9855; text-decoration:none;}
#footer-container #address p a:hover {color: #dabf89; text-decoration:none;}

#footer-container #guestbook {padding:16px 0 0 0;}
#footer-container a.guestbook , #footer-container a.guestbook:visited {width: 235px; height: 56px; background:url(../images/design/zum-gaestebuch.png) top left no-repeat; text-indent:-9999px; float: left;  outline: none;}
#footer-container a.guestbook:hover {background:url(../images/design/zum-gaestebuch.png) left -56px no-repeat;}

#footer-container ul {float: left; list-style:none; padding: 0 0 0 73px;}
#footer-container ul li {line-height:1.3em;}
#footer-container ul li a {color: #fff; font-size: 0.85em; text-decoration: none;}
#footer-container ul li a:hover, #footer-container ul li a.active {color: #ba9855; text-decoration: none;}

#footer-container #to-top {float: left; padding: 48px 0 0 870px;}
#footer-container #to-top a {color: #fff; font-size: 0.8em; text-decoration: none;}
#footer-container #to-top a:hover {color: #ba9855; text-decoration: none;}