/*------------------------------------------------------------------
[Master Stylesheet]

Project:		Comic Culture Verlag
Version:		0.8
Last change:	26/01/10 [editing mainstyles]
Assigned to:	Christian Rohowski
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
[Table of contents]

1. 	Body
2.	Header
3.	Navigation [Divs & Styles & Classes (nicht nur Navigations-Classes)]
		3.1		All Linkstyles & -classes
4.	Maincontent-Startseite
		4.1		Tabbar ganz oben auf der Startseite (Main)
		4.2 	Divs für Bilder
		4.3 	Divs für Kurzinfo auf Bildern
		4.4		Divs für Langinfo-Überschrift
		4.5		Divs für Langinfo
5.	Textbar
6.	Terminbar
7.	Newsbar
8.	Footerbar
		8.1		Divs für Footerbar-Bilder
		8.2		Divs für Footerbar-Infos
9.	Contentbar
10.	Footer
11.	Fullwidth-Designelements

	
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
[1. Body]
*/


body {
	background-image:url(img/background-lines.jpg);
	font-size: 12px;
	font-family: Verdana, sans-serif;
	overflow-x: visible;
	height:100%;
	margin-top: 0px;
}

#forumsticker {
position:absolute;
width:90px; 
height:87px; 
z-index:1000; 
top:105px;
left:910px; 
cursor:pointer;}

#recentnews {
position:absolute; 
top:667px; 
left:705px; 
width:268px; 
height:125px; 
background-color:#fff; 
z-index:1000;}

h1 {font-size: 21px;
       font-family: Verdana, sans-serif;
        color:#FFFFFF;
       font-weight:bold;
       background-color:#0099ff;}

h2 {font-size: 16px;
       font-family: Verdana, sans-serif;
        color:#424242;
       font-weight:bold;}

.public-info {font-size: 11px !important;
       font-family: Verdana, sans-serif !important;
        color:#424242 !important;
       font-weight:bold;
        padding-left:15px;}

p {font-size: 12px !important;
       font-family: Verdana, sans-serif !important;
        color:#000000 !important;
}


/*------------------------------------------------------------------
[2. Header]
*/

img a {border:none !important;}


#header{
	position:absolute;
	top:0px;
	left:0px;
	height:58px;
	width:1000px;
	background-color: #000000;
	z-index:1;
}

#headertext{
	font-size: 24px;
	color: #FFFFFF;
	font-family: Arial;
	margin-top:17px;
	margin-left:106px;
	letter-spacing: 0.05em;
	white-space: nowrap;
}

#logo-top{
	position:absolute;
	left:43px;
	top:0px;
	width:50px;
	height:52px;
	background-image:url(img/logo-top.jpg);
}


/*------------------------------------------------------------------
[3. Navigation {Divs & Styles & Classes (nicht nur Navigations-Classes)} ]
*/

#navigation{
	position:absolute;
	top:58px;
	left:0px;
	height:29px;
	width:1000px;
	background-image:url(img/background-lines-navi-trans.jpg);
	white-space: nowrap;
	z-index:1;
}

.spacer{
	position:absolute;
	height:17px;
}

#menu {
		position:absolute;
		width: 1000px;
		left:48px;
		top:45px;
		white-space: nowrap;
		z-index:2;
}


#menuIE {
		position:absolute;
		width: 1000px;
		left:48px;
		top:80px;
		white-space: nowrap;
		z-index:2;
} 


#menu ul {
		list-style: none;
		padding: 0;
		float: left;
		white-space: nowrap;
}

#menu h2 {

		font-size: 11px;
		font-family:arial, helvetica, sans-serif;
		font-weight:bold;
		display: inline;
		color: #424242;
		margin: 0;
		text-transform: uppercase;
		white-space: nowrap;
}


#menu h2:hover {
		color: #0099ff;
}

strong {
		font-weight: bold;
}
/*--- 3.1 All Linkstyles & -classes -----*/

a.footer {
		text-decoration:none;
		font-size:9px;
		color: #0099ff !important;
		font-family:Verdana, sans-serif;
		text-decoration:none;
                text-weight:normal !important;
}

