/*
Theme Name: koelsch
Theme URI: http://ic3.de/
Description: The 2010 theme for WordPress is stylish, customizable, simple, and readable -- make it yours with a custom menu, header image, and background. Twenty Ten supports six widgetized areas (two in the sidebar, four in the footer) and featured images (thumbnails for gallery posts and custom header images for posts and pages). It includes stylesheets for print and the admin Visual Editor, special styles for posts in the "Asides" and "Gallery" categories, and has an optional one-column page template that removes the sidebar.
Author: the IC3 team
Version: 1.0
Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style
*/


/* =Reset default browser CSS.
-------------------------------------------------------------- */

/*--------------------------- General setting ----------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}


body {
		background-color: #fdf7d7;
		background-image: url('images/sky.jpg');
		background-repeat: repeat-x;
		font-family: Arial,Helvetica,sans-serif;
		font-size: 12px; 
		color: #444444;
}

#bk_piple {
		position: relative;
		background-image: url('images/bk_piple.png');
		background-repeat: repeat-x;
		height: 177px;
		margin: 0px 0px -7px 0px;
		top: 26px;
}

#ex {
		position: absolute;
		background-image: url('images/ex.png');
		background-repeat: no-repeat;
		width: 777px;
		height: 446px;
		left: 50%;
		margin-left: -700px;
		top: -140px;
}

#bable {
		position: absolute;
		background-image: url('images/bable.png');
		background-repeat: no-repeat;
		width: 776px;
		height: 333px;
		left: 50%;
		margin-left: -670px;
		top: -140px;
		z-index: 100;
}

.clear {
		clear: both;
}
/*---- container ----*/
#container {
		position: absolute;
		width: 870px;
		left: 50%;
		margin-left: -435px;
		top: 150px;
}

#logo {
		position: absolute;
		background-image: url('images/logoPartybar.png');
		background-repeat: no-repeat;
		width: 140px;
		height: 188px;		
		top: -160px;
		margin-left: 720px;
}

/*-- header --*/
#header .title {
		background-image: url('images/title.png');
		background-repeat: no-repeat;
		width: 250px;
		height: 49px;
		display: block;
		position: relative; 
		z-index: 101;
}

#header .myTitle h3 {
		font-size: 18px;
		font-style: italic;
		font-weight: bold;
		color: #292824;
}

/*-- navigation --*/
#navigation {
		background-image: url('images/navi_bar.png');
		background-repeat: no-repeat;
		width: 876px;
		height: 46px;
		margin: 10px 0px 10px 0px;
		padding: 10px 0px 0px 3px; 
}

#navigation a {
		position: relative;
		text-decoration: none;
		font-size: 14px;
		padding-right: 15px;
		padding-left: 15px;
		color: #444444;
		text-shadow: 1px 1px 1px white;
		top: -10px;
}

#navigation a:hover {
		background-color: #222326;
		color: #fefefe;
		text-shadow: 1px 1px 1px black;
		padding: 12px 15px 12px 15px;
}

#navigation .iconBtn img{
		position: relative; 
		top: 5px;
} 

#communityNavi {
		position: absolute;
		height: 20px;
		width: 200px;
		margin-top: -52px;
		margin-left: 670px;
}

#communityNavi-special {
		position: absolute;
		height: 20px;
		width: 80px;
		margin-top: -52px;
		margin-left: 790px;
}

#communityNavi .iconBtnFacebook, #communityNavi-special .iconBtnFacebook{
		float: right;
		margin-right: 10px;
		background-image: url('images/btn_mini_facebook.png');
		background-repeat: no-repeat;
		width: 18px;
		height: 18px;
}

#communityNavi .iconBtnFacebook:hover, #communityNavi-special .iconBtnFacebook:hover{
		background-image: url('images/btn_mini_facebookOver.png');
}

#communityNavi .iconBtnLokalisten, #communityNavi-special .iconBtnLokalisten{
		float: right;
		margin-right: 8px;
		background-image: url('images/btn_mini_lokalisten.png');
		background-repeat: no-repeat;
		width: 18px;
		height: 18px;
}

