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






a:link {color:#FAEDC0;text-decoration:none; outline: none; list-style-type:none; }
a:visited {color:#FAEDC0;text-decoration:none;outline: none; list-style-type:none;}
a:hover{color:#0066CC;text-decoration:none;outline: none; list-style-type:none;}






/*Farben
Background: #A12116*/
html{
	
	height:100%;
	}

body {
	
	margin: 0;
	padding:30px;
	font-family:Helvetica, sans-serif;
	background-color:#A12116;

	
	
}

#top {
	float: left;
	width: 1px; height: 50%;
	margin-bottom: -362px;
}

#maincontainer {
	clear: left;
	position: relative;
	margin: 0 auto;
	width: 792px;
	height:650px;
	background-image:url(images/content_bg.png);
	background-repeat:no-repeat;
	/*border: 1px dashed #666666;*/
	
	
}


/*---------------------HEAD----------------------------*/

#header {

	height:100px;
	/*border: 1px dashed #666666;*/
	overflow: visible;
	
}



#logo_clochard  {
	width:211px;
	height:80px;
	float:left;
	margin-left:100px;
	margin-top:30px;
	background-image: url(images/lc_logo.png); 
	background-repeat:no-repeat;
	
}

#logo_barth {
	background-image:url(images/barthgastro_logo.png);
	background-repeat:no-repeat;
	width:99px;
	height:59px;
	float:right;
	margin-right:55px;
	margin-top:25px;
	
}




h1#title {
	position:absolute;
	left:255px;
	top:33px;
	width:145px;
	padding:19px 15px 15px 15px;
	margin:0;
	font: 30px 'Lobster', serif, Arial, serif;
	color:#ffffff;

}
	
h1#title span {
	display:block;padding: 0 0px 0 0 0;font-size:18px;color: #999;
	
}

#description{
	
	padding:35px 50px 5px 300px;height:100px;font-family: "Minion", italic, Times, serif
	
}



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

h4#headline {
	position:absolute;left:125px;top:138px;width:230px;padding:25px 15px 15px 15px;margin:0;font: 'Verdana', serif, Arial, serif; color:#fff; z-index:2;
}



h1#box1 {
	position:absolute;left:12%;top:200px;width:480px;padding:25px 15px 15px 15px;margin:0;font:  14px 'Verdana', serif, Arial, serif;
	color:#FFF; line-height:20px; z-index:2;

}
	
h1#boximp {
	position:absolute;left:15%;top:185px;width:480px;padding:25px 15px 15px 15px;margin:0;font:  14px 'Verdana', serif, Arial, serif;
	color:#FFF; line-height:20px; z-index:2;

}


.bild { position:absolute;  
	}

	.index {background-image:url(images/bild_index.png); background-repeat:no-repeat; width:280px; height:186px;left:390px; top:383px; }
	.vfb {background-image:url(images/bild_vfb.png); background-repeat:no-repeat; width:437px; height:173px; left:230px; top:353px; }
	.events {background-image:url(images/bild_events.png); background-repeat:no-repeat; width:280px; height:210px; left:390px; top:360px; }
	.drinks {background-image:url(images/bild_drinks.png); background-repeat:no-repeat; width:202px; height:266px; left:450px; top:300px; }
	.anfahrt {background-image:url(images/bild_anfahrt.png); background-repeat:no-repeat; width:190px; height:190px; left:440px; top:360px; z-index:2; }
	
#eventtipp {
	background-image:url(images/evnettipp.png); background-repeat:no-repeat; position:absolute;left:35px; top:490px; width:120px; height:80px; 
	
	}
	

#karte {
	background-image: url(images/map.jpg); background-repeat:no-repeat; position:absolute;left:140px; top:220px; width:438px; height:278px; 
	
	}

#design {
	position:absolute;left:330px; top:480px; width:400px; height:80px; color:#FFFFFF; font-size:14px; line-height:1.7;
	
	}
#eventplakat{
	background-image: url(images/eventplakat.png); background-repeat:no-repeat; 
	position:absolute;left:75px; top:75px; width:120px; height:200px; 
	
	}
/*---------------------MENU----------------------------*/
	
	
#navcontainer{
		position:absolute; left:620px; top:170px; list-style-type:none; line-height:35px; letter-spacing:1px; font-family:  'Ultra', serif; font-size:17px;
		text-decoration:none; color:#FAEDC0;
		}		
#navcontainer ul
{
list-style: none;margin: 0;padding: 0;border: none;
}
#navcontainer li
{margin: 0;
}
#navcontainer li a
{color:#FAEDC0;text-decoration: none;list-style-type:none
}

#navcontainer li a:hover
{color: #A12116;
}

#navcontainer ul li a#current
{color: #A12116;
}

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


#impressum {position:absolute; width:127px; height:31px; top:588px; right:215px;  font-family:  'Ultra', serif; font-size:12px;}

#paradies { position:absolute; width:127px; height:31px; top:580px; right:100px;}