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

	Projekt		|	Starlight Bowling

	Copyright	|	robau Mediengestaltung

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

@import 'reset.css';

/*	body
------------------------------------------------------------------------------*/
body {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: x-small;
	text-align:center;
	height:100%;
	background-image:url(../images/bg_bodyneu.png);
	background-repeat:no-repeat;
	background-position:center top;
}

.clearer {
	display:block;
	clear:both;
	line-height:0;
	height:1px;
	font-size:0;
	visibility:hidden;
}

.bold {
	font-weight:bold;
}

/*	html
------------------------------------------------------------------------------*/
html {
	min-height: 100%;
	margin-bottom: 1px;
	background-image:url(../images/bg_html.jpg);
	background-repeat:repeat-x;
	background-color:#0099FF;
}

/*	website
------------------------------------------------------------------------------*/
#website {
	position:relative;
	z-index:5;
	margin:0 auto;
	height:100%;
	width:850px;
	color:#021E31;
	text-align:left;
	padding-bottom:125px;
	margin-bottom:-125px;
}

/*	logo
------------------------------------------------------------------------------*/
#logo {
	width:850px;
	height:133px;
	text-align:right;
}

/*	header
------------------------------------------------------------------------------*/
#header {
	width:850px;
	height:152px;
	background-image:url(../images/bg_header.png);
	background-repeat:no-repeat;
}

/*	content
------------------------------------------------------------------------------*/
#content {
	width:850px;
	background-image:url(../images/bg_content.png);
	background-repeat:repeat-y;
	padding-bottom:30px;
	margin-bottom:-42px;
	position:relative;
}

.hr_main {
	background-image:url(../images/bg_hr.png);
	background-repeat:no-repeat;
	margin:25px 0 5px 55px;
	width:414px;
}

#sommer {
	position:absolute;
	left:600px;
	top:20px;
}

#winter {
	position:absolute;
	left:600px;
	top:10px;
	z-index:100;
	display:inline;
}
 
/*	navigation
------------------------------------------------------------------------------*/
#nav {
	width:225px;
	height:330px; /*Übergangswert*/
	/*height:465px; Wert für fertige Version*/ 
	background-image:url(../images/bg_nav.png);
	background-repeat:no-repeat;
	margin-left:15px;
	padding-top:10px;
}

#nav ul {}

#nav ul li {}

#nav ul li a {
	background-image:url(../images/nav_divider.png);
	background-repeat:no-repeat;
	background-position:bottom left;
	display:block;
	color:#BBB;
	height:18px;
	font-size:13px;
	padding:7px 0 8px 30px;
}

#nav ul li a:hover {
	color:#EEE;
}

#nav ul li a.active {
	background-image:url(../images/bg_nav_active_pin.png);
	background-repeat:no-repeat;
	background-position:bottom left;
	color:#EEE;
	position:relative;
	left:-15px;
	padding-left:45px;
}

#nav ul li a.last_link {
	background-image:none;
}

/*	subnavigation
------------------------------------------------------------------------------*/
#nav .subnav {}

#nav .subnav li a {
	background-image:url(../images/bg_nav_active.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;
	padding:7px 0 8px 45px;
}

#nav .subnav ul li a:hover {}

#nav .subnav ul li a.sub_active {
	background-image:url(../images/bg_nav_active.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;
	font-weight:bold;
	color:#EEE;
	padding-left:57px;
}

/*	left
------------------------------------------------------------------------------*/
#left {
	width:240px;
	font-size:11px;
	line-height:130%;
	float:left;
	color:#DDDDDD;
	/*background-image:url(../images/bg_left.png);
	background-repeat:no-repeat;*/
}

#left_txt {
	width:175px;
	padding:0 0 0 45px;
	font-size:10px;
}

#left_txt p {
	margin-bottom:7px;
}

#left_txt .date {
	font-weight:bold;
	color:#FFF;
}

#left_txt a {
	color:#FFF;
	text-decoration:none;
}

#left_txt a:hover {
	color:#FFF;
	text-decoration:underline;
}

#left_txt .hr_left {
	background-image:url(../images/bg_hr_left.png);
	background-repeat:no-repeat;
	margin:10px 0 10px 0;
	width:182px;
}

