@charset "utf-8";
/*
*****************************************************
 url		: www.cri-cri.com CRI-CRI Cityhaus
 erstellt 	: 25-06-2007 
 Aenderung	: 23-08-2007 
 CSS + 
 Webdesign	: SEOme
*****************************************************
 (c) 2007 www.seome.eu
*****************************************************
basecolor #4A563E
----------------------------------------------------*/


html {
    margin: 0;
    /* setting border: 0 hoses ie6 win window inner well border */
    padding: 0;
}


/* Global */

body {
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif, 'Trebuchet MS';
	margin: 0;
    /* setting border: 0 hoses ie5 win window inner well border */
    padding: 0;
	background: #000;
	padding-bottom: 50px;
	color: #FFFFFF;
}

p {
	line-height: 17px;
}

a {
	color: #CCFF66;
	text-decoration: none;
	font-weight: bold;
}
a:hover{
		color: #E3CD76;
	text-decoration: none;
}

a:focus {
	outline: none;
}

#info { 
display: none; 
}


/* Begin.. */

#cricri {
	width: 900px;
	margin: 0 auto;
}

/* Header */

#header {
	margin: 20px 0 10px 0;
	background: #000 url(../images/brokat1.png);
}

#header:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#header {
	display: inline-block;
}

/* Hides from IE-mac \*/

* html #header {
	height: 1%;
}

#header {
	display: block;
}

/* End hide from IE-mac */

#header img {
	float: left;
}


#header .top-menu {
	width: 400px;
	float: right;
}

#header .top-menu a {
	float: right;
	width: 95px;
	margin: 47px 0 0 10px;
	text-align: center;
	font-size: 85%;
	height: 18px;
	text-transform: uppercase;
	display: block;
	color: #FFFFFF;
	text-decoration: none;
}

#header .top-menu a span {
	display: block;
	padding: 2px 11px 0 11px;
	height: 18px;
}

/* Navigation */

#navigation_bar {
	margin-bottom: 10px;
	height: 40px;
	background: #A9CBBB;
}

#nav-one, #nav-one ul {
	width: 780px;
	padding: 8px 10px;
}

#nav-one {
	z-index: 100;
	position: relative;
}

#nav-one li {
	float: left;
	margin-right: 6px;
	position: relative;
	text-transform: uppercase;
}

#nav-one li a {
	color: #FFFFFF;
	font-size: 92.7%;
	display: block;
	padding: 5px 10px;
	text-decoration: none;
}

#nav-one li a:hover, #nav-one li:hover a, #nav-one li a.active {
	color: #252C1D;
}

#nav-one li a.active {


}

#nav-one li:hover ul a, #nav-one li.sfHover ul a {
	font-size: 85%;
	font-weight: bold;
	padding: 5px 10px;
	background-color: #A9CBBB;
	background-image: none;
	color: #252C1D;
	text-transform: capitalize;
}

#nav-one li:hover ul a:hover, #nav-one li.sfHover ul a:hover {
	background-color: #A9CBBB;
	background-image: none;
	color: #FFFFFF;
	font-weight: bold;
}

#nav-one li:hover ul, .nav li.sfHover ul {
	border: none;
	top: 25px;
	padding: 0 0;
	background-image: none;
}

#nav-one ul {
	width: 170px;
	position: absolute;
	top: -999em;
}

#nav-one ul li {
	border: 0;
	float: none;
}

#nav-one ul a {
	width: 170px;
	white-space: nowrap;
	border-bottom: 1px solid #D5BE78;
}

/* Slideshow */

#slideshow {
	margin-bottom: 10px;
	background: url(../images/photo.jpg) no-repeat top center;
	height: 400px;
}

/* Content */

#content {
	padding: 5px 0;
	border: 1px solid #717868;
	background: #4A563E url(../images/left-bg.gif) no-repeat top left;
	width: 899px;
	margin: 0 auto;
	font-size: 85%;
}


#content:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#content {
	display: inline-block;
}

/* Hides from IE-mac \*/

* html #content {
	height: 1%;
}

#content {
	display: block;
}

/* End hide from IE-mac */

/* Content > Left Column */

#box {
	float: left;
	width: 100%;
}


#inbox {
	margin-right: 267px;
}

#inbox h2 {
	font-size: 107%;
	color: #DAFDB5;
	text-transform: uppercase;
	padding: 0 0 0 7px;
}

#inbox .featured {
	margin: 0 15px;
	padding: 7px 0;
	border-bottom: 1px solid #5E6A52;
}

/* featIMG double */

