/*------------------------------------------------------------------ 
[Master Stylesheet] 
 
Project:    	born&nauerz
Version:    	1.0 
Last change:	11/02/2009
Assigned to:	Christian Nauerz
Layouttype:		3-Column-Set

-------------------------------------------------------------------*/ 




/*------------------------------------------------------------------ 
[Color codes] 

Light-Brown:		#dad6cb
Dark-Brown:			#beb2a6
Red: 				#9c3022
Dark-Red: 			#6a3328
Copy:				#666666
-------------------------------------------------------------------*/





/*------------------------------------------------------------------ 
[Table of contents] 
 
1. Reset
2. Useful Classes 
3. Body, Container, Logo
4. Menu 
5. Typrography
6. Generel
7. Site Elements
8. Backend
-------------------------------------------------------------------*/




/* -------------------------------------------------------------- 
   1. Reset
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

body { 
  line-height: 1.5; 
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

html>body {
	font-size: 12px;
}

a:active, a:focus, a:visited {
	border: none;
	outline: none;
}



/* -------------------------------------------------------------- 
   2. Useful Classes
-------------------------------------------------------------- */

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

.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }

.float-left { float: left; display: inline; }
.float-right { float:  right; display: inline; }

/* .clear Siehe unten. Mit IE-Hack für alle Browser ausser IE */
/*.clear { clear: both; background: none; border: none; height: 0px;}*/
.block { display: block; }
.space-vertical { padding: 20px 0; }

/* -------------------------------------------------------------- 
   3. Body, Container, Logo, Shadow
-------------------------------------------------------------- */


body {
	background: #A69A81 /*#dad6cb*/;
	padding:0px;
	margin:0px;
 	text-align: center;
}


.container {
	background: #dad6cb;
	
	text-align: left;
	vertical-align: middle;	
	margin: 0px auto;
	padding: 0px;
	width: 950px;
}

.header {
	background: #fff;
	
	width: 900px;
	height: 10px;
	
	margin-top: 20px;
	padding: 0 0 0 50px;
}

.logo {
	margin-top: 50px;
	float: left;
	font-size: 11px;
	margin-bottom: -18px;
}

.logo img{
	display: block;
	margin-bottom: 2px;
}

.claim {
	margin-top: 2px;
	margin-left: 50px;
	font-size: 11px;
	}

.kontakt {
	padding-top: 68px;	
	float: right;
}

.main {
	/* background-color: #9c3022; */
	background-color: #fff;
	padding-top: 1px;
	padding-bottom: 1px;
	}

.content {
	clear: both;
	/* border-top: 1px solid #9c3022; */
	/* border-top: 1px solid #DAD6CB; */
}

.keyvisual {
	margin-top: 20px;
	margin-bottom: 10px;
}

.keyvisual .description {
	position: relative;
	margin-top: -60px;
	margin-bottom: 50px;
	
	width: 300px;
	padding-left: 20px;	
	height: 20px;
	display: block;
	background-color: #fff;
	color: #666;
	font-size: 10px;
	line-height: 20px;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}

.text {
	clear: both;
	background-color: #fff;
	min-height: 400px;
	padding-bottom: 50px;
	margin-left: 20px;
	margin-top: 80px;
}

.summery {
	float: left;
	
	width: 283px;
	padding: 0 0 0 10px;
	margin-left: 20px;
}

.copy {
	float: left;
	
	width: 625px;
	padding: 0 0 20px 20px;
	margin-left: 10px;
}

.footer {
	/* background: #f9f9f9 url('http://www.bornundnauerz.de/img/grad.gif') repeat-x; */
	background: #f9f9f9;
	height: 40px;
	padding: 20px 50px 0 50px;
	
	text-transform: uppercase;
	font-size: 11px;
	
	margin-top: 0px;
	margin-bottom: 20px;
}

.footer span a {
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
}

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

/* -------------------------------------------------------------- 
   5. Typography
-------------------------------------------------------------- */

body, p, a, a:link, a:visited, a:active {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	color:#555;
	line-height: 20px;
}

h1 {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	font-size: 18px;
	line-height: 20px;
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: normal;
	color:#333;

	margin: 15px 0 20px 30px;
}

h2 {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	text-transform: normal;
	letter-spacing: normal;
	color:#404040;
	margin-bottom: 10px
}

p { 
	margin-bottom: 15px;
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
}

