* { margin:0; padding:0;}
body { background:#DABBB9}
html, input, textarea, select{font-family:tahoma, Arial, Helvetica, sans-serif; font-size:100%; color:#666459; font-weight:normal; font-size:0.6875em; line-height:1.27em}
a {outline:none}

.main {margin:0 auto; width:766px }

/*======= header =======*/
#header{ height:537px; width:100%}
#header2{ width:100%}

#header .row3 a.topball {background-image:url(images/banner1.jpg); height:159px; width:159px; display:block; float:left; margin:5px 5px 0 0}
#header .row3 a.topabend {background-image:url(images/banner2.jpg); height:159px; width:159px; display:block; float:left; margin:5px 5px 0 0}
#header .row3 a.toplingerie {background-image:url(images/banner3.jpg); height:159px; width:159px; display:block; float:left; margin:5px 0 0 0}

#header .row3 a.topball:hover {background-image:url(images/banner1.gif)}
#header .row3 a.topabend:hover {background-image:url(images/banner2.gif)} 
#header .row3 a.toplingerie:hover {background-image:url(images/banner3.gif)}

#menu{ height:72px; background:url(images/menu_bg.gif) repeat-x; margin:0 auto; width:766px}

#menu a.navhome {background-image:url(images/m1.gif); height:72px; width:72px; display:block; float:left}
#menu a.navbraut {background-image:url(images/m2.gif); height:72px; width:140px; display:block; float:left}
#menu a.navblumen {background-image:url(images/m3.gif); height:72px; width:250px; display:block; float:left}
#menu a.navtheater {background-image:url(images/m4.gif); height:72px; width:116px; display:block; float:left}
#menu a.navacc {background-image:url(images/m5.gif); height:72px; width:104px; display:block; float:left}
#menu a.navcontact {background-image:url(images/m6.gif); height:72px; width:82px; display:block; float:left}

#menu a.navhome:hover {background-image:url(images/m1_on.gif)}
#menu a.navbraut:hover {background-image:url(images/m2_on.gif)}
#menu a.navblumen:hover {background-image:url(images/m3_on.gif)}
#menu a.navtheater:hover {background-image:url(images/m4_on.gif)}
#menu a.navacc:hover {background-image:url(images/m5_on.gif)}
#menu a.navcontact:hover {background-image:url(images/m6_on.gif)}

#menu span, .row3 span {display:none;}


/*======= footer =======*/
#footer{ height:65px; margin:0 auto; width:766px}

/*======= content =======*/
#content {margin:0 auto; width:766px}

.col_1, .col_2, .col_3, .col1, .col2, .col3, .col { float:left;}


/*======= index.html =======*/
#content .col1{ width:500px}
#content .col1 .ind{ padding:10px; line-height:1.5em}
#content .col2{ width:260px; margin-left:5px;}
#content .col2 .ind{ padding:10px; line-height:1.5em}
#content .col3{ width:766px}
#content .col3 .ind{ padding:10px; line-height:1.5em}


/*in_line*/
input, select { vertical-align:middle; font-weight:normal;}
img {border:0; vertical-align:top; text-align:left;}

.clear { clear:both;}

.fleft { float:left;}
.fright { float:right;}

.alignright { text-align:right;}

.title, .title_top, .title_bot{ display:block}


.separate{ background:url(images/separate.gif) repeat-x; width:auto; height:12px}

p {margin:0; padding:0;}

h1 {padding:0; margin:0; line-height:1em; font:bold 1.2em Arial, Helvetica, sans-serif; text-transform:uppercase}
.row2 h1, .row4 h1  {color:#E4E4DF; margin-left:280px; padding-top:14px; letter-spacing:-0.05em}
.col1 h1, .col2 h1, .col3 h1  {color:#E1E0DE; margin-left:17px; padding-top:14px}


.pos{margin:10px 0 0 32px; padding:0}


ul { margin:0; padding:0; list-style:none; line-height:1.8em}
ul li{ background:url(images/list_bot.gif) repeat-x left bottom; padding:0}
ul li a { color:#ffffff; text-decoration: none; font-weight:normal; background:url(images/list_bg.gif) no-repeat 7px 5px; padding-left:20px}
ul li a:hover{ text-decoration: underline}
.none{ background:none}

ol {margin:0; padding:0 0 0 23px; line-height:1.8em}
ol li {padding:0 0 10px 0}

/*txt, links*/
span{ color:#54534d}

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

/*header*/
#header .row1{ height:125px; background:url(images/bg_r1.jpg) no-repeat}
#header .row1 .indent{ padding:22px 0 0 324px}
#header2 .row1{ height:85px; background:url(images/bg_r1-1.jpg) no-repeat}
#header2 .row1 .indent{ padding:8px 0 0 192px}
#header .row2{ height:47px; background:url(images/bg_r2.jpg) no-repeat}
#header .row2 img{ margin:13px 0 0 285px}
#header .row3{ height:175px; background:url(images/bg_r3.jpg) no-repeat; padding-left:269px}
#header .row3 img{ margin:5px 5px 0 0}
#header .row4{ height:190px; background:url(images/bg_r4.jpg) no-repeat}
#header .row4 .img{ margin:13px 0 0 285px}
#header .row4 .ind{ padding:13px 0 0 326px;}
#header .row4 .ind img{ display:block; margin:10px 0}

/*content*/
#content{ background:#b0ada0 url(images/content.gif) repeat-x}
#content .title{ width:auto; height:43px; background:url(images/title_bg.gif) repeat-y #87857a}
#content .title img{ margin:16px 0 0 21px}

#content table {border-top:#9A978A solid 1px; border-right:#87857A solid 1px; }
#content th {background:#CCCAC2; text-align:left; padding:4px; border:#9A978A solid 1px; border-top:none; border-right:none}
#content td {padding:4px; border:#9A978A solid 1px; border-top:none; border-right:none}
#content td.noborder {border:none; text-align:right}

#content div.hilfe {background:#A19E8D; font-size:1.1em; font-weight:bold; margin:0 auto; padding:10px; width:270px;}
	#content fieldset div.hilfe {float:right}
#content div.hilfe a {background:url(images/icon_help.gif) no-repeat; color:#E4E4DF; text-decoration:none; padding-left:20px;}
#content div.hilfe a:hover {color:#fff}



/*footer*/
#footer { background:url(images/fot_bg.gif) repeat-x; color:#c8c5b9}
#footer .indent{ padding:20px 0 20px 0}
#footer .indent .col1{ width:294px; height:30px}
#footer .indent .col1 .ind{ padding:0 0 0 10px}

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

/*================== index.html ==================*/
#content .col1 .indent, #content .col2 .indent, #content .col3 .indent{ padding:4px 4px 25px 4px}


/*** Forms ***/

form {margin:0; padding:0}
form p {clear:left;	margin:0; padding:0}
fieldset {border:#87857A solid 1px; padding:5px}
legend {font-weight:bold; padding:0 5px}
label {float:left; width:190px; margin:1px 10px 5px 0; text-align:right}

input, textarea, select {
	background:#f5f5f5;
	border:#87857A solid 1px;
	color:#666459;
	font:1em Arial, Helvetica, sans-serif;
	width:250px;
	margin:0 0 5px 0;
	padding:2px 3px 2px 3px;
}

td input {margin:0}

input.medium {width:150px;}
input.small {width:100px;}
input.smallest {width:50px;}

textarea {height:100px}

#submit {
	width:80px;
	margin:10px 0 0 206px;
	margin-bottom:4px !important;
	margin-bottom:0;
}

#reset {
	background:#CCCAC2;
	color:#87857A;
	width:80px;
	margin:10px 0 0 10px;
	margin-bottom:4px !important;
	margin-bottom:0;
}

.error {background:#FDF5F5; border:1px solid #F01C26}

#red {
	color:#F01C26;
	display:block;
	height:25px;
	margin:10px 0;
	padding:0;
}

/* ALBUM Module CSS for default, ImageGallery, and Thickbox templates */
/* Used for categories to make things clear correctly */
.album_content {
	width:100%; 
	float:left;
}
.clear {
	clear:both
}
/* Album List UL */
.albumlist
{
	margin-left:0;
	padding-left:0;
	float:left;
}

/* Picture List UL */
.picturelist
{
	margin-left:0;
	padding-left:0;
}

/* Album and Picture Lists */
.thumb
{
	padding:0;
	width:150px;
	margin:0 33px 0 0;
    
/* Thumbnail spacing */
	text-decoration:none;
	line-height:normal;
	list-style-type:none;
	text-align:center;
	float:left;

}

.thumb a
{
	background:none;
	display:block;
	height:150px; 
/* Set link formatting*/
	width:150px; 
/* Thumb width*/ 
	
/* Thumb height*/
	padding:5px;
/* Thumb padding to form thumb frame */
/* You can set the above to 0px = no frame - but no hover indication!*/
	margin:0;
	background-color:#BEBAAE;
/*Background of thumb */

/* Borders of thumb frame */
	border:1px solid #BEBAAE;
	text-decoration:none;
}

.thumb .comment {display:block; width:152px; height:61px; text-align:left; padding:5px; margin:-10px 0 20px 0; background-color:#BEBAAE;}
.thumb .comment strong.bestellnr {margin-right:3px}
.thumb .comment strong.preis {display:block; float:left; padding-right:28px}
.thumb .comment div.preis {float:left}
.thumb a.buy {background:none; border:none; padding:0; height:15px; margin-top:20px; width:152px; text-align:right}

.albumcomment { text-align: left; }
.thumb a:visited img
{
	background-color:#eee;
/*Background of thumb on hover - sort of a light grey */
}

.thumb a:hover img
{
	background-color:#dae6e4;
/*Background of thumb on hover - sort of light blue/green */
}

/* Styling of text and navigation for Album */
.albumname
{
	font-size:smaller;
	text-align:center;
	font-weight:bold;
	font-style:normal;
}
.albumname a
{
	display: inline;
        border: none;
        margin:none;
        padding:none;
        background-color:transparent;
}
.albumpicturecount
{
	font-size:smaller;
	text-align:center;
	font-weight:normal;
	font-style:italic;
}

.albumcomment
{
	text-align:center;
	font-weight:normal;
	font-style:normal;
}

.albumnav
{
	text-align:center;
	font-weight:normal;
	font-style:normal;
	font-size:smaller;
}

.instructiontext
{
	font-weight:normal;
	font-style:normal;
	font-size:smaller;
	font-style:italic;
}

/* Big Picture */
.bigpicture
{
	padding:0.5em 0 0;
	clear:left;
	border-top:1px solid #ccc;
	text-align:center;
}

.bigpicturecaption
{
/* Big picture caption */
	text-align:center;
	margin:0 0 5px;
	padding:0;
}

.bigpicture img
{
/* Big picture settings */
	padding:18px;
/* Image padding to form photo frame. */
	width:80%;
/* Width of big picture - set to auto for actual width*/
	margin:0;
	background-color:white;
/* Background of picture */
	border-top:1px solid #eee;
/* Borders of picture frame */
	border-right:2px solid #ccc;
	border-bottom:2px solid #ccc;
	border-left:1px solid #eee;
	text-decoration:none;
}

.bigpicturenav
{
	margin:0;
	padding:0;
	color:#000;
	font-size:smaller;
	line-height:normal;
}


/* CSS for Lightbox follows */
#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

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

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}