/*  
Theme Name: Zwei Linden
Theme URI: http://www.offczorz.de/
Description: Layout von Patrick Offczorz
Version: 1.0
Author: Patrick Offczorz
Author URI: http://www.offczorz.de/
*/

@import url(dock.css);
@import url(post.css);
@import url(sidebar.css);
@import url(startpage_slider.css);

/* @group My Group */


#menu {
	height: 31px;
	width: 1000px;
}
#menu ul li a {
	color: #fafafa;
}
#menu ul li a:hover {
	color: #dedede;
}
#menu {
	height: 31px;
	width: 1000px;
}
.sf-menu { height: 24px; padding-top: 4px; margin: 0px; list-style:none; }
.sf-menu ul{position:absolute; top:-999em; background:#303030; border-left: 1px solid #404040; border-right: 1px solid #404040; border-bottom: 1px solid #404040; margin:0px; width:300px;}
.sf-menu ul li{ padding: 15px 5px 0px 10px; margin:0px; width: 300px; }
.sf-menu ul li:hover{background:#404040; width: 285px; }
.sf-menu li:hover{visibility:inherit; /* fixes IE7 'sticky bug' */}
.sf-menu li{float:left; position:relative; font-size: 12px; font-weight: bold; margin: 5px 20px 0px 0px; text-transform: uppercase;
	width: 120px;
}
.sf-menu li:hover{ }
.sf-menu a{display:block; position:relative; height: 24px; width: 300px; }
.sf-menu a:hover {text-decoration:none; }
.sf-menu li:hover ul, 
.sf-menu li.sfHover ul{left:0; top:22px; /* match top ul list item height */z-index:99; }
ul.sf-menu li:hover li ul, 
ul.sf-menu li.sfHover li ul{top:-999em; }
ul.sf-menu li li:hover ul, 
ul.sf-menu li li.sfHover ul{height: 37px; left:300px; top:0; border-top: 1px solid #404040; border-right: 1px solid #404040; border-bottom: 1px solid #404040;}
ul.sf-menu li li:hover li ul, 
ul.sf-menu li li.sfHover li ul{top:-999em; }
ul.sf-menu li li li:hover ul, 
ul.sf-menu li li li.sfHover ul{left:300px; /* match ul width */top:0; }


/* @end */



html, body {
	background-image: url(images/back.jpg);
	background-repeat: repeat-y;
	background-position: center;
	background-color: #f2ebcf;
	margin: 0px;
	padding: 0px;
	font: 14px "Trebuchet MS", Verdana, Lucida, Geneva; 
	font-weight: 100; 
	line-height: 22px;
	color: #000000;
}
a {
	color: #702d27;
	text-decoration: underline;
}
a:hover {
	text-decoration: underline;
}
img {
	border: 0;
}
h1 {
	font-family: "Impact, tahoma, verdana, arial";
	font-style: italic;
	font-size: 1.90em;
}
h2 {
	font-family: "tahoma, verdana, arial";
	font-size: 1.35em;
}
h3 {
	font-family: "tahoma, verdana, arial";
	font-size: 1.35em;
	color: white;
}

/* Sonstige Eigenschaften */

.clear 	{clear: both;}
.left 	{float: left; margin-right: 20px;}
.right 	{float: right; margin-left: 10px;}

.box1 {
	width: 430px;
}

.box2 {
	height: 229px;
}

.box3 {
	background-color: #d9cf97;
	padding: 20px 0 0 40px;
	text-align: left;
}

.box4 {
	width: 340px;
	padding: 1px 0 0 20px;
	color: #663610;
}

.box5 {
	width: 280px;
	background-color: #dabd1c;
	padding: 20px;
	position: absolute;
	margin-left: 590px;
	margin-top: 25px;
	color: #584c06;
	-moz-border-radius-bottomleft:12px;
	-moz-border-radius-bottomright:12px;
	-moz-border-radius-topleft:12px;
	-moz-border-radius-topright:12px;
	border: 3px solid #b19917;
}

.box6 {
	width: 480px;
}

.karte {
	background-image: url(images/karte.jpg);
	width: 797px;
	height: 563px;
	
}

.h1border {
	background-color: #6c4404;
	width: 935px;
	text-align: left;
	padding: 10px 5px 10px 40px;
	color: #dabd1c;
	letter-spacing: -2px;
	font-weight: bold;
	font-size: 1.80em;
}

.button_willkommen {
	position: absolute;
	margin-left: 480px;
	margin-top: -140px;
}

.button_konzeption {
	position: absolute;
	margin-left: 610px;
	margin-top: -140px;
}

/* Frontend Content header width */

#wrap {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
}

#header {
	background-color: #403d34;
	width: 980px;
	height: 240px;
	padding-top: 20px;
	text-align: center;
	margin-bottom: -20px;
}

#content {
	background-color: #d8e6fd;
	text-align: center;
}