/*	main
------------------------------------------------------------------------------*/
#main {
	width:545px;
	font-size:12px;
	line-height:160%;
	float:left;
	padding:0 45px 20px 20px;
}

#main .txt {
	background-image:url(../images/line.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	padding:0 0 20px 0;
	margin:0 0 20px 0;
}

#main p {
	margin:0 0 10px 0;
}

#main p.center {
	margin:0 0 10px 0;
	text-align:center;
}

#main a {
	color:#750000;
	text-decoration:underline;
}
#main a:hover {
	text-decoration:none;
}

#main ul {
	overflow:auto;
	zoom:1;
}

#main ul li {
	background-image: url(../images/main_bullet.gif);
	background-repeat:no-repeat;
	padding-left:20px;
	margin-bottom:8px;
}

#main a img{
	margin-right:15px;
	margin-bottom:15px;
	padding:1px;
	border:1px solid #021E31;
}

/*	footer
------------------------------------------------------------------------------*/
#footer {
	width:850px;
	margin:0 auto;
	padding-top:35px;
	font-size:10px;
	background-image:url(../images/bg_footer.png);	
	background-repeat:no-repeat;
	height:145px;
	color:#7DBBFF;
	position:relative;
	z-index:10;
}

#footer a {
	color:#C6E1FF;
}

#footer a:hover {
	color:#FFF;
}

.white {
	color:#FFF;
}

.copyright {
	text-align:center;
	position:relative;
	top:45px;
}

#footer .footer_links {
	padding-top:15px;
	color:#DDD;
}

#footer .footer_links a{
	color:#DDD;
	padding:0 7px 0 7px;
}

#footer .footer_links a:hover{
	color:#FFF;
	text-decoration:underline;
}

#bg_bottom {
	height:500px;
	position:relative;
	z-index:1;
	margin-top:-495px;
	background-image:url(../images/bg_websiteneu.png);
	background-position:bottom;
	background-repeat:no-repeat;
}

/*	Headlines
------------------------------------------------------------------------------*/

/* Headline 1 */
h1 {
	color:#FFF;
	height:48px;
	width:566px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	background-image:url(../images/bg_h1.png);
	background-repeat:no-repeat;
	margin-left:24px;
	margin-bottom:10px;
	padding:36px 0 0 95px;
}

/* Headline 2 */
h2 {
	color:#750000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	background-image:url(../images/h2_bg.gif);
	background-repeat:no-repeat;
	margin-bottom:10px;
}

/* Headline 3 */
h3 {
	color:#750000;
	font-size:12px;
	font-weight:bold;
}

/* Headline 4 */
h4 {
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	padding:0 0 5px 0;
	margin:0 0 10px 0;
	background-image:url(../images/bg_hr_left.png);
	background-repeat:no-repeat;
	background-position:bottom;
}

/* Headline 5 */
h5 {
	color:#750000;
	font-size:12px;
	font-weight:bold;
	margin:0 0 5px 0;
}

/* Headline 6 */
h6 {
	color:#750000;
	font-size:11px;
	font-weight:bold;
	margin:10px 0 3px 0;
}

/*	bilder
------------------------------------------------------------------------------*/
.img_right {
	float:right;
	border:1px solid #021E31;
	padding:1px;
	margin-left:8px;
	margin-bottom:8px;
}

.img_left {
	float:left;
	border:1px solid #021E31;
	padding:1px;
	margin-right:8px;
	margin-bottom:8px;
}


/**
 * ---------------------------------------------------------------------------------
 * Grey Box Method - ADD-ONS CSS
 * ---------------------------------------------------------------------------------
 * FANCYBOX
 * ---------------------------------------------------------------------------------
 * Galerie / Image
 * ---------------------------------------------------------------------------------
 */
#galerie {
	padding: 20px;
    /* display: block; */
}
.galerie-image {
	/* width: 270px; */ /* wird im Modul Galerie bestimmt! */
	float: left;
	position: relative;
	padding: 5px;
}
.galerie-image img {
	padding: 10px;
	border: 1px solid #aaa;
}