/* Kranhauscafe Berlin 
 * created July 2009
 */

* {margin:0; padding:0;}



/******** General tags ********/

body {
	font:76% Helvetica,Tahoma,Arial,sans-serif;
	background:#CDCDCD;
	color:#202020;
	line-height:1.2em;
	margin:0px auto 0 auto;
	padding:0;
	overflow:hidden;
	overflow-y:scroll;
}


#khclogo {
	width:406px;
	height:82px;
	background: url(../../webimg/kranhauscafe_logo.png) top center no-repeat;
	z-index:2;
	float:right;
	margin-top: 5px;
	margin-right:8px;
}

#khclogo:hover {
	cursor: hand;
	cursor: pointer;
}

a {
	text-decoration:underline;
	color:#666666;
}

a:hover {
	color:#330099;
}

a img { 
	border:0;
}

p { 
	font-size:1.1em;
	line-height:1.3em;
	margin:0 0 14px 5px;
}

ul,ol,dl {
	margin:2px 0 16px 35px;
	font-size:1.1em;
}

ul ul,ol ol {
	margin:4px 0 4px 30px;
	font-size:1.1em;
}

h1 {
	font-size:25px;
	font-family: Helvetica,Tahoma,Arial;
	letter-spacing: 1px;
	line-height: 1em;
	color:#0c0c0c;
	padding: 20px 0px 20px 5px;
}

h2 {
	font-size: 1.4em;
	text-transform: uppercase;
	padding: 20px 0px 20px 5px;
}

h3 {
	font-size:1.2em;
	margin:10px 0 8px 0;
	padding:0;
	padding-left:4px;
}

blockquote{
	font-size:0.9em;
	border:1px solid #bababa;
	margin:20px 10px;
	padding:8px;
}


/******** Main Wrapper ********/

#wrap {
	background: url(../../webimg/background.png) top center no-repeat;
	width: 1024px;
	height: 768px;
	/* margin: 28px auto 0px auto; */
	margin: 1% auto 0px auto;
}

/******** Header ********/

#header {
	float:left;
}

/******** Main Menu ********/

#mainmenu {
	margin: 0px;
	/*font-size:1.31em;*/
	/*width:297px;*/
	/*padding:1px 1px 0 2px;*/
}

#mainmenu ul{
	padding-top:10px;
	list-style:none;
}

#mainmenu li {
	list-style:none;
	/*background:url(images/menuarrow_grey.gif) center left no-repeat;*/
}

#mainmenu li a {
	display:block;
	/*padding:5px 0 2px 22px;*/
	margin: 28px 0px 20px 0px;
}

#mainmenu li a:hover {
	text-decoration:none;
}


/******** Content ********/

#contentfull {
	background: url(../../webimg/transparent.png) top center repeat; /* transparent */
	margin-left: 310px;
	width: 640px;
	/* inner margins for text distance, changes width of 700px */
	padding: 20px;
	margin-top:50px;
}
*+html #contentfull {
	margin-top:-10px;
}

#contentfull p {
	line-height:1.6em;
}


/******** Footer ********/

#footer {
	clear:both;
	width:1028px;
	text-align:right;
	color:#555555;
	font-size:0.9em;
	margin: 0px auto 0px auto;
	padding: 15px 10px 0px 0px;
}

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

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



.left {float:left; margin:0 15px 4px 0;}
.right {float:right; margin:0 0 4px 15px;}
.textright {text-align:right;}
.readmore {text-align:right; margin:-10px 10px 18px 0;}
.center {text-align:center;}
.blue {color:#559900;}
.big {font-size:1.2em;}
.small {font-size:0.8em;}
.bold {font-weight:bold;}
.clear {clear:both;}
.hide {display:none;}


.photo {
border:1px solid #bababa;
padding:2px;
background-color:#ffffff;
margin:6px 18px 2px 5px;
}
















/************************ MODx Styles ************************/

/* Code
------------------------------------------------------------------------- */    

code {
    background-color: #f4f4f4;
    border-bottom: 1px solid #ddd;
	padding: 10px;
	display: block;
}

/* UserComments 
------------------------------------------------------------------------- */                        
.comment {
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    position: relative;
    padding: 10px;
    overflow: hidden;
}
.commentAlt {
    background-color: #f4f4f4;
}
.commentAuthor {
    background-color: #ffc;    
}
.commentMe {
    background-color: #ccf !important;
    padding-top: 5px;
}
.commentNum {
    font-family: Helvetica,Arial,sans-serif;
    font-size: 50px;
    line-height: 30px;
    position: absolute;
    top: 0;
    right: 0;
    color: #f2f2f2;
    font-weight: bold;
    letter-spacing: -4px;
    z-index: 1;
}
.commentAlt .commentNum {
    color: #eaeaea;
}
.commentMe .commentNum {
    color: #b0b0ff;
}
.commentAuthor .commentNum {
    color: #f3f3bb;
}
.commentTitle {
    position: relative;
    z-index: 10;
    color: #999;
}
.commentTitle span {
    text-transform: uppercase;
    font-size: 86%;
}
.commentTitle strong {
    color: #693;
    font-size: 110%;
    text-transform: none;
    font-weight: normal;
    margin-right: 6px;
}
.comment .content {
    position: relative;
    z-index: 10;
}

/* EmailForm 
------------------------------------------------------------------------------- */
#EmailForm {
	width: 360px;
	text-align: left;
	padding-bottom: 20px;
	border: none;
}
#EmailForm.full { width: 100%; }


fieldset {
    border: none;
}

legend {
	display: none;
}
#EmailForm h3 {
	clear: both;
	padding: 15px 0 5px;
	font-size: 14px;
	font-family: Helvetica, Arial, sans-serif;
	color: #000;
	font-weight: bold;
}

