/*
Theme Name: Weimarer Dreieck
Theme URI: http://www.domain
Description: Theme zur Website 'Restaurant Weimarer Dreieck'
Version: 1.0
Author: sh
*/
/* -------------------------------- Farben ------------------------------------- */
/*color: #313131;*/
/*color: #363636;*/
/*border: 1px solid #713023;*/
/*background-color: #887463;*/
/*background-color: #A56D58;*/
/*background-color: #A12500;*/
/*background-color: #931D00;*/
/*background-color: #E2C1A5;*/
/*background-color: brown;*/
/*verwendet*/
/*background-color: #B46B4E;*/
/*background-color: #D6A67E;*/
/*background-color: #873224;*/
/*background-color: #E4C6AC;*/
	
/* -------------------------- Globale Einstellungen ---------------------------- */

* {
   padding: 0;
   margin: 0;
   outline: none;
   border: none;
   font-weight: normal;
   list-style: none;
}

html { 
	background: #887463 url(img/braunverlauf.png) repeat-x left top;
}

body {
   /*font:13px/18px Arial, Helvetica, sans-serif;*/
	/*font-size: 62%;*/
	font-family: Helvetica, Arial, sans-Serif;
   color: #313131;
}

a:hover, a:active { 
	text-decoration: underline; 
}

.clear { 
	clear: both; 
}

/* TinyMCE in Wordpress setzt Fett-Formatierung in <strong>-Tags um,
die nicht in jedem Browser als fett dargestellt werden.*/
strong {
	font-weight: bold;
}

/* -------------------------- Container ---------------------------- */

#container {
   width: 1000px;
	position: relative;
	margin: 5px auto 0;
	padding-bottom: 30px;
	border-left: 1px solid #713023;
	border-right: 1px solid #713023;
	border-top: 1px solid #713023;
	background-color: #B46B4E;
}


/* -------------------------- Header ---------------------------- */

#header {
	width: 100%;	
	height: 220px;
   float: left;
   background: #D6A67E url(img/back5.png) repeat-x left top;
}


/* -------------------------- Logo ---------------------------- */

#header h1 {
   position: absolute;
   top: 0px;
   left: 0px;
   display: block;
   text-indent: -9999px;
   width: 100%;
   height: 220px;
   background: url(img/header_grafik.png) 0 0 no-repeat;
}


/* -------------------------- Navigation ---------------------------- */

#nav {
   position: absolute;
   top: 190px;
   left: 0px;
	width: 100%;
   height: 30px;
   background: url(img/white-30.png) repeat; /*weiß transparent*/
   border-bottom: 1px solid #713023;
}

#nav li { 
	float:left;
   height: 23px; /* für Drop-Down-Menü vergrößern */
	padding: 7px 16px 0 15px;
}

#nav li a {
   display: block;
	color: #363636;
   text-decoration: none;
   font-size: 0.8em;
   font-weight: bold;
	padding-left: 25px;   
}

#nav a:hover {
	color: black;
	background: url(img/dreieck.png) no-repeat 7px 50%;
} 

#nav a:active {
	margin: 1px 0 0 0;
} 

#nav a.anzeige {
	/*color: #fff;*/
	background: url(img/dreieck.png) no-repeat 7px 50%;
}


/* -------------------------- Content ---------------------------- */

#section {
   width: 770px;
   float: left;
   margin: 50px 0 0 0;
}

.article { 
	float: left;
	position: relative;
	margin: 5px 15px 0px 25px; 
	padding-left: 5px;
	/*color: #fff;*/ /*hier keine Schriftfarbe setzen, da sonst GoogleMaps-Popup nicht lesbar ist*/ 
}

.article h2 {
	font-size: 1.1em;
	line-height: 160%;	
	color: #fff;
	margin: 0px 0 12px 10px;
}

.article h3 {
	font-size: 0.9em;
	line-height: 120%;
	color: #fff;
  	margin: 30px 0 12px 10px;
  	font-weight: bold; 
   /*text-decoration: underline;*/
}

.article h4 {
	font-size: 0.8em;
	line-height: 100%;
	color: #fff;
	margin: 10px 0 12px 10px;
}
	
.article a {
   color: #fff;
   text-decoration: underline;
}

.article p { 
	font-size: 0.8em;
	line-height: 160%;
	color: #fff;
	margin: 0 0 0 10px;
	padding-bottom: 1em;
}