.navibottom {
	background-image: url(images/navibottom.jpg);
	background-repeat: repeat-x;
	height: 8px;
} 

.willkommen {
	background: url(images/willkommen.gif) no-repeat;
	margin: 0 0 0 30px;
	height: 209px;
	text-align: left;
	padding: 20px 0 0 30px;
	color: #7b652d;
}

#kontakt {
	background-color: #c1baa0;
	padding: 20px;
	-moz-border-radius-bottomleft:12px;
	-moz-border-radius-bottomright:12px;
	-moz-border-radius-topleft:12px;
	-moz-border-radius-topright:12px;
	
}
#anschrift {
	margin-right:120px;
}

.kontakt_start {
	background: url(images/kontakt1.jpg) no-repeat;
	width: 980px;
	height: 675px;
	margin-left: -40px;
	padding: 20px;
	color: #e6dec1;
}

#wrap_content {
	background-color: white;
	width: 900px;
	margin-left: 20px;
	margin-top: 20px;
	text-align: left;
	padding-top: 20px;
	padding-right: 40px;
	-moz-border-radius-bottomleft:12px;
	-moz-border-radius-bottomright:12px;
	-moz-border-radius-topleft:12px;
	-moz-border-radius-topright:12px;
}

.content_nosidebar {
	padding: 20px 0 20px 40px;
}

/* Kontaktformular */

.contactform input{
	-moz-border-radius-bottomleft:7px;
	-moz-border-radius-bottomright:7px;
	-moz-border-radius-topleft:7px;
	-moz-border-radius-topright:7px;
	background-color:#e6dec1;
	border-top:1px solid #615d51;
	border-left:1px solid #918c7a;
	border-bottom:1px solid #f1ecdb;
	border-right:1px solid #ebe4cc;
	font-family: sans-serif;
	font-size:1.10em;
	margin-right:5px;
	padding-right:5px;
	padding-top:5px;
	width:210px;
	height: 25px;
}
.contactform textarea {
	-moz-border-radius-bottomleft:7px;
	-moz-border-radius-bottomright:7px;
	-moz-border-radius-topleft:7px;
	-moz-border-radius-topright:7px;
	background-color:#e6dec1;
	border-top:1px solid #615d51;
	border-left:1px solid #918c7a;
	border-bottom:1px solid #f1ecdb;
	border-right:1px solid #ebe4cc;
	font-family:Helvetica,Arial,sans-serif;
	font-size:1.15em;
	margin-right:20px;
	padding-right:5px;
	padding-top:5px;
	width:465px;
	height: 200px;
}

.contactformback {
	-moz-border-radius-bottomleft:7px;
	-moz-border-radius-bottomright:7px;
	-moz-border-radius-topleft:7px;
	-moz-border-radius-topright:7px;
	background-color: #dfdfdf;
	padding: 20px;
	border-bottom: 1px solid #ffffff
}
	
