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

html {
	/* no scrollbars jump */
	height:100%;
	margin-bottom: 1px;
}

body {
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#696969;
	margin:0px 0px 40px 0px;
	background-color:#FFFFFF;
}

a:link, a:visited, a:active {
	color:#FF6600;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

p {
	margin-top:0px;
}

#all {
	position:relative;
	margin:0px auto;
	width:900px;
}

#shopLogo {
	position:absolute;
	top:5px;
	left:800px;
	width:90px;
	height:67px;
	background-repeat:no-repeat;
	z-index:100;
}

#logo {
	position:absolute;
	top:40px;
	left:0px;
	width:225px;
	height:38px;
	background-repeat:no-repeat;
	z-index:100;
}

#logo a {
	display:block;
	width:225px;
	height:38px;
}

#shopLogo a {
	display:block;
	width:90px;
	height:67px;
}

#navigation {
	position:absolute;
	top:0px;
	left:0px;
	z-index:50;
}

#content {
	position:absolute;
	display:block;
	width:900px;
	top:200px;
	left:0px;
	z-index:80;
	padding-bottom:30px;
}

#content-start {
	position:absolute;
	display:block;
	width:900px;
	top:100px;
	left:0px;
	z-index:80;
	padding-bottom:30px;
}

#content-text {
	width:370px;
	line-height:16px;
}

#content-text-mitglieder {
	width:370px;
	line-height:16px;
	margin-left:143px;
}

.lyrics {
	background-color:#ff3600;
	padding:1px 0px 1px 0px;
	font-size:14px;
	line-height:19px;
	color:#FFFFFF;
}

#col-left {
	position:relative;
	float:left;
	width:264px;
	z-index:150;
}

#col-left-big {
	position:relative;
	float:left;
	width:254px;
	margin-left:-30px;
	z-index:150;
}


#col-main {
	float:left;
	width:592px;
	margin-left:42px;
}

#mitglieder {
	position:relative;
	margin-left:-65px;
	width:750px;
	height:582px;
	background-image:url(images/mitglieder.gif);
	background-repeat:no-repeat;
}

#footer {
	display:block;
	margin-top:50px;
	border-top:9px solid #ff6600;
	padding-top:15px;
	font-weight:bold;
	line-height:18px;
}

#footer a {
	color:#333333;
}

a.olli:hover {
	color:#57cc09;
}

a.sepp:hover {
	color:#1a97cb;
}

a.hans:hover {
	color:#4d00ac;
}

a.yossarian:hover {
	color:#f50051;
}

a.manu:hover {
	color:#ff6000;
}

a.homepage:link, a.homepage:active, a.homepage:visited {
	display:block;
	width:478px;
	height:97px;
	background-image:url(images/homepage_off.gif);
	background-repeat:no-repeat;
}

#homepageWrapper {
	margin:0px auto;
	width:600px;
}

div#homepageWrapper:hover a.homepage:link, div#homepageWrapper:hover  a.homepage:active, div#homepageWrapper:hover  a.homepage:visited{
	background-image:url(images/homepage.gif);
}


a.homepage:hover #homepage_links {
	background-color:#FFFFFF;
}

#homepage_links a:link, #homepage_links a:active, #homepage_links a:visited {
	color:#333333;
	text-decoration:none;
}

#homepage_links a:hover {
	color:#ff6600;
} 

a.facebook:link, a.facebook:active, a.facebook:visited {
	display:block;
	width:320px;
	height:65px;
	background-image:url(images/fb_off.jpg);
	background-repeat:no-repeat;
}

div#facebookWrapper:hover a.facebook:link, div#facebookWrapper:hover a.facebook:active, div#facebookWrapper:hover a.facebook:visited {
	background-image:url(images/fb_on.jpg);
}

#facebookWrapper {
	margin:0px auto;
	width:410px;
}

#facebook_links {
    padding-top: 20px;
}

#facebook_links a:link, #facebook_links a:active, #facebook_links a:visited {
	color:#333333;
	text-decoration:none;
}

#facebook_links a:hover {
	color:#ff6600;
} 

#footer-start {
	margin:0px auto;
	width:320px;
}

.bold {
	font-weight:bold;
}

.big {
	text-transform:uppercase;
}

.normal {
	text-transform:none;
}

.extra_big {
	font-size:28px;
}

.orange, a.orange:link, a.orange:visited, a.orange:active {
	color:#ff6600;
	text-decoration:none;
}

.darkorange, a.darkorange:link, a.darkorange:visited, a.darkorange:active {
	color:#ff3600;
	text-decoration:none;
}
	
.green, a.green:link, a.green:visited, a.green:active {
	color:#33ce3e;
	text-decoration:none;
}
	
.darkgreen, a.darkgreen:link, a.darkgreen:visited, a.darkgreen:active {
	color:#009126;
	text-decoration:none;
}

.gray, .gray a {
	color:#333333;
	text-decoration:none;
}

.lightgray, .lightgray a {
	color:#999999;
	text-decoration:none;
}

.left {
	float:left;
}

.right {
	float:right;
}

.absolute {
	position:absolute;
}

.center {
	text-align:center;
}

.clear {
	clear:both;
}