a.footer:hover {
		text-decoration:none !important;
		font-size:9px;
		color: #FFFFFF !important;
		font-family:Verdana, sans-serif;
		text-decoration:none;
                text-weight:normal;
}

a.icons-footer {
		padding-right:2px;
		border: 0;
}

a.icons-footer:hover {
		padding-right:2px;
		border: 0;
}

a.h2 {

		font-size: 11px;
		font-family:arial, helvetica, sans-serif;
		font-weight:bold;
		display: inline;
		color: #424242;
		margin: 0;
		text-transform: uppercase;
		text-decoration:none;
		background-color:transparent;
		white-space: nowrap;
z-index:1;
}

a.h2:hover {
		color: #0099ff;
                font-size: 11px;
                text-decoration:none !important;
}

a.bild-tabbar {
		font-size: 16px;
		font-family:arial, helvetica, sans-serif;
		font-weight:normal;
		text-decoration: none;
		text-transform: uppercase;
		padding-left:40px;
		white-space: nowrap;
		z-index:5;
		cursor: pointer;
		position:relative;
}

a.bild-tabbar:hover {
		color:#fff !important;
                font-size:16px;
}

a.submenulink {
		font-size: 11px;
		font-family:arial, helvetica, sans-serif;
		font-weight:bold;
		color: #242424 !important;
		background: #ffffff;
		text-decoration: none;
		text-transform: uppercase;
		margin-left:3px;
		margin-right:3px;
		white-space: nowrap;
}

a.submenulink:hover {
		color: #0099ff !important;
                font-size: 11px;
                text-decoration: none !important;
}

a {
		color: #0099ff !important;
                text-decoration:none !important;
                font-size:12px;
                }

a:hover {
		color: #616161 !important;
                text-decoration:underline !important;
                font-size:12px;
                }

a.weiterlesen {
text-decoration:none; 
color:#FFFFFF !important;
font-family: Verdana, sans-serif; 
background-color:#0099ff; 
}

a.weiterlesen:hover  {
text-decoration:none !important; 
color:#a6a6a6 !important;
font-family: Verdana, sans-serif; 
background-color:#0099ff;
}


#menu li {
		position: absolute;
		list-style: none; 
		white-space: nowrap;
}

#menu li.main {
		position: absolute;
		left:0px;
		margin-top:1px;
		list-style: none;
		width:84px; 
		height:29px;
		padding-top:8px; 
		text-align:center;
		background:none;
		white-space: nowrap;
}

#menu li.main:hover {
	background-image:url(img/navigation-hover-trans.png);
	background-repeat:no-repeat;
	cursor: pointer;
}

#menu li.main2 {
		position: absolute;
		left:114px;
		margin-top:1px;
		list-style: none;
		width:84px; 
		height:29px;
		padding-top:8px; 
		text-align:center;
		background:none;
		white-space: nowrap;
}

#menu li.main2:hover {
	background-image:url(img/navigation-hover-trans.png);
	background-repeat:no-repeat;
	cursor: pointer;
}

#menu li.main3 {
		position: absolute;
		left:228px;
		margin-top:1px;
		list-style: none;
		width:84px; 
		height:29px;
		padding-top:8px; 
		text-align:center;
		background:none;
		white-space: nowrap;
}

#menu li.main3:hover {
	background-image:url(img/navigation-hover-trans.png);
	background-repeat:no-repeat;
	cursor: pointer;
}

#menu li.main4 {
		position: absolute;
		left:342px;
		margin-top:1px;
		list-style: none;
		width:84px; 
		height:29px;
		padding-top:8px; 
		text-align:center;
		background:none;
		white-space: nowrap;
}

#menu li.main4:hover {
	background-image:url(img/navigation-hover-trans.png);
	background-repeat:no-repeat;
	cursor: pointer;
}

#menu li.main5 {
		position: absolute;
		left:456px;
		margin-top:1px;
		list-style: none;
		width:84px; 
		height:29px;
		padding-top:8px; 
		text-align:center;
		background:none;
		white-space: nowrap;
}

