/*
Theme Name: Taverne Leisnig
Theme URI: http://www.taverne-leisnig.de
Description: Taverne - Ihr Leisniger Altstadtlokal
Author: Yves Schaller Mediendesign
Author URI: http://www.yves-schaller.de
Version 1.0
*/

@charset "utf-8";

/*	==============
	=== INHALT ===
	==============
	
	--------------------------------------------
	1. Allgemeines
		- html
		- body
		- p,ul 
		- a
		- h1
	--------------------------------------------
	2. Seitenaufbau
		2.1 Container
		2.2 Navigation
		2.3 Header
		2.4 Content
		2.5 Column right
		2.6 Footer
	--------------------------------------------
	3. Diverses
		3.1 
	--------------------------------------------  */	


/*  ======================
	=== 1. Allgemeines ===
	======================  */

* {
	border:0;
	margin:0;
	padding:0;
}

html,body {
	text-align:center;
	font-size:100.01%;
	margin:0 auto;
	width:100%;
	height:100%;
}

body {
	font:13px/17px Arial, Helvetica, sans-serif;
	color:#333;
	background:#7E0C0C; /* url(images/bg_body.jpg) repeat center 0*/
}

p,ul {
	padding-bottom:15px;
}
ul {
	list-style:none;
}
ol {
	list-style: decimal inside;
}
a {
	color:#3D6B4B;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}
h1,h2,h3,h4 {
	font:normal 24px/26px Georgia, "Times New Roman", Times, serif;
	color:#7E0C0C;
}
h1 {
	padding-bottom:25px;
}
h2 {
	font-size:16px;
	line-height:20px;
	padding:0 0 15px;
	clear:left;
}
h3 {
	font-size:16px;
	line-height:18px;
	padding:10px 0 15px;
}
h3 a {
	color:#7E0C0C;
}



/*  =======================
	=== 2. Seitenaufbau ===
	=======================  */
	

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

#container {
	width:980px;
	margin:0 auto;
	text-align:left;
	position:relative;
	min-height:100%;
}
* html #container {
	height: 100%;
}
#logo {
	position:absolute;
	width:320px;
	height:182px;
	left:83px;
	top:4px;
	float:left;
	background:url(images/Taverne_Leisnig.jpg) no-repeat 0 0;
	text-indent:-9999px;
}
#logo a {
	display:block;
	width:320px;
	height:182px;
}

/*  ------------------
	--- 2.2 Header ---
	------------------  */
	
#header {
	width:980px;
	height:186px;
	background:url(images/bg_header.jpg) no-repeat 0 0;
}
#header p {
	float:right;
	font:normal 13px/16px Georgia, "Times New Roman", Times, serif;
	color:#333;
	margin:124px 160px 0 0;
}
.newsletter {
	padding:0 0 0 20px;
	background:url(images/ico_newsletter.png) no-repeat 0 3px;
}


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

ul#nav {
	width:897px;
	height:46px;
	padding:5px 0 0 83px;
	background:url(images/navigation.jpg) no-repeat 0 0;
}
#nav li {
	float:left;
}
#nav li a {
	display:block;
	width:107px;
	height:46px;
	text-indent:-9999px;
	text-align:center;
}
#nav li a.nav10 {
	background:url(images/nav10.png) no-repeat 0 0;
}
#nav li a.nav15 {
	background:url(images/nav15.png) no-repeat 0 0;
	width:98px;
}
#nav li a.nav20 {
	width:100px;
	background:url(images/nav20.png) no-repeat 0 0;
}
#nav li a.nav30 {
	width:121px;	
	background:url(images/nav30.png) no-repeat 0 0;
}
#nav li a.nav40 {
	width:168px;
	background:url(images/nav40.png) no-repeat 0 0;
}
#nav li a.nav50 {
	width:124px;
	background:url(images/nav50.png) no-repeat 0 0;
}
#nav li a.nav60 {
	width:96px;
	background:url(images/nav50.png) no-repeat 0 0;
}

/*  -------------------
	--- 2.4 Picture ---
	-------------------  */

#picture {
	width:980px;
	height:170px;
	background:url(images/picture.jpg) no-repeat 0 0;
	text-indent:-9999px;
	padding:0;
}


/*  -------------------
	--- 2.5 Content ---
	-------------------  */
#wrapper {
	float:left;
	width:785px;
	height:auto;
	background:url(images/bg_wrapper.png) repeat-y center 0;
	padding:0 80px 0 115px;
}
*+html #wrapper {/* nur für den IE7 */
	padding-bottom:150px;
} 
p#top {
	width:auto;
	height:40px;
	background:url(images/wrapper_top.png) no-repeat center 0;
	padding:0;
}
#content {
	float:left;
	width:480px;
	padding:0;
}

.float {
	float:left;
	width:230px;
	height:45px;
}
.zoom {
	background:url(images/ico_zoom.png) no-repeat 0 0;
	padding:0 0 7px 22px;
	font-size:11px;
}
#content ul li {
	padding:3px 0 5px 15px;
	background:url(images/bullet.png) no-repeat 0 7px;
}
.small {
	font-size:11px;
}
.date { /* Datum für Artikel */
	font:normal 12px/16px Georgia, "Times New Roman", Times, serif;
	color:#666;
	padding:0 0 5px;
}
.contact {
	float:left;
	width:240px;
}
.links {
	float:left;
	border:2px solid #fff;
	margin:3px 12px 15px 0;
}
.rechts {
	float:left;
	border:2px solid #fff;
	margin:3px 0 15px 12px;
}
#content p {
	clear:left;
}



/*  ------------------------
	--- 2.6 Column right ---
	------------------------  */
	
#column_right {
	float:right;
	width:238px;
	padding:60px 0 0;
	background:url(images/bg_column_right.png) no-repeat 0 0;
}
#column_right h3 {
	font-size:16px;
	line-height:18px;
	padding:0 50px 10px;
	font-weight:100;
}
#column_right h3.next {
	margin:-15px 0 0;
}
#column_right ul {
	padding:0 21px 40px 30px;
}
#column_right li {
	border-bottom:1px dotted #D6A07C;
	padding:5px 20px;
}
#column_right p.bottom {
	background:url(images/bg_cr_bottom.png) no-repeat 0 bottom;
	height:20px;
}

/*  ------------------
	--- 2.7 Footer ---
	------------------  */
	
#footer {
	clear:both;
	width:100%;
	height:150px;
	margin:-150px auto 0 auto;
	position:relative;
	background:url(images/bg_footer.png) repeat-x 0 0;
}
#footer ul {
	background:url(images/footer.jpg) no-repeat center 0;
	width:865px;
	height:50px;
	margin:0 auto;
	padding:100px 0 0 115px;
}
#footer li {
	float:left;
	font-size:11px;
	color:#D0957F;
	padding-right:15px;
}
#footer li a {
	color:#D0957F;
}

/*  ---------------------------------
	--- 3.1 Formatierung Formular ---
	---------------------------------  */

input, select, textarea {
	font:11px/12px Arial, Helvetica, sans-serif;
}
input {
	width:120px;
	float:left;
	background:#fefefe;
	margin:8px 0 0;
	padding:2px 2px 2px 5px;
	color:#999;
	border:1px solid #3D6B4B;	
}
#send {
	float:left;
	width:auto;
	padding:2px 5px;
	margin:8px 0 0 5px;
	cursor:pointer;
	border:none;
	background:#3D6B4B;
	color:#fff;
}