/* CSS Document */

html {
	width:100%;
	height:100%;
}

body {
	font-family:Lucida sans, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	background-color:#000000;
	width:100%;
	height:100%;
	margin:0;
	
	
}

body.newsBackground {background:url(../img/layout/bg_main_violett.jpg) top center repeat-y #000;}
body.bandBackground {background:url(../img/layout/bg_main_rot.jpg) top center repeat-y #000;} 
body.liveBackground {background:url(../img/layout/bg_main_orange.jpg) top center repeat-y #000;}
body.mediaBackground {background:url(../img/layout/bg_main_gelb.jpg) top center repeat-y #000;}
body.downloadsBackground {background:url(../img/layout/bg_main_orange.jpg) top center repeat-y #000;}
body.downloadscugBackground {background:url(../img/layout/bg_main_orange.jpg) top center repeat-y #000;}
body.picsBackground {background:url(../img/layout/bg_main_gruen.jpg) top center repeat-y #000;} 
body.linksBackground {background:url(../img/layout/bg_main_blau.jpg) top center repeat-y #000;} 

a {
	outline:none;
	color:#fff;
}

a:hover {
	text-decoration:line-through ;
}


div#contentWrapper {
	width:800px;
	height:620px;
	margin:0 auto;
}

div#contentWrapperSubsites {
	width:800px;
	height:100%;
	margin:0 auto;
}

div#circlesHome {
	width:529px;
	height:563px;
	margin:0 auto;
	background:url(../img/layout/circles-home.jpg) top left no-repeat;
}

#logoTawaraHome {
	width:288px;
	height:42px;
	background:url(../img/layout/tavara_shen_kool_home.jpg) top left no-repeat;
	margin:10px auto 0 auto;
}

#logoTawaraContent {
	width:288px;
	height:32px;
	background:url(../img/layout/tavara_shen_kool_home.jpg) top left no-repeat;
	margin:5px auto 0 auto;
}
#logoTawaraContent a {display:block; width:100%; height:100%}
 
/* Kreise im Hintergrund */
#mainBG {
	padding-top:133px;
	padding-bottom:40px;
	width:515px;
	height:auto;
	margin:0 auto;
}


/* Inhaltsbereich */
/* Anfang des Inhaltsbereichs */
#mainBG div#contentHeader {
	margin-left:38px;
	width:421px;
	height:3px;
	background:url(../img/layout/bg_content_top.gif) top left no-repeat;
}

/* Wrapper mit Pattern im Hintergrund (schwarz mit rand wird vertical wiederholt)*/
#mainBG div#contentWrapperSubsites {
	margin-left:38px;
	width:421px;
	background:url(../img/layout/bg_content_pattern.png) top left repeat-y;
}

/* Inhaltsbereich */
#mainBG div#contentWrapperSubsites div#content {
	width:381px;
	min-height:404px;
	padding:20px;
}

/* verschiedene Hintergründe */
#mainBG div#contentWrapperSubsites div.news {background:url(../img/layout/bg_content_news.png) bottom left no-repeat;}
#mainBG div#contentWrapperSubsites div.band {background:url(../img/layout/bg_content_band.png) bottom left no-repeat;}
#mainBG div#contentWrapperSubsites div.live {background:url(../img/layout/bg_content_live.png) bottom left no-repeat;}
#mainBG div#contentWrapperSubsites div.media {background:url(../img/layout/bg_content_media.png) bottom left no-repeat;}
#mainBG div#contentWrapperSubsites div.downloads {background:url(../img/layout/bg_content_live.png) bottom left no-repeat;}
#mainBG div#contentWrapperSubsites div.downloadscug {background:url(../img/layout/bg_content_live.png) bottom left no-repeat;}
#mainBG div#contentWrapperSubsites div.pics {background:url(../img/layout/bg_content_pics.png) bottom left no-repeat;}
#mainBG div#contentWrapperSubsites div.links {background:url(../img/layout/bg_content_links.png) bottom left no-repeat;}

/* Blume "home Button" */
div#blume {
	position:absolute;
	width:100px;
	height:100px;
	margin-top:-47px;
	margin-left:375px;
	background:url(../img/layout/blume_back-home.png) top right no-repeat;
}