#menu li.main5:hover {
	background-image:url(img/navigation-hover-trans.png);
	background-repeat:no-repeat;
	cursor: pointer;
}

#menu li.main6 {
		position: absolute;
		left:570px;
		margin-top:1px;
		list-style: none;
		width:84px; 
		height:29px;
		padding-top:8px; 
		text-align:center;
		background:none;
		white-space: nowrap;
}

#menu li.main6:hover {
	background-image:url(img/navigation-hover-trans.png);
	background-repeat:no-repeat;
	cursor: pointer;
}

#menu li.main7 {
		position: absolute;
		left:684px;
		margin-top:1px;
		list-style: none;
		width:84px; 
		height:29px;
		padding-top:8px; 
		text-align:center;
		background:none;
		white-space: nowrap;
}

#menu li.main7:hover {
	background-image:url(img/navigation-hover-trans.png);
	background-repeat:no-repeat;
	cursor: pointer;
}

#menu li.main8 {
		position: absolute;
		left:814px;
		margin-top:1px;
		list-style: none;
		width:84px; 
		height:29px;
		padding-top:8px; 
		text-align:center;
		background:none;
		white-space: nowrap;
}

#menu li.main8:hover {
	background-image:url(img/navigation-hover-trans.png);
	background-repeat:no-repeat;
	cursor: pointer;
}


#menu ul ul {
		position: absolute;
		z-index: 500;
		white-space: nowrap;
}

#sub-specials {
		position:absolute;
		height:19px;
		top:87px;
		left:360px;
		white-space: nowrap;
		visibility:hidden;
}

#sub-books {
		position:absolute;
		height:19px;
		top:87px;
		left:310px;
		white-space: nowrap;
		visibility:hidden;
}

#sub-verlag {
		position:absolute;
		height:19px;
		top:87px;
		left:510px;
		white-space: nowrap;
		visibility:hidden;
}

#left-end {
		height:19px;
		width:15px;
		background-image:url(img/submenu-leftend-trans.png);
		float:left;
}

#right-end {
		height:19px;
		width:15px;
		background-image:url(img/submenu-rightend-trans.png);
		float:left;
}

.sub {
		position: absolute;
		top:7px;
		left:-145px;
		white-space: nowrap;
		float:left;
}
	
#submenu-special {
		position:absolute;
		width:300px;
}

	
#sublinks {
			border-bottom:1px solid #000000;
			background-color:#ffffff;
			padding-top:2px;
			padding-bottom:1px;
			float:left;
}


/*------------------------------------------------------------------
[4. Maincontent-Startseite]
*/

/*--- 4.1 - Tabbar ganz oben auf der Startseite (Main) -----*/

#tabbar {
			width:938px;
			height:235px;
			background-image:url(img/tabbar/bildtabbar-frame-trans.png);
			position: absolute;
			top:114px;
			left:40px;
			z-index:3;
			overflow:hidden;
}

#tab-navigation {
			top:116px;
			left:43px;
			z-index:4;
			position:absolute;
}

/*--- 4.2 - Divs für Bilder -----*/

#bild-in-tabbar1 {
			width:483px;
			height:211px;
			position:absolute;
			top:134px;
			left:44px;
			z-index:0;
			overflow:hidden;
			display:none;
}

#bild-in-tabbar2 {
			width:483px;
			height:211px;
			position:absolute;
			top:134px;
			left:44px;
			z-index:0;
			overflow:hidden;
			display:none;
}

#bild-in-tabbar3 {
			width:483px;
			height:211px;
			position:absolute;
			top:134px;
			left:44px;
			z-index:0;
			overflow:hidden;
			display:none;
}

#bild-in-tabbar4 {
			width:483px;
			height:211px;
			position:absolute;
			top:134px;
			left:44px;
			z-index:0;
			overflow:hidden;
			display:none;
}

#bild-in-tabbar5 {
			width:483px;
			height:211px;
			position:absolute;
			top:134px;
			left:44px;
			z-index:0;
			overflow:hidden;
			display:none;
}