#communityNavi .iconBtnLokalisten:hover, #communityNavi-special .iconBtnLokalisten:hover{
		background-image: url('images/btn_mini_lokalistenOver.png');
}


#navigation .linkFirst {
		-moz-border-radius: 6px 0px 0px 6px;
		-webkit-border-radius: 6px 0px 0px 6px;
		border-radius: 6px 0px 0px 6px;
}



#navigation .link-activ {
		background-color: #222326;
		color: #fefefe;
		text-shadow: 1px 1px 1px black;
		padding: 12px 15px 12px 15px;
}

/*-- footer --*/
#footer {
		margin-top: 20px;
		margin-bottom: 20px;
}


#footer .copyright {
		font-family: georgia;
		font-size: 18px;
		color: #444444;
		font-style: italic;
		text-shadow: 1px 1px 1px white;
		border-bottom: 1px dashed #c6c6c6;
		padding-bottom: 5px;
		margin-bottom: 8px;
}

#footer .copyright a {
		color: #888888;
		text-decoration: none;
}

#footer .copyright a:hover {
		text-decoration: underline;
}

#footer .copyright b {
		font-size: 12px;
		font-weight: normal;
		color: #888888;
} 

#footer #navigationFooter {
		color: #919191;
}
#footer #navigationFooter a{
		color: #919191;
		text-decoration: none;
}

#footer #navigationFooter a:hover {
		color: #497ed5;
}

#footer #navigationFooter .firstLink {
	color: #497ed5;	
}

#footer #navigationFooter .firstLink:hover {
		color: #27539a; 
}

/*-- content page ( entry-content ) --*/
#page{
		padding: 8px;
		background-color: white;
		border: 1px solid #c5c0a8;
		margin-left: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
}

#page .entry-content {
		margin-top: 15px;
		margin-bottom: 10px;
		color: #666666;
		font-size: 12px;
}

#page .entry-content .edit-link  a {
		background-color: #e1e9f7;
		border: 1px solid #b0c1de;
		color: #27539a;
		padding: 5px;
		text-align: center;
		width: auto;
		margin-top: 20px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		display: block;
		text-decoration: none;
		font-size: 13px;
}

#page .entry-content .edit-link  a:hover {
		background-color: #eeeeee;
		color: #444444;
		border-color: #dddddd;
}

.entry-title {
		font-size: 26px;
		color: #1b1b1d; 
		text-shadow: 2px 2px 1px #b8b8b8;
}

/*-- permalink  --*/
#permalink{
		margin-top: 2px;
		margin-bottom: 10px;
		color: #222222;
		font-style: italic;
		font-size: 12px;
}

#permalink a {
		color: #999999;
		text-decoration: none;
}

#permalink a:hover {
		text-decoration: underline;
}
/*end*/

/*---- setting Intro ----*/
#boxIntro {
		margin-top: 60px;
		margin-bottom: 60px;
}

#boxIntro .boxMuenchen {
		float: left;
}

#boxIntro .boxEbersberg {
		float: left;
		margin-right: 50px;
}

#boxIntro .boxRosenheim {
		float: right;
}



#boxIntro .boxCityLink .bk_city {
		background-image: url('images/bk_city.png');
		background-repeat: no-repeat;
		width: 248px;
		height: 111px; 
		padding: 10px 0px 0px 15px;
		display: block;
		color: white;
		text-decoration: none;
}

#boxIntro .boxCityLink .bk_city h2 {
		font-size: 30px;
}

#boxIntro .boxCityLink .bk_city p {
		font-size: 15px;
		font-style: italic;
		margin-top: -2px;
}

#boxIntro .boxCityLink .bk_city:hover{
		color: #497ED5;
}

#boxIntro .boxCityLink .btn {
		background-image: url('images/btn.png');
		background-repeat: no-repeat;
		width: 244px;
		height: 44px;
		display: block;		
		color: white;
		text-decoration: none;
}