#EmailForm label,
#EmailForm p {
	display: block;
	clear: both;
	width: 310px;
	font-size: 1em;
	line-height: 1.5em;
	padding: 0 0 9px;
}

#EmailForm input {
	display: block;
	margin-top: 3px;
}

#EmailForm select {
	float: left;
	display: block;
}

#EmailForm label.first,
#EmailForm label.city {
    clear: left;
    margin-right: 10px;
    width: 150px;
}

#EmailForm label.second,
#EmailForm label.state {
	float: left;
	clear: none;
	margin: 0 10px 0 0;
	width: 150px;
}
#EmailForm label.state { width: 60px; }

#EmailForm label.first input,
#EmailForm label.city input,
#EmailForm label.second input {
	float: left;
	width: 150px;
	padding: 0;
}

#EmailForm label.state select {
	width: 60px;
	float: left;
	margin-top: 3px;
}

#EmailForm label.zip,
#EmailForm label.zip input {
	float: left;
	width: 80px;
}
#EmailForm label.zip { clear: none; }

#EmailForm label {
	float: left;
	clear: left;
	width: 310px;
	margin: 0;
	line-height: 1.5em;
}

#EmailForm label input {
	float: left;
	width: 310px;
	padding: 0;
}

#EmailForm input.radio,
#EmailForm input#radiobutton_1,
#EmailForm input#radiobutton_2,
#EmailForm input#radiobutton_3,
#EmailForm input#radiobutton_4 {
	clear: left;
	float: left;
	padding: 0;
	margin: 0;
}

#EmailForm label.radio,
#EmailForm label.radioitem {
	clear: none;
	margin: 0 0 0 25px;
	padding: 0 0 15px;
}

#EmailForm input.checkbox,
#EmailForm input#checkbox_1,
#EmailForm input#checkbox_2,
#EmailForm input#checkbox_3,
#EmailForm input#checkbox_4 {
	clear: both;
	float: left;
	padding: 0;
	margin: 0;
}

#EmailForm label.checkbox {
	clear: none;
	margin: 0 0 0 25px;
	padding: 0 0 15px;
}
/* style the #EmailForm elements to look similar across browsers ... emulates Safari */
#EmailForm label input,
#EmailForm textarea {
    border: 1px solid #ddd;
    border-left-color: #c3c3c3;
    border-top-color: #7c7c7c;
    padding: 0 2px;
    height: 18px;
    line-height: 20px;
    background: #fff url(images/input-bg.gif) repeat-x top left;
}
#EmailForm input.checkbox,
#EmailForm select {
    border: 1px solid #ddd;
    border-left-color: #c3c3c3;
    border-top-color: #7c7c7c;
    background-color: #fff;    
}
#EmailForm textarea {
	margin-top: 3px;
	width: 383px;
	height: auto;
	display: block;
}

#EmailForm label input.calc {
    text-align: right;
    width: 100px;
    clear: left;
    padding: 0;
}
#EmailForm input.button {
    clear: left;
    border: 1px solid #ddd;
    border-left-color: #c3c3c3;
    border-top-color: #7c7c7c;
	background-color: #EBE9ED;
}



.hide {display: none;}


/* AJAX Search */


        #ajaxSearch_form {
            color: #444;
            width: auto;
        }
        #ajaxSearch_input {
            width: 70%;
            display: inline;
            height: 17px;
            border: 1px solid #ddd;
            border-left-color: #c3c3c3;
            border-top-color: #7c7c7c;
            margin: 0 6px 0 0;
            padding: 3px;
            vertical-align: top;
			float: left;
        }
        #ajaxSearch_submit {
            float: left;
			background: url(../../snippets/AjaxSearch/search.gif) no-repeat center center;
			text-indent: -9999px;
			width: 25px;
			height: 25px;
			border: 0;
			margin: 0;
			padding: 0;
        }
        #ajaxSearch_output {
            border: 1px solid #444;
            padding: 10px;
            background: #fff;
            display: block;
            height: auto;
            vertical-align: top;
        }
        .ajaxSearch_paging {
    
        }
        .AS_ajax_result {
            color: #444;
            margin-bottom: 3px;
        }
        .AS_resultLink {
            text-decoration: underline;
        }
        .AS_resultDescription{
            color: #555;
        }
        .AS_ajax_more {
            color: #555;
        }
		#ajaxSearch_form img {
			float: left;
			border: 0;
			margin: 0;
			padding: 0;
		}
		.AS_intro {
			clear: left;
			visibility: hidden;
			height: 0;
			overflow: hidden;
		}
		
/* END AJAX Search */


#search fieldset, #sidebarlogin fieldset{
	border: none;
	margin: 0px;
	padding: 0px;
}
#search form, #sidebarlogin form {
	border: none;
	margin: 0px;
	padding: 0px;
}


#search label, #sidebarlogin label {
color: #444444;
}


#search input, #sidebarlogin input {
	border-top: 1px solid #75767B;
	border-left: 1px solid #75767B;
	border-bottom: 1px solid #B6B9C0;
	border-right: 1px solid #B6B9C0;
	height: 19px;
}
#sidebarlogin label {
display: block;
margin-top: 5px !important;
}

#sidebarlogin input {
	width: 100%;
}
#sidebarlogin #checkbox_1 {	width: auto; float: right;}
#sidebarlogin h3 {
display: none;
}
.button {width: auto !important; height: auto !important; padding: 2px !important; margin-top: 5px !important; margin-bottom: 5px !important;}

#sidebarlogin #forgotpsswd {
	display: block;
	font-size: 70% !important;
}