#bild-in-tabbar6 {
			width:483px;
			height:211px;
			position:absolute;
			top:134px;
			left:44px;
			z-index:0;
			overflow:hidden;
			display:none;
}

/*--- 4.3 - Divs für Kurzinfo auf Bildern -----*/

#bildertab-kurzinfo1 , #bildertab-kurzinfo2 , #bildertab-kurzinfo3 , #bildertab-kurzinfo4 , #bildertab-kurzinfo5 , #bildertab-kurzinfo6 {
			position:absolute; 
			margin-top:305px;
			margin-left: 55px;
			color:#fff;
			font-size:14px;
			display:none;
			z-index:4;
}

/*--- 4.4 - Divs für Langinfo-Überschrift -----*/

#bildertab-infotitle1 {
			position:absolute;
			width:400px;
			height:97px;
			font-size:33px;
			font-family:Verdana, sans-serif;
			margin-top:134px;
			margin-left:540px;
			text-align: left;
			z-index:3;
			overflow:hidden;
			text-transform:uppercase;
			display:none;
}

#bildertab-infotitle2 {
			position:absolute;
			width:400px;
			height:97px;
			font-size:33px;
			font-family:Verdana, sans-serif;
			margin-top:134px;
			margin-left:540px;
			text-align: left;
			z-index:3;
			overflow:hidden;
			text-transform:uppercase;
			display:none;
}
			
#bildertab-infotitle3 {
			position:absolute;
			width:400px;
			height:97px;
			font-size:33px;
			font-family:Verdana, sans-serif;
			margin-top:134px;
			margin-left:540px;
			text-align: left;
			z-index:3;
			overflow:hidden;
			text-transform:uppercase;
			display:none;
}
			
#bildertab-infotitle4 {
			position:absolute;
			width:400px;
			height:97px;
			font-size:33px;
			font-family:Verdana, sans-serif;
			margin-top:134px;
			margin-left:540px;
			text-align: left;
			z-index:3;
			overflow:hidden;
			text-transform:uppercase;
			display:none;
}
			
#bildertab-infotitle5 {
			position:absolute;
			width:400px;
			height:97px;
			font-size:33px;
			font-family:Verdana, sans-serif;
			margin-top:134px;
			margin-left:540px;
			text-align: left;
			z-index:3;
			overflow:hidden;
			text-transform:uppercase;
			display:none;
}
						
#bildertab-infotitle6 {
			position:absolute;
			width:400px;
			height:97px;
			font-size:33px;
			font-family:Verdana, sans-serif;
			margin-top:134px;
			margin-left:540px;
			text-align: left;
			z-index:3;
			overflow:hidden;
			text-transform:uppercase;
			display:none;
}			

/*--- 4.5 - Divs für Langinfo -----*/			
			
#bildertab-info1 {
			position:absolute;
			width:420px;
			height:135px;
			top:200px;
			left:540px;
			padding-right:10px;
			text-align: left;
			z-index:5;
			display:none;
			white-space: normal;
}
			
#bildertab-info2 {
			position:absolute;
			width:420px;
			height:135px;
			margin-top:200px;
			margin-left:540px;
			text-align: left;
			z-index:5;
			overflow:hidden;
			display:none;
			white-space: normal;
}
						
#bildertab-info3 {
			position:absolute;
			width:420px;
			height:135px;
			margin-top:200px;
			margin-left:540px;
 			text-align: left;
			z-index:5;
			overflow:hidden;
			display:none;
			white-space: normal;
}
			
#bildertab-info4 {
			position:absolute;
			width:420px;
			height:135px;
			margin-top:200px;
			margin-left:540px;
			text-align: left;
			z-index:5;
			overflow:hidden;
			display:none;
			white-space: normal;
}
			
#bildertab-info5 {
			position:absolute;
			width:420px;
			height:135px;
			margin-top:200px;
			margin-left:540px;
			text-align: left;
			z-index:5;
			overflow:hidden;
			display:none;
			white-space: normal;
}
			