/* Naviborder Navigation */
#naviborder {
	background-color: #403d36;
	width: 980px;
	height: 26px; 
}
#naviborder ul{
	list-style: none;
}
#naviborder li{
	float: left;
	line-height: 28px;
	font-size: 14px;
	text-transform: uppercase;
	margin: 0px 2px 0 0;
}
#naviborder li a{
	color: #dbc59f;
	text-decoration: none;
	display: block;
	float: left;
	padding: 0 0 0 15px;
	font-weight: bold;
}
#naviborder li a span{
	display: block;
	float: left;
	height: 27px;
	padding: 0 13px 0 0;
	list-style: none;
}



/* Post Meta */
#submenu {
	margin-top: -5px;
	width: 100%;
}
.sub_menu li b {
	margin: 0px;
	padding: 3px 0px 3px 0px;
	color: #000000;
	text-decoration: none;
	display: block;
}
.sub_menu li {
	margin: 7px 5px 7px 0px;
	padding: 0px;
	font-size: 11px;
	float: left;
	list-style: none;
}
.sub_menu li:hover ul, .sub_menu li.iehover ul {
	left: auto;
}
#submenu {
	width: 100%;
}
.cat-item a, .cat-item a:visited {
	padding: 3px 2px 3px 20px;
	background: url(images/tag.gif) left no-repeat;
	color: #85c2ff;
	text-decoration: none;
	display: block;
}

.cat-item a:hover {
	border-right: 3px solid #85c2ff;
	color: #ffffff;
	text-decoration: none;
}

.meta {
	margin: 0px 0px 15px 0px;
	padding: 0px;
	color: #828b5c;
	font-size: 0.95em;
}

.meta a, .meta a:visited {
	color: #000000;
	text-decoration: none;
	border-bottom: 1px solid #ffffff;
}
.meta a:hover {
	color: #ff0000;
}

/* Startpage more News */
.rightbox {
	width: 300px;
	float: right;
	margin: 20px 20px 0 0;
	padding: 0 20px 20px 10px;
	background-color: #f2f2f2;
}
.rightbox a {
	color: #4f4f4f;
	font-weight: bold;
	font-size: 12px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
.rightbox li {
	list-style-position: outside;
	list-style-image: url(images/bullet.gif);
}
.morenews{
	height: 50px;
}
.hl{
	background: url(images/hl-dot.gif) repeat-x top;
	clear: both;
	height: 2px;
	overflow: hidden;
	width: 100%;
}
.date{
	color: #aaaaaa;
	font-size: 11px;
}

/* It´s not a tricky, it´s a footer */
#footer img {
	border: 0;
	margin-right: 5px;
	margin-bottom: -4px;
}
.footerpic {
	background: url(images/footerpic.jpg) no-repeat;
	width: 950px;
	height: 110px;
	margin-left: 11px;
}
#footer {
	margin: 10px 0 10px 0;
	width:980px;
	text-align:center;
}
#footer p {
	margin:0;
	padding-top:10px;
	padding-bottom:5px;
	font-size:0.90em;
	line-height:1.25em;
}
#footer_left {
	float:left;
	width:44%;
	color: #7F7F7F;
	padding: 10px;
	margin: 10px;
	list-style-type: none;
}
#footer_right {
	float:right;
	width:44%;
	color: #7F7F7F;
	padding: 10px;
	margin: 10px;
	margin-left: 10px;
}
.footer45right {
	float: right;
	width: 45%;
}
.footer45left {
	float: left;
	width: 45%;
}

.footer_typo 					{color: black; text-align: left; font-size: 0.95em;}
.footer_typo h2				{color: black; margin-left: 36px; font-size: 1.15em;}
.footer_typo h3				{color: black; margin-left: 36px; font-size: 1.15em;}
.footer_typo a 				{text-decoration: none;}

.footer_typo_text 			{color: black; line-height: 24px;}
.footer_typo_text a 			{background-color: silver; color: black; padding: 0 2px 0 2px; text-decoration: none;}
.footer_typo_text a:hover 	{background-color: #85c2ff;}
.footer_typo a:hover			{color: black;}
#footer_content_left li 	{list-style: none;}