div.summery p {
	font-weight: bold;
	font-size: 11px;
	}

input.submit {
	font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	font-size: 10.4px;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal; 
}

label, input.text {
	font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	font-size: 10.4px;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal; 
	line-height: 16px;
}

/* Links */
a, a:link, a:visited, a:active {
	color: #929292;
	text-decoration: underline;
	cursor: pointer;
}

/* -------------------------------------------------------------- 
   4. Menu
-------------------------------------------------------------- */

.menu { 
	margin-left: 0px;
	/*width: 950px;*/
	margin-top: 52px;
	float: right;
}

.menu ul, .menu li {
	list-style: none;
	white-space: no-wrap;
}



.menu ul li {
	width: 135px;
	height: 20px;
	background: #ccc/*#beb2a6*/;
	text-align: center;
	float: left;
	padding-top: 2px;
	padding-bottom: 2px;
	/* margin-right: 1px; */
	border-bottom: 1px solid #dad6cb;
}

.menu a {
	width: 135px;
	height: 23px;
	display: block;
}


.menu a.last {
	margin-right: 0px;
}

.menu ul li.active {
	background: #9c3022;
	border-bottom: 5px solid #9c3022;
	font-weight: bold;	
}
.menu a.active:hover {
	color: #fff;
}

.menu a, .menu a:link, .menu a:visited, .menu a:active {	
	font-family: "Lucida Grande", sans-serif;
	color: #fff;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 0.75px;
	line-height: 22px;
}