#bildertab-info6 {
			position:absolute;
			width:420px;
			height:135px;
			margin-top:200px;
			margin-left:540px;
			text-align: left;
			z-index:5;
			overflow:hidden;
			display:none;
			white-space: normal;
}
/*------------------------------------------------------------------
[5. Textbar]
*/

#textbar {
			position:absolute;
			width:638px;
			height:51px;
			background-image:url(img/textbar-trans.png);
			left:40px;
			top:362px;
			overflow:hidden;
			z-index:3;
}

#text-in-textbar {
	
			position:absolute;
			width:638px;
			height:51px;
			left:40px;
			top:362px;
			overflow:hidden;
			z-index:4;
}

.textbar {
			position:relative;
			padding-top:5px;
			font-size:33px;
			font-family: Verdana, sans-serif; 
			float:left;
			z-index:5;
}


/*------------------------------------------------------------------
[6. Terminbar]
*/

#terminbar {
			position:absolute;
			width:268px;
			height:251px;
			background-image:url(img/terminbar-trans.png);
			left:709px;
			top:363px;
			overflow:hidden;
}

.termin {
			padding-left:5px;
			color:#000000;
			font-size:10px;
			font-family: Verdana, sans-serif;
			white-space: nowrap;
			letter-spacing:-1px;
}

/*------------------------------------------------------------------
[7. Newsbar]
*/

#newsbar {
			position:absolute;
			width:639px;
			height:174px;
			background-image:url(img/newsbar/newsbar-trans.png);
			left:40px;
			top:440px;
			z-index:3;
			margin-bottom:300px;
			overflow:hidden;
}

#newsbar-info {
			position:absolute;
			width:377px;
			height:105px;
			text-align:justify;
			left:287px;
			top:499px;
			white-space: normal;
			z-index:4;
color: #000 !important;

}

#newsbar-infotitle {
			position:absolute;
			width:377px;
			height:35px;
			text-transform: uppercase;
			text-align: right;
			left:287px;
			top:450px;
			white-space: normal;
			z-index:4;
}


#bild-in-newsbar {
			position:absolute;
			width:224px;
			height:158px;
			left:47px;
			top:448px;
			z-index:0;
}

/*------------------------------------------------------------------
[8. Footerbar]
*/

#footerbar {
			position:absolute;
			top:650px;
			width:1000px;
			height:160px;
			background-image:url(img/background-lines-navi.jpg);
			left:0px;
			z-index:7;
}

/*--- 8.1 - Divs für Footerbar-Bilder -----*/

#footerbar-bild1 {
			position:absolute;
			width:90px;
			height:132px;
			background-image:url(http://comic-culture-verlag.de/wb/media/Footerbar/Tab1/bild1.jpg);
			left:41px;
			top:664px;
			z-index:8;
			cursor: pointer;
}

#footerbar-bild2 {
			position:absolute;
			width:90px;
			height:132px;
			background-image:url(http://comic-culture-verlag.de/wb/media/Footerbar/Tab2/bild1.jpg);
			left:143px;
			top:664px;
			z-index:8;
			cursor: pointer;
}

#footerbar-bild3 {
			position:absolute;
			width:90px;
			height:132px;
			background-image:url(http://comic-culture-verlag.de/wb/media/Footerbar/Tab3/bild1.jpg);
			top:664px;
			left:245px;
			z-index:8;
			cursor: pointer;
}

#footerbar-bild4 {
			position:absolute;
			width:90px;
			height:132px;
			background-image:url(http://comic-culture-verlag.de/wb/media/Footerbar/Tab4/bild1.jpg);
			top:664px;
			left:346px;
			z-index:8;
			cursor: pointer;
}

/*--- 8.2 - Divs für Footerbar-Infos -----*/

#footerbar-info1 {
			position:absolute;
			top:667px;
			width:220px;
			height:126px;
			background-image:url(img/footerbar/footerbar-info-back-trans.png);
			left:458px;
			z-index:8;
			display:none;
			overflow:hidden;
			white-space: normal;
}

#footerbar-info2 {
			position:absolute;
			top:667px;
			width:220px;
			height:126px;
			background-image:url(img/footerbar/footerbar-info-back-trans.png);
			left:458px;
			z-index:8;
			display:none;
			overflow:hidden;
			white-space: normal;
}