#inbox .featured .feat_imggal {
	float: left;
	width: 480px;
	margin-right: 5px;
}

#inbox .featured .feat_imggal img {
	margin: 0 5px;
	border: 3px solid #FFFFFF;
}

/* end featIMG double */

#inbox .featured .feat_img {
	float: left;
	width: 130px;
	margin-right: 5px;
}

#inbox .featured .feat_img img {
	margin: 0 5px;
	border: 3px solid #FFFFFF;
}

#inbox .featured .feat_text {
	float: left;
	width: 550px;
}

#inbox .featured .feat_text h3 {
	font-weight: bold;
	background: url(../images/feat_title_left.gif) no-repeat top left;
	padding-left: 10px;
	margin: 0;
}

#inbox .featured .feat_text h3.feat_title span {
	font-weight: bold;
	text-transform: uppercase;
	display: block;
	float: left;
	background: url(../images/feat_title_right.gif) no-repeat top right;
	padding: 3px 10px 10px 0;
	color: #FFEE96;
	margin: 0;
}

#inbox .featured p.title {
	font-weight: bold;
	background: url(../images/feat_title_left.gif) no-repeat top left;
	padding-left: 10px;
	height: 20px;
	margin: 0;
}
p.title span{

	background: url(../images/feat_title_right.gif) no-repeat top right;
	padding: 2px 12px 10px 10px;
	color: #FFEE96;
	margin: 0;
}


.feat_title:after, .featured:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.feat_title, .featured {
	display: inline-block;
}

/* Hides from IE-mac \*/

* html .feat_title, * html .featured {
	height: 1%;
}

.feat_title, .featured {
	display: block;
}

/* End hide from IE-mac */

#inbox .featured .feat_text p {
	margin: 0 0 0 5px;
	font-size: 11px;
}

#inbox .featured .feat_text p strong {
	font-weight: bold;
}

#inbox .featured .feat_text p a {
	color: #CCFF66;
	font-weight: bold;
}

#inbox .featured .feat_text p a:hover {
	color: #E3CD76;
	text-decoration: none;
}

#inbox .content {
	margin: 0 7px;
	padding: 7px 0;
	border-bottom: 1px solid #5E6A52;
}

#inbox .content h3 {
	font-weight: bold;
	background: url(../images/feat_title_left.gif) no-repeat top left;
	padding-left: 10px;
	margin-top: 5px;
}

#inbox .content h3 span {
	display: block;
	float: left;
	background: url(../images/feat_title_right.gif) no-repeat top right;
	padding: 3px 10px 3px 0;
	color: #FFEE96;
}

.content h3:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.content h3 {
	display: inline-block;
}

/* Hides from IE-mac \*/

* html .content h3 {
	height: 1%;
}

.content h3 {
	display: block;
}

/* End hide from IE-mac */

#inbox .content p {
	font-size: 11px;
}

#inbox .content p strong {
	font-weight: bold;
}

#inbox .content p a {
	color: #FFD846;
}

#inbox .content ul {
	margin: 5px 0 5px 20px;
	padding: 0;
	font-size: 11px;
}

#inbox .content ul li {
	padding-left: 14px;
	background: url(../images/bullet-1.gif) no-repeat left center;
	background-position: 0 3px;
	margin: 0 7px 6px 0;
}

#inbox .content ul li a {
	color: #FFD846;
}

/* Form */

#inbox form.form {
	margin: 0 7px;
	padding: 0;
}

#inbox .form div.row {
	padding: 6px 3px;
	border-bottom: 1px solid #373E2E;
}

#inbox .form div.submit {
	padding: 0 0 6px 0;
	text-align: center;
}

#inbox .form div.submit p {
	margin-bottom: 10px;
}

#inbox .form div.submit input.checkbox {
	width: 13px;
}

#inbox .form div.submit input.button {
	font-weight: bold;
	padding: 4px;
	text-transform: uppercase;
	color: #111111;
	width: 100px;
}

#inbox .form div.label {
	width: 140px;
	float: left;
	color: #D5BE78;
	font-weight: bold;
	text-align: right;
	margin-right: 12px;
	padding-top: 3px;
}

#inbox .form div.label em {
	font-weight: normal;
	font-style: italic;
}

#inbox .form div.input {
	width: 355px;
	float: left;
}

#inbox .form div.input select {
	margin-right: 10px;
}

#inbox .form div.input p {
	margin-bottom: 3px;
}

#inbox .form div.input p span {
	font-weight: bold;
	display: block;
	width: 60px;
	padding: 2px 0 0 0;
	float: left;
}

#inbox .form div.input p input {
	width: 30px;
}