#boxIntro .boxCityLink .btn:hover {
		background-image: url('images/btnOver.png');
}

#boxIntro .boxCityLink .btn p {
		padding: 15px 0px 0px 15px;
}

/*end*/

/*----  Contact form ----*/
/*---- Contact style ----*/
.entry-content input[type="text"] {
		border: 1px solid #C6C6C6;
		margin-bottom: 4px;
		margin-top: 4px;
		padding: 4px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
}

.entry-content input[type="text"]:focus {
		border-bottom-color: #AAAAAA !important;
		border-top-color: #AAAAAA !important;
		-moz-box-shadow: 0 0 7px #87AEE7;
		-webkit-box-shadow: 0 0 7px #87AEE7;
		box-shadow: 0 0 7px #87AEE7;
		outline-style: none;
}

.entry-content textarea {
		-moz-border-radius:3px;
		-webkit-border-radius: 3px;
		border-radius:3px;
		border:1px solid #C6C6C6;
		padding:4px;
		width: 580px;
		margin-bottom: 10px;
}

.entry-content textarea:focus {
		border-bottom-color: #AAAAAA !important;
		border-top-color: #AAAAAA !important;
		-moz-box-shadow: 0 0 7px #87AEE7;
		-webkit-box-shadow: 0 0 7px #87AEE7;
		box-shadow: 0 0 7px #87AEE7;
		outline-style: none;
}

.entry-content .elementContant {
		margin-top: 6px;
}

.entry-content .elementContant .captchac {
		background-color: #f4f4f4;
		padding: 6px;
		width: 275px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
}

.entry-content .elementContant p {
		padding: 2px;
}

.entry-content .elementContant select {
		-moz-border-radius:3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		border:1px solid #C6C6C6;
		padding:4px;
		width: 270px;
}


.entry-content .elementContant .wpcf7-not-valid-tip-no-ajax {
		background-color: #F17F7F;
		border: 2px solid #DD6060;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		padding: 4px;
		text-align: center;
		color: #444444;
		margin-top: 2px;
		width: 260px;
		
}

.entry-content .wpcf7-validation-errors, .entry-content .wpcf7-mail-sent-ng {
		background-color: #F17F7F;
		border: 2px solid #DD6060;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		border-radius: 6px;
		padding: 6px;
		text-align: center;
		color: #444444;
		margin-top: 25px;
		text-shadow: none;
}

.entry-content .wpcf7-mail-sent-ok {
		background-color: #84f17f;
		border: 2px solid #66dd60;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		border-radius: 6px;
		padding: 6px;
		text-align: center;
		color: #444444;
		margin-top: 25px;
		text-shadow: none;
}

.entry-content .elemntContentInfo {
		color:#6F6F6F;
		font-family:Georgia;
		font-size:12px;
		font-style:italic;
		text-shadow:1px 1px 0.2px #FFFFFF;
		background-color: #f4f4f4;
		padding: 6px;
		margin-top: 10px;
		margin-bottom: 10px;
		width: 450px;
		text-align: left;
		line-height: 17px; 
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
}


.entry-content .elemntContentInformativo {
		color: #6F6F6F;
		font-family: Georgia;
		font-size: 12px;
		font-style: italic;
		text-shadow: 1px 1px 0.2px #FFFFFF;
		background-color: #f4f4f4;
		padding: 6px;
		margin-top: 20px;
		margin-bottom: 20px;
		width: 580px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
}

.entry-content .elemntContentInformativo p {
		margin-bottom: 5px;
}

.entry-content .elemntContentInformativo span{
		font-family: Arial,Helvetica,sans-serif;
		font-size: 11px;
		color: #999999;
		font-style: normal;
		text-shadow: none;
}
/*-end-*/

/*----  List Drink  ----*/
#contListProduct h2 {
		font-size: 15px;
		background-color: #222326;
		color: #444444;
		margin-top: 20px;
		color: white;
		padding: 4px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
}