#footerbar-info3 {
			position:absolute;
			top:667px;
			width:220px;
			height:126px;
			background-image:url(img/footerbar/footerbar-info-back-trans.png);
			left:458px;
			z-index:8;
			display:none;
			overflow:hidden;
			white-space: normal;
}

#footerbar-info4 {
			position:absolute;
			top:667px;
			width:220px;
			height:126px;
			background-image:url(img/footerbar/footerbar-info-back-trans.png);
			left:458px;
			z-index:8;
			display:none;
			overflow:hidden;
			white-space: normal;
}

.footerinfo-title {
			position:absolute;
			width:220px;
			color:#000000;
			font-weight:bold;
			top:14px;
			font-size:9px;
			text-align:center;
			text-transform:uppercase;
}

.footerinfo-subtitle {
			position:absolute;
			width:220px;
			color:#1d1d1d;
			font-weight:normal;
			top:24px;
			font-size:9px;
			text-align:center;
}

.footerinfo-text {
			position:absolute;
			width:200px;
			color:#ffffff;
			font-weight:normal;
			top:50px;
			left:10px;
			font-size:9px;
			text-align:justify;
}


/*------------------------------------------------------------------
[9. Contentbar]
*/

#contentbar {
		position:absolute;
		width:1000px;
		color:#000000;
		top:120px;
		left:40px;
		z-index:6;
}

#inhalte-eingeschoben {
		margin-left:20px;
                margin-right:20px;
		white-space: normal;
		overflow:hidden;
		font-family:Verdana, sans-serif;
}

/*------------------------------------------------------------------
[10. Footer]
*/

#footer {
		position:absolute;
		left:0px;
		top:810px;		
		width:1000px;
		height:17px;
		background-color:#000000;
		padding-top:4px;
		font-size:9px;
		color: #0099ff;
		z-index:5;
		display:block;
                font-weight:normal !important;
}

#footerfixed {
		position:fixed;
                 top: auto;
                right: auto;
		bottom:0px;		
		width:1000px;
		height:17px;
		background-color:#000000;
		padding-top:4px;
		font-size:9px;
		color: #0099ff;
		z-index:1000;
                left: 50%;
                margin-left:-500px;
}

#copyrightvermerk {
		position:absolute;
		left:40px;
		font-size:9px;
		color: #0099ff;
}

#sonstiges-footer {
		position:absolute;
		left:660px;
		font-size:9px;
		color: #0099ff;
               font-weight:normal !important;
}

#icons-footer {
		position:absolute;
		left:600px;
white-space: nowrap;
}

/*------------------------------------------------------------------
[11. Fullwidth-Designelements]
*/

#wrapper {
		position: absolute;
		left: 50%;
		width: 1000px; /* Breite des Elements */
		margin-left: -500px; /* Breite des Elements geteilt durch zwei! */
}

#fullwidth-header {
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height:58px;
		background-color:#000000;
		z-index:0;
}

#fullwidth-navigation {
		position:absolute;
		top:58px;
		left:0px;
		height:29px;
		width:100%;
		background-image:url(img/background-lines-navi.jpg);
		z-index:0;
}

#fullwidth-footerbar {
		position:absolute;
		top:650px;
		width:100%;
		height:160px;
		background-image:url(img/background-lines-navi.jpg);
		left:0px;
		z-index:0;
		display: block;
}

#fullwidth-footer {
		position:absolute;
		left:0px;
		top:810px;		
		width:100%;
		height:21px;
		background-color:#000000;
		z-index:0;
		display:block;
}

#fullwidth-footerfixed {
		position:fixed;
		left:0px;
		bottom:0px;		
		width:100%;
		height:17px;
		background-color:#000000;
padding-top:4px;
		z-index:900;
		display:block;
}

.preload {
		width: 90px;
		height: 132px;
		position:absolute;
		top:0px;
		left:0px;
		z-index:0;
		display:none;
}

font.weiss {font-size:24px; color:#ffffff;}

#maincontent {font-size:12px; color:#000;}