div#blume a {
	display:block;
	float:right;
	width:100px;
	height:100%;
}

/* Seitentitel */
div#contentTitle {
	position:absolute;
	height:17px;
	width:150px;
	margin-top:-20px;	
}

div#contentTitle.titlenews {background:url(../img/layout/content_title_news.jpg) top left no-repeat;}
div#contentTitle.titleband {background:url(../img/layout/content_title_band.jpg) top left no-repeat;}
div#contentTitle.titlelive {background:url(../img/layout/content_title_live.jpg) top left no-repeat;}
div#contentTitle.titlemedia {background:url(../img/layout/content_title_media.jpg) top left no-repeat;}
div#contentTitle.titledownloads {background:url(../img/layout/content_title_downloads.jpg) top left no-repeat;}
div#contentTitle.titledownloadscug {background:url(../img/layout/content_title_downloads.jpg) top left no-repeat;}
div#contentTitle.titlepics {background:url(../img/layout/content_title_pics.jpg) top left no-repeat;}
div#contentTitle.titlelinks {background:url(../img/layout/content_title_links.jpg) top left no-repeat;}

/* Navigationspunkte auf der Startseite */

div#navBand {
	position:absolute;
	width:69px;
	height:29px;
	margin:112px 0 0 231px;
}

div#navBand a {
	display:block;
	width:100%;
	height:100%;
	background:url(../img/layout/nav_band.jpg) top left no-repeat;
}

div#navBand a:hover {
	background:url(../img/layout/nav_band_hover.jpg) top left no-repeat;
}

div#navLive{
	position:absolute;
	width:71px;
	height:22px;
	margin:191px 0 0 362px;
}

div#navLive a {
	display:block;
	width:100%;
	height:100%;
	background:url(../img/layout/nav_live.jpg) top left no-repeat;
}

div#navLive a:hover {
	background:url(../img/layout/nav_live_hover.jpg) top left no-repeat;
}

div#navMedia{
	position:absolute;
	width:71px;
	height:24px;
	margin:343px 0 0 362px;
}

div#navMedia a {
	display:block;
	width:100%;
	height:100%;
	background:url(../img/layout/nav_media.jpg) top left no-repeat;
}

div#navMedia a:hover {
	background:url(../img/layout/nav_media_hover.jpg) top left no-repeat;
}

div#navPics{
	position:absolute;
	width:69px;
	height:24px;
	margin:419px 0 0 231px;
}

div#navPics a {
	display:block;
	width:100%;
	height:100%;
	background:url(../img/layout/nav_pics.jpg) top left no-repeat;
}

div#navPics a:hover {
	background:url(../img/layout/nav_pics_hover.jpg) top left no-repeat;
}

div#navLinks{
	position:absolute;
	width:71px;
	height:24px;
	margin:343px 0 0 99px;
}

div#navLinks a {
	display:block;
	width:100%;
	height:100%;
	background:url(../img/layout/nav_links.jpg) top left no-repeat;
}

div#navLinks a:hover {
	background:url(../img/layout/nav_links_hover.jpg) top left no-repeat;
}

div#navNews{
	position:absolute;
	width:71px;
	height:22px;
	margin:191px 0 0 99px;
	background:url(../img/layout/nav_news.jpg) top left no-repeat;
}

div#navNews a {
	display:block;
	width:100%;
	height:100%;
	background:url(../img/layout/nav_news.jpg) top left no-repeat;
}

div#navNews a:hover {
	background:url(../img/layout/nav_news_hover.jpg) top left no-repeat;
}

/* Sidebar */

div#sideBar {
	position:absolute;
	width:158px;
	margin-top:100px;
	margin-left:730px;
}

div#sideBar.news {
	position:absolute;
	width:158px;
	margin-top:90px;
	margin-left:480px;
}


div#sideBar div#newsletterFormWrapper {
	position:absolute;
	width:158px;
	height:196px;
	margin-top:10px;
	margin-left:0;
	padding-left:12px;
	background:url(../img/layout/nl-anmeldung-line-left.jpg) top left no-repeat;
}

div#sideBar.news div#newsletterFormWrapper {
	position:absolute;
	width:158px;
	height:196px;
	margin-top:10px;
	margin-left:0;
	padding-left:12px;
	background:url(../img/layout/nl-anmeldung-line-left-smaller.jpg) top left no-repeat;
}