.listProduct {
		padding: 2px;
		background-color: white;
		border: 1px solid #dddddd;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		margin-top: 5px;
}

.listProduct table {
		width: 100%;
		background-color: white;
		padding: 0px;
		margin: 0px;
		font-size: 12px;
		border-collapse:collapse;
		font-family: georgia;
		font-style: italic;
		/* text-shadow: 1px 1px 1px #c6c6c6; */
}

.listProduct .odd {
		background-color: #d1e1f7;
}

.listProduct table td {
		padding: 10px;
}

.listProduct table td strong {
		font-family: georgia;
		font-weight: normal;
		font-size: 9px;
		font-style: normal;
		position: relative;
		top: -4px;
		left: 2px;
		color: #777777;
}

.listProduct .mis {
		width: 660px;
}

.listProduct p {
		font-size: 10px;
		font-family: Arial,Helvetica,sans-serif;
		font-style: normal;
}

.infoDrink {
		font-size: 9px;
		color: #888888;
		margin-top: 20px;
		background-color: #eeeeee;
		padding: 6px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;		
}
/*end*/
/*----  Home single page  ----*/
#home .banner {
		float: left;
		width: 630px;
		margin-left: 5px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
}

#home .banner .titleEvent {
		background-color: #232220;
		padding: 2px 0px 2px 10px;
		color: white;
		font-family: Arial,Helvetica,sans-serif; 
		font-size: 22px;
		font-style: italic;
		font-weight: normal;
		margin-bottom: 10px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
}

#home .banner .eventHome {
		position: relative;
		background-color: #f6f6f6;
		padding: 8px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		margin-bottom: 10px; 
		border: 1px solid #C5C0A8;
		color: #555555;
		font-family: Arial,Helvetica,sans-serif;
		font-style: normal;
		text-align: center;
}

#home .banner .eventHome h3 {
		font-family: Arial;
		font-size: 26px;
		text-shadow: 2px 2px 1px #B8B8B8;
		color: #1B1B1D;
		font-style: italic;
		margin: 0px 0px 3px 0px;
}

#home .banner .eventHome b {
		font-weight: normal;
		font-size: 13px;
		color: #497ED5;
}

#home .banner .eventHome .data {
		font-size: 20px;
		font-weight: bold;
}

#home .info {
		float: left;
		width: 214px;
		height: 300px;
		margin-left: 20px;
		background-color: #232220;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
}

#home .info h2, #home .info h3, #home .info p {
		padding: 8px 0px 0px 8px;
		font-weight: normal;
}

#home .info h3 {
		color: white;
		font-size: 14px;
}

#home .info h2 {
		color: white;
		font-size: 22px;
}

#home .info p {
		margin-bottom: 55px;
		margin-top: 10px;
		color: #999999;
}

#home .info p b {
		color: white;
		font-weight: normal;
}

#home .info .btn, .btnHome {
		background-image: url('images/btn00.png');
		background-repeat: no-repeat;
		width: 212px;
		height: 43px;
		display: block;
		font-size: 15px;
		color: white;
		text-decoration: none;
		margin-top: 5px;
		margin-left: 1px;
}

#home .info .btn:hover, .btnHome:hover {
		background-image: url('images/btn00_Over.png');
}

#home .info .btn p, .btnHome p {
		padding: 12px;
		margin: 0px;
		color: white;
} 

/*----  Maps style ----*/
#map {
		background-color: #eeeeee;
		padding: 8px;
		width: 830px;
		height: 340px;
}

.mapInfo {
		background-color: #eeeeee;
		padding: 8px;
		margin-top: 10px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
}

/*----  Dome  ----*/
#dome {
		position: fixed;
		background-image: url('images/dome.png');
		background-repeat: no-repeat;
		width: 403px;
		height: 405px;
		right: 0px;
		bottom: 0px;
		z-index: -100;
}
/*end*/