#inbox .form div.input p em {
	font-style: italic;
}

#inbox .form div.input p.hotel {
	padding: 0;
	font-weight: bold;
}

#inbox .form div.input p.hotel input {
	width: auto;
	margin: 0;
}

#inbox .form div.input p.hotel label {
	margin: 0 0 0 10px;
	padding: 0;
	font-weight: normal;
}

#inbox .form div.input b {
	display: block;
	height: 15px;
	width: 170px;
	float: left;
	margin-bottom: 2px;
}

#inbox .form div.input b input {
	margin: 0;
	padding: 0;
}

#inbox .form div.input span.inner {
	font-weight: bold;
	color: #D5BE78;
	padding: 2px 0 0 0;
}

#inbox h3 {
	font-weight: bold;
	text-transform: uppercase;
	background: url(../images/feat_title_left.gif) no-repeat top left;
	padding-left: 10px;
	margin-bottom: 12px;
	text-align: center;
}

#inbox h3.feat_title span {
	display: block;
	background: #252C1D url(../images/feat_title_right.gif) no-repeat top right;
	padding: 3px 10px 3px 0;
	color: #FFEE96;
}

.feat_title:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.feat_title {
	display: inline-block;
}

/* Hides from IE-mac \*/

* html .feat_title {
	height: 1%;
}

.feat_title {
	display: block;
}

/* End hide from IE-mac */

#inbox div.submited {
	margin: 0 7px;
	padding: 0;
}

#inbox div.submited strong {
	font-weight: bold;
}

.form div.row:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.form div.row {
	display: inline-block;
}

/* Hides from IE-mac \*/

* html div.row {
	height: 1%;
}

.form div.row {
	display: block;
}

/* End hide from IE-mac */

/* Content > Right Column */

#sidebox {
	float: left;
	width: 267px;
	margin-left: -267px;
}

#sidebox #sidebar {
	width: 250px;
	background: #383F2F url(../images/ul-bg.gif) no-repeat top center;
	margin-top: 2px;
	padding-bottom: 1px;

}

#sidebox #sidebar .inner {
	position: relative;
	z-index: 30;
}

#sidebox #sidebar .inner h2 {
	font-size: 100%;
	color: #DAFDB5;
	text-transform: uppercase;
	padding: 7px 0 0 7px;
}

#sidebox p{
	padding: 5px;
}



#sidebox #sidebar .inner a.pill {
	display: block;
	width: 238px;
	height: 20px;
	padding: 6px 0 0 10px;
	background: url(../images/browse_pill.gif) no-repeat top center;
	color: #FFFFFF;
	text-decoration: none;
	margin: 6px auto 0 auto;
}

#sidebox #sidebar .inner a.pill:hover {
	font-weight: bold;
}

#sidebox #sidebar .inner span.search {
	padding-top: 6px;
	margin: 6px 0 10px 0;
	height: 25px;
	border-top: 1px solid #4A563D;
	display: block;
	background: url(../images/search.gif) no-repeat bottom center;
}

#sidebox #sidebar .inner ul.submenu {
	margin: 2px 0 10px 0;
	font-size: 11px;
}

#sidebox #sidebar .inner ul.submenu li {
	margin-right: 7px;
	border: 1px solid #383F2F;
	border-left: none;
	border-bottom: none;
}

#sidebox #sidebar .inner ul.submenu li.now {
	background: url(../images/bullet-list-now.gif) no-repeat left center;
	background-position: -4px 0;
}

#sidebox #sidebar .inner ul.submenu li.now a {
	color: #D5BE78;
	font-weight: bold;
}

#sidebox #sidebar .inner ul.submenu li a {
	display: block;
	width: 238px;
	color: #B6CE76;
	text-decoration: none;
	margin-left: 7px;
	padding: 3px 0 4px 5px;
	border-bottom: 1px solid #4A563E;
}

#sidebox #sidebar .inner ul.submenu li a:hover {
	color: #C5FD92;
	background: #323929 url(../images/bullet-link-visited.gif) no-repeat top right;
	background-position: 98% 4px;
}

ul.list a{
	color: #CCFF66;
	text-decoration: none;
	font-weight: bold;
}
ul.list a:hover{
	color: #E3CD76;
	text-decoration: none;
	background: url(../images/bullet-1.gif) no-repeat top left;
	background-position: 0 7px;
	padding: 3px 0 3px 14px;
}

#sidebox #sidebar .inner ul.list {
	margin: 2px 7px 10px 7px;
	font-size: 11px;
}