div#newsletterFormWrapper input {
	background-color:#000000;
	color:#fff;
	border:none;
	border-bottom:1px solid white;
	height:22px;
	width:152px;
	margin-top:7px;
}

div#newsletterFormWrapper a.submitDE {
	display:block;
	width:152px;
	height:20px;
	margin-top:13px;
	background:url(../img/layout/sidebar-submit-newsletter-de.jpg) top left no-repeat;
	border:none!important;
}

div#newsletterFormWrapper a.submitEN {
	display:block;
	width:152px;
	height:20px;
	margin-top:13px;
	background:url(../img/layout/sidebar-submit-newsletter-en.jpg) top left no-repeat;
	border:none!important;
}


div#newsletterFormWrapper a.navDownloads {
	display:block;
	width:156px;
	height:36px;
	background:url(../img/layout/downloads.jpg) top left no-repeat;
	margin-top:15px;
}

div#newsletterFormWrapper a.navDownloads:hover {
	background:url(../img/layout/downloads_x.jpg) top left no-repeat;
}

div#CUGLoginSideBar {
	position:absolute;
	width:158px;
	height:196px;
	margin-top:60px;
	margin-left:480px;
	padding-left:12px;
	background:url(../img/layout/cug-login-line-left.jpg) top left no-repeat;
}

/* Login zu Downloads */
div#CUGLoginSideBar a.navDownloadsCUG {
	display:block;
	width:156px;
	height:36px;
	background:url(../img/layout/downloadscug.jpg) top left no-repeat;
	margin-top:15px;
}

div#CUGLoginSideBar a.navDownloadsCUG:hover {
	background:url(../img/layout/downloadscug_x.jpg) top left no-repeat;
}

/* error */

div#errorNL {
	width:158px;
	margin-left:0;
}

div#errorNL .formErrorMsg {
	background-color:#990000;
	border:1px solid #FD8228;
	width:158px;
	padding:3px;
	color:#BB9301;
	margin-bottom:20px;
	color:#fff;
}

#thankYouNL {
	width:158px;
	height:35px;
	border:1px solid green;
	padding:6px 0 0 5px;
	color:#fff;
}


/* Logout zu Downloads */

div#CUGLogoutSideBar {
	position:absolute;
	width:158px;
	height:196px;
	margin-top:-387px;
	margin-left:480px;
	padding-left:12px;
	background:url(../img/layout/cug-login-line-left.jpg) top left no-repeat;
}

div#CUGLogoutSideBar a.navDownloadsCUGLogout {
	display:block;
	width:156px;
	height:36px;
	background:url(../img/layout/downloadscug-logout.jpg) top left no-repeat;
	margin-top:15px;
}

div#CUGLogoutSideBar a.navDownloadsCUGLogout:hover {
	background:url(../img/layout/downloadscug-logout_x.jpg) top left no-repeat;
}


/* Sprachumschalter */

div#changLanguage {
	position:fixed;
	width:168px;
	height:18px;
	margin:9px 0 0 8px;
}

div#changLanguage a.de {
	display:block;
	width:90px;
	height:18px;
	float:left;
	background:url(../img/layout/changeSpr-de.jpg) top left no-repeat;
}

div#changLanguage a.de:hover, div#changLanguage a.deActive {
	display:block;
	width:90px;
	height:18px;
	float:left;
	background:url(../img/layout/changeSpr-de_x.jpg) top left no-repeat;
}

div#changLanguage a.en {
	display:block;
	width:78px;
	height:18px;
	float:left;
	background:url(../img/layout/changeSpr-en.jpg) top left no-repeat;
}

div#changLanguage a.en:hover, div#changLanguage a.enActive {
	display:block;
	width:78px;
	height:18px;
	float:left;
	background:url(../img/layout/changeSpr-en_x.jpg) top left no-repeat;
}



/* Logos auf Startseite */

#startseitelogos {
	width:365px; 
	margin:0 auto; 
}

#startseitelogos a {
	float:left;
	margin-right:34px;
	vertical-align:top;
	border:0;
}

#startseitelogos a:last-child {
	margin-right:0!important;
}