.menu .active a, .menu .active a:link, .menu .active a:active, .menu .active a:visited  { color: #fff; }
.menu a:hover { text-decoration: none; color: #f4f4f4;}

.submenu {
/*	background: #6a3328; */
	background: #9c3022;
	width: 375px;
	/*margin-bottom: 5px;*/
	float: right;
	padding-left: 30px;
	padding: 0 0 0 30px;
}

.submenu ul {
	margin: 5px 0;
	}
.submenu ul li.last {
	margin-bottom: 5px;
	}


.submenu ul li {
	list-style: none;
	white-space: no-wrap;
	float: left;
}

.submenu a {
	font-size: 10px;
	color:  #fff;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: 0.1em;
	height: 20px;
	margin-right: 30px;
}

.submenu a:hover {
	color: #dfdfdf;
}

.submenu a.active {
	font-weight: bold;
}

.kontakt a {
	display: none;
	font-size: 10px;
	color: #666;
	text-transform: uppercase;
	text-decoration: none;
	padding-bottom: 3px;
	border-bottom: 1px solid #666;
}

.kontakt a:hover{
	color: #999;
}

/* -------------------------------------------------------------- 
   6. General
-------------------------------------------------------------- */

/* Liste im Content nicht anzeigen */
div.copy ul {
	list-style: none;
	}


/* Table */
table { width: 390px; margin: 10px 0; }
table th { border-bottom: 2px solid #929292; font-weight: bold; }
table tr.even { background: #F5F5F5; }
table tr td { height: 25px; }


/* Submit Button */
input.submit {
	background: #F5F5F5;
	border: 1px solid #929292;
	margin: 10px 5px 0 0; 
}

/* Textfeld */
input.text {
	padding: 1px 0;
	margin: none;
	width: 234px;
	border: none;
	border-bottom: 1px solid #c6c6c6;
	color: #454545;
}

/* Formulare */
form ol { list-style: none; }
form ol li { margin: 4px 0; }

/* Fieldset */
fieldset  {
	width: 350px;
	clear: both;
	margin: 20px 0 10px 0;
	padding: 10px 20px 0px 20px;
	border: 0;
	border-top: 4px solid #929292;
	border-bottom: 0;
	border-collapse: collapse;
}

div.antiFieldset { margin: 0 -20px; }
legend { padding: 0 5px; color: #454545; }

/* Formular */
label {
	width: 150px;
	padding: none;
	margin: none;
	float: left;
	display: inline;
	
}



em { color:  red; }

.fail { border-bottom-color: red; }

hr {
	border: none;
	border-bottom: 2px dotted #4f6247;
	padding: 0px;
	margin: 0px;
}


/* -------------------------------------------------------------- 
   7. Site Elements
-------------------------------------------------------------- */

/* Bildergallerie */
.thumbs img {
	display: block;
	margin-bottom: 10px;
	opacity: 0.3;
	-moz-opacity:0.3;
	filter:alpha(opacity=30);
}

.thumbs img:hover {
	opacity: 1;
	-moz-opacity:1;
	filter:alpha(opacity=100);
}

.thumbs img.active {
	opacity: 1;
	-moz-opacity:1;
	filter:alpha(opacity=100);
}

.subtitle {
	height: 20px;
	text-align: right;
	margin-top: -15px;
}

.booking ol {
	list-style-type: none;
}

.booking label {
	display: inline;
	width: 80px;
	font-weight: bold;
}

.booking input.text {
	width: 70px;
	text-align: center;
}

.booking table tr td {
	padding-bottom: 10px;
}

.eventCalendar {
	margin-bottom: -3px;
}

.thumbs img.specialOffer {
	opacity: 1;
	-moz-opacity: 1;
	filter:alpha(opacity=100);
}

.thumbs div.specialOffer {
	width: 115px;
	text-align: center;
}

.thumbs a{
	text-decoration: none;
}

 /*-------------------------------------------------------------- 
   8. Backend
--------------------------------------------------------------*/ 

#metaDescription {
	display: block;
	width: 430px;
	padding: 5px;
	height: 100px;
	
	margin: 20px 0;
	
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	color:#404040;
}

.caption {
	margin-left: 30px;
	color: #404040;
	margin-top: -2px;
}

.menu a.tool {
	margin: 0px;
	padding: 0px;
}

.adminbox {
	padding: 10px 5px;
	margin: 0px 0 0 0;
	width: 600px;
	background-color: #fff;
	height: 20px;
	border-bottom: 2px solid #4f6247;
}

.adminbox img {
	margin: 0 2px;
}

div.adminGroup {
	display: inline;
	margin-right: 20px;
}

.admin label {
	display: block;
	float: left;
}

/* Headline & Subheadline */
H1 input {
	border: none;
	background: #f5f5f5;
	width: 450px;
	
	z-index: 99;
	
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	line-height: 16px;
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: normal;
	color:#4f6247;
}

H2 textarea {
	border: none;
	background: #f5f5f5;
	width: 390px;
	
	font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	font-size: 11.67px;
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: normal;
	line-height: 2.5em;
	color:#454545;
}

/* Module */
#contentItemsList { list-style: none; }
#contentItemsList li { margin: 10px 0; }
#contentItemsList .admin { border-top: 1px solid #4f6247; border-bottom: 1px solid #4f6247; padding: 20px 0px; cursor: pointer; }
#contentItemsList .admin input { margin-top: 20px; } 
#textEditor { width: 300px; }

/* Bildergallerie */

div.adminSelected img { margin-right: 8px; margin-bottom: 10px; }
div.imageEdit span { display:none; }
div.imageEdit { display: inline; }
div.imageEdit:hover span { display: inline; position: absolute; background: #fff; }
div.imageEdit span img { margin: 8px; }
div.imageEdit img { margin: 4.8px; padding: 0px; }
/*div.imageEdit input.img { display: block; }*/

.thumbs ul {
	list-style-type: none;
}

.imageEdit img {
	opacity: 1;
	-moz-opacity: 1;
	filter:alpha(opacity=100);
}

a.newContentItem img{
	opacity: 1;
	-moz-opacity: 1;
	filter:alpha(opacity=100);
}

div.imageEdit img.attention {
	margin: -25px 0 9px 10px;
}

 /*-------------------------------------------------------------- 
   9. IE-Hacks
--------------------------------------------------------------*/ 

* html hr.clear 		{ border: 5px; display: none; }
*+html hr.clear 		{ display: none; }
html>/**/body .clear	{ clear: both; background: none; border: none; height: 0px;}
* html div.keyvisual img{ width: 580px; height: 180px;}
* html div.keyvisual 	{ background: none; }
*+html hr				{ margin-top: -6px; }
*+html h1 				{ margin-top: -6px; }
* html hr 				{ margin-top: -6px; }
* html h1 				{ margin-top:  -6px;}


 /*-------------------------------------------------------------- 
   10. WYSIWYG-Styles
--------------------------------------------------------------*/ 

/* project gallery */
table.projects td {
	vertical-align: top;
}

table.projects td.first-column {
	padding-right: 25px;
}




img.screenshot {
	margin: 20px 0;
	margin-left: -19px;
	position: relative;
	z-index: 5;
}