#sidebox #sidebar .inner ul.list  li {
	background: url(../images/bullet-check.gif) no-repeat top left;
	background-position: 0 7px;
	padding: 3px 0 3px 14px;
}

#sidebox #sidebar .inner p {
	margin: 2px 7px 10px 7px;
	font-size: 11px;
}

#sidebox #sidebar .inner p a {
	color: #FFD846;
}

#sidebox #sidebar .inner div.ads {
	margin: 6px auto;
	width: 200px;
	height: 120px;
	background-color: #FFFFFF;
	padding: 3px;
}

/* Footer */

#footer {
	font-size: 85%;
	line-height: 16px;
	text-align: center;
	padding: 7px 0;
}

#footer strong {
	font-weight: bold;
}

#footer a {
	color: #FFEE96;
	text-decoration: none;
	font-weight: bold;
}

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



/* =Hoverbox Code
----------------------------------------------------------------------*/

.hoverboxfeat 
{
	cursor:default;
	list-style: none;
	width: 500px;
}

.hoverboxfeat  a
{
	cursor: default;
}

.hoverboxfeat  a .preview
{
	display: none;
}

.hoverboxfeat  a:hover .preview
{
	display: block;
	position: absolute;
	top: -33px;
	left: -45px;
	z-index: 1;
}

.hoverboxfeat  img
{
	background: #4a563e;
	color: inherit;
	padding: 1px;
	vertical-align: top;
	width: 87px;
	height: 85px;
}

.hoverboxfeat  li
{
	background: #4a563e;
	color: inherit;
	display: inline;
	float: left;
	margin: 5px;
	padding: 2px;
	position: relative;
}

.hoverboxfeat .preview
{
	border-color: #c1c1c1;
	width: 250px;
	height: 150px;
}

/* =Hoverbox Cityhaus Code
----------------------------------------------------------------------*/

.hoverbox
{
	cursor:pointer;
	list-style: none;
	width: 600px;
}

.hoverbox a
{
	cursor:pointer;
}

.hoverbox a .preview
{
	display: none;
}

.hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	top: -33px;
	left: -45px;
	z-index: 1;
}

.hoverbox img
{
	background: #4a563e;
	color: inherit;
	padding: 1px;
	vertical-align: top;
	width: 87px;
	height: 85px;
}

.hoverbox li
{
	background: #4a563e;
	border-color: #ccc #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 5px;
	padding: 2px;
	position: relative;
}

.hoverbox .preview
{
	border-color: #c1c1c1;
	width: 250px;
	height: 150px;
}

/* =Hoverbox Cityhaus Hochzeitsliste END Code
----------------------------------------------------------------------*/



/* =Hoverbox Cityhaus Hochzeitsliste ALT Code
----------------------------------------------------------------------*/

.hoverboxold
{
	cursor:pointer;
	list-style: none;
	width: 600px;
}

.hoverboxold a
{
	cursor:pointer;
}

.hoverboxold a .preview
{
	display: none;
}

.hoverboxold a:hover .preview
{
	display: block;
	position: absolute;
	top: -33px;
	left: -45px;
	z-index: 1;
}

.hoverboxold img
{
	background: #4a563e;
	color: inherit;
	padding: 1px;
	vertical-align: top;
	width: 87px;
	height: 85px;
}

.hoverboxold li
{
	background: #4a563e;
	border-color: #ccc #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 5px;
	padding: 2px;
	position: relative;
}

.hoverboxold .preview
{
	border-color: #c1c1c1;
	width: 250px;
	height: 150px;
}

/* =END Hoverbox Hochzeitsliste ALT Code
----------------------------------------------------------------------*/



/* =Hoverbox Hochzeitsliste Code
----------------------------------------------------------------------*/

.hoverboxlists 
{
	cursor:default;
	list-style: none;
	width: 500px;
}

.hoverboxlists  a
{
	cursor: default;
}

.hoverboxlists  a .preview
{
	display: none;
}

.hoverboxlists  a:hover .preview
{
	display: block;
	position: absolute;
	top: -33px;
	left: -45px;
	z-index: 1;
}

.hoverboxlists  img
{
	background: #4a563e;
	color: inherit;
	padding: 1px;
	vertical-align: top;
	width: 87px;
	height: 85px;
}

.hoverboxlists  li
{
	background: #4a563e;
	color: inherit;
	display: inline;
	float: left;
	margin: 5px;
	padding: 2px;
	position: relative;
}

.hoverboxlists .preview
{
	border-color: #c1c1c1;
	width: 350px;
	height: 263px;
}

/* =Hoverbox Hochzeitsliste Cityhaus Code
-------------------------------------------------------*/