/* ------- Inhaltsblock: Aktuelles ----------- */
#current {
   /*width: 250px;*/
   width: 698px;
   float: left;
   margin: 10px 15px 20px 36px;
   padding: 10px 10px 10px 10px;
   color: #fff;
   /*background-color: #873224;*/
   background-color: brown;  
   border: 1px solid #713023; 
   border-radius: 5px;  
}

#current h3 {
	font-size: 1em;
	line-height: 160%;
   font-weight: bold;
}

#current p {  
	font-size: 0.9em;
	line-height: 160%;
}

#current a,
#current a:hover,
#current a:active {
	color: white;
}

/* ------- Startseite: Slideshow ----------- */
#slideshow {
	/*Breite und Höhe werden auch in der JS-Funktion gesetzt.*/
	width: 420px; 
	height: 315px;
	float: right;
	margin: 5px 0 5px 15px;
	/*margin-top: -93px;*/
	border: 1px	 solid #713023;
	border-radius: 5px;
}

/* ------- Über-uns-Seite: ----------- */
#img_ueberuns {
	width: 240px;
	height: 170px;
	float: right;
	margin: -15px 0 10px 20px;
}

/* ------- Appartements-Seite ----------- */
.img_app {
	width: 330px;
	height: 248px;
	margin: 0 25px 10px 0px;
	border: 1px	 solid #713023;
}

/* ------- Kontakt-Seite ----------- */
#map_canvas {
	width: 400px;
	height: 330px;
	float: right;
	margin: 5px 10px 5px 15px;
	border: 1px	 solid #713023;
}

iframe#bvg {
	clear: both;
	/*float: left;*/
	width: 300px;
	/*height: 200px;*/
	/*margin: 30px 0 5px 356px;*/
	margin: 30px 0 0px 363px;
	border: 1px solid #713023;
}

div#kontakt-form {
	/*margin-top: 100px;*/
}

#formular1 {
	/*clear: both;*/
	/*float: right;*/
	width: 358px;
	/*margin-top: -37px;*/
	/*margin-top: 60px;*/
	margin-top: 20px;
	margin-right: 0px;
}

/* custom styles for form-7 fields */
.form-7-fields-custom {
	width: 310px;
	padding: 2px;
}
#btn-form-7-submit {
	padding: 2px;
}

/* ------- Impressum-Seite ----------- */
.imp {
	margin-left: 180px;
}

.imp h2 {
	margin-bottom: 1em;	
}

.imp p {
	margin-bottom: 1em;	
}


/* -------------------------- Sidebar ---------------------------- */

#aside {
   width: 230px;
   float: left;   
   margin: 50px 0 0 0;
}

#aside-top {
   width: 185px;
   float: left;
   margin: 10px 10px 15px 10px;
   padding: 12px 10px 10px 10px;
   /*background-color: brown;*/ 
   background-color: #E4C6AC;
   border-radius: 5px;
   border: 1px solid #713023;
   color: #713023;
}

#aside-top h1 {
   padding-bottom: 0.3em;	
   font-size: 1.8em;
   /*line-height: 130%;*/
   font-weight: bold;
}

#aside-top h3 {
   padding-bottom: 0.8em;	
	font-size: 0.8em;
	line-height: 160%;
   font-weight: bold;
}

#aside-top p {
	font-size: 0.8em;
	line-height: 140%;
}

#aside-main {
   width: 185px;
   float: left;
   margin: 0px 10px 0px 10px;
   padding: 10px 10px 10px 10px;
   color: #fff;
}

#aside-main h3 {
   padding-bottom: 10px;	
	font-size: 0.8em;
	line-height: 160%;
}

#aside-main p {  
	font-size: 0.8em;
	line-height: 160%;
}


/* -------------------------- Footer ---------------------------- */

#footer-container {	
   width: 1000px;
	margin: 0 auto;
	position: relative;
	border-left: 1px solid #713023;
	border-right: 1px solid #713023;
	border-bottom: 1px solid #713023;
}

#footer {
   width: 100%; 
   height: 30px;
   padding: 7px 0 0 0; 
   text-align: right;     
   background-color: #B46B4E;
}

#footer ul {
   margin: 0 0 0 40px;
}

#footer ul li { 
	color: #000;
	float: left; 
   font-size: 0.8em;
}

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

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

/* ------ Footer: Impressum-Link -------*/

#impressum {
	position: absolute;
	/*left: 890px;*/
	left: 490px;
}

#li-datenschutz {
	position: absolute;
	left: 800px;
}