html {
	margin: 0;
	width:100%;
	height:100%;
	padding:0;
}
@font-face {
    font-family: 'GraublauWebBold';
    src: url('../webfonts/graublauwebbold.eot');
    src: url('../webfonts/graublauwebbold.eot?#iefix') format('eot'),
         url('../webfonts/graublauwebbold.woff') format('woff'),
         url('../webfonts/graublauwebbold.ttf') format('truetype'),
         url('../webfonts/graublauwebbold.svg#webfontZtU00kGi') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GraublauWebRegular';
    src: url('../webfonts/graublauweb.eot');
    src: url('../webfonts/graublauweb.eot?#iefix') format('eot'),
         url('../webfonts/graublauweb.woff') format('woff'),
         url('../webfonts/graublauweb.ttf') format('truetype'),
         url('../webfonts/graublauweb.svg#webfontWZATV2xD') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'CallunaRegular';
    src: url('../webfonts/Calluna-Regular-webfont.eot');
    src: url('../webfonts/Calluna-Regular-webfont.eot?iefix') format('eot'),
         url('../webfonts/Calluna-Regular-webfont.woff') format('woff'),
         url('../webfonts/Calluna-Regular-webfont.ttf') format('truetype'),
         url('../webfonts/Calluna-Regular-webfont.svg#webfontJYolXlF6') format('svg');
    font-weight: normal;
    font-style: normal;
}
body	{
	margin: 0;
	padding:0;
	font-family: "Segoe UI", Verdana, sans-serif;
	font-size: 99%;
	width:100%;
	height:101%;
	background:#f0f0f0 url(../wishbone-img/hg-verlauf-ff.jpg) repeat-x;
}
* html .hasheight {
	height:1%;
}
.bugfix {
	display: inline;
}
.klear {
	clear:both;
	line-height:0;
	font-size:0;
	height:0;
}
.links {
	float:left;
}
.rechts {
	float:right;
}
.center {
	margin:auto;
}
p {
	color: #000;
	font-size:93%;
	line-height: 1.4em;
	margin:0.8em 0;
	padding:0;
}
p.unter_bild {
	margin-top:-3px;
	margin-bottom:1.2em;
}
a {
	color:#5d8000;
	text-decoration:none;
	font-weight:bold;
}
a:hover, a:focus {
	color:#99CC00;
}
.klein {
	font-size:76%;
	margin:0.6em 0;
}
.cent {
	text-align:center;
}
.hervor {
	color:#6c694c;
	font-weight:bold;
}
h1 {
	font-size:250%;
	line-height: 1.4em;
	color:#66663d;
	margin:0.2em 0 0.5em 0;
}
h2 {
	font-size:130%;
	font-weight:bold;
	font-family:Georgia, "Times New Roman", Times, serif;
	line-height: 1.4em;
	color:#333;
	margin:0.7em 0;
}
h3 {
	font-size:100%;
	font-weight:bold;
	font-family:Georgia, "Times New Roman", Times, serif;
	line-height: 1.4em;
	color:#363619;
	margin:1.5em 0 0 0;
}
.column img {
	border: #000 1px solid;
}
.column .ohne_b {
	border:none;
}
/******** Layout Objekte *********/	
#vorhang_wrap { /*der Mittelstreifen */
	position:relative;
	background:url(../wishbone-img/hg-wb-verlauf-ff.jpg) top center;
	width:66.67%; /*rechts und links bleiben je ein Viertel */
	text-align: center;
	margin:0 auto;
	min-height:100%;
}
* html #vorhang_wrap { /* IE6 und einen schoenen Mittelstreifen gibt nachfolgend tausend Probleme, also muss er ohne Mittelstreifen leben */
}
#printdesign {
	position:absolute;
	width:336px;
	height:101px;
	top:92px;
	right:-22.5%;
	background:url(../wishbone-img/printdesign.png) top center;
	z-index:500;
}
* html #printdesign {
	left:2.5%;
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/templates/wishbone/wishbone-img/printdesign.png',sizingMethod='scale');
}
#webdesign {
	position:absolute;
	width:336px;
	height:119px;
	top:75px;
	left:-22.5%;
	background:url(/assets/templates/wishbone/wishbone-img/webdesign.png) top center;
	z-index:1500;
}
#webdesign h1, #printdesign h1, #logo_wrap h1 {
	text-indent:-999em;
}
* html #webdesign {
	left:0;
	background:transparent;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/templates/wishbone/wishbone-img/webdesign.png', sizingMethod='scale')
}

/************************* das Bild im Oval zum Ziehen **************************/
/************************* das Bild im Oval zum Ziehen **************************/	
/************************* das Bild im Oval zum Ziehen **************************/	

#bild {
	position:absolute;
	width:310px;
	height:256px;
	left:50%;
	margin-left:-155px;
	overflow:hidden;
	visibility:visible;
	z-index:50;
}
#flash #bild {
	margin-left:-176px;
}
#drag {
	position:relative;
	width:721px;
	height:584px;
	top:-60px;
	left:-40px;
	/*background:url(/assets/templates/wishbone/artikel-img/screen-pelzner.jpg) no-repeat; */
	z-index:50;
}
html #ovalrahmen {
	position:relative;
	width:313px;
	height:257px;
	top:0;
	margin:0 auto;
	background-image:url(/assets/templates/wishbone/wishbone-img/oval-rahmen-m-mit.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-color: transparent;
	z-index:100;
}
* html #ovalrahmen {
	left:50%;
	margin-left:-156px;
}
#handle {
	position:absolute;
	width:312px;
	height:257px;
	left:50%;
	top:0;
	margin-left:-156px;
	background:none;
	z-index:110;
}

/************************* Ende Bild im Oval zum Ziehen **************************/	

/***********hilfsmenu fuer mobiles **************/
#hilfsmenu {
	display:none;
}

/******************************** Menue ********************************/	
/******************************** Menue ********************************/	
/******************************** Menue ********************************/	

ul { /* der Stab */
	margin: 0;
	list-style-type: none;
	/*position:relative;*/
	text-align:center;
	z-index:200;
	whitespace:nowrap;
}
#navigation {
	background:#deddd4 url(../wishbone-img/menu-bg-wb-ff.jpg) repeat-x top;
	border:#000 solid;
	border-width:1px 0;
	padding:10px 0; /* 2px weniger als li a padding */
	position: relative;
	font-size:130%;
	font-weight:bold;
}
ul#hauptmenu {  /* der Stab */
	padding:10px 0; /*2px weniger als li a padding*/
	width:100%/*569px*/;
	margin-bottom:-1px; /* ??? */
	position: absolute;
	left:0px;
	top:0px;
	/*display: none;*/
	z-index:999;
	/*filter: none !important;*/
}
* html #navigation {
	margin-top:14px;
}
*+html #navigation {
	margin-top:14px;
}
* html ul#hauptmenu {}
ul:after { /*damit sich ul (der Stab) in der Hoehe entsprechend li ausdehnt */
	content: ".";
	display: block;
	line-height: 1px;
	font-size: 1px;
	clear: both;
}
#hauptmenu li {
	display:block;
	float:left;
	z-index:200;
	/*position: relative;*/
}
#navigation li a {
	text-decoration: none;
	color:#999;
	font-weight:bold;
	padding:12px 7px;
	background:#deddd4 url(/assets/templates/wishbone/wishbone-img/menu-bg-ff.png) repeat-x;
	border:#000 1px solid;
	border-left:none;
	position:relative;
	z-index:200;
}
#hauptmenu a:hover {
	color: #999999;
}
#hauptmenu li.first a {
	border-left: #000 1px solid;
}
#hauptmenu li.aktiv a, #hauptmenu li a.hover {
	color: #6e9409;
	background:#fafaf2 url(/assets/templates/wishbone/wishbone-img/menu-bg-ff-i.png) repeat-x;
}
#hauptmenu li a.hover {
	position: absolute;	top: -13px;	left: 0;
}
/*li.aktiv a, li a:hover, li a:focus {
	color: #6e9409;
	background:#fafaf2 url(/assets/templates/wishbone/wishbone-img/menu-bg-ff-i.jpg) repeat-x;
}
#hauptmenu li a.erste {
	border-left:#000 1px solid;
}*/
#hauptmenu li#abstander { /* per Javascript animiert, um den aktven Menupunkt immer in die Mitte zu bringen */
	width:30%;
}/*die folgenden brauch ich nicht mehr, denn das Untermenu kommt jetzt in das gleiche <li> wie der link / der Obermenupnukt	
*+html #hauptmenu li.umenuwrap { /* der menupunkt, der ausgeklappt wird
	width:100%;
}
* html #hauptmenu li.umenuwrap { /* der menupunkt, der ausgeklappt wird
	width:100%;
}*/	

/**************************************Untermenu*********************************************/	/**************************************Untermenu*********************************************/

#navigation .submenu {
	position:absolute; /*immer in der Mitte, unabhaengig davon, welcher li angeklickt ist */
	top:1.45em;/*das muss immer gleich der aus px (padding) und em gemischten H�he des Stabes sein, auch bei Veraenderung der Schriftgroesse. der px-Abstand wird mit margin-top hergestellt */
	left:50%;
	width:160px;
	margin:24px 0 0 -84px; /* margin-top wg nav_wrap margin + ul#navigation 10px*/
	padding:0;
	font-size:86%;
	z-index:150;
}
*+html #navigation .submenu {
	margin-left:-86px;
}
* html #navigation .submenu {
	margin-left:-90px;
}
#navigation .submenu #logo_wrap {
	margin: 10px 0 0 5px;
	background:url(/assets/templates/wishbone/wishbone-img/logo_mitte.gif) no-repeat top ;
	height:230px;
}
/*#hauptmenu #untermenu1 #logo_wrap h1 {
	font-size:105%;
	margin-bottom:0;
}
#hauptmenu #untermenu1 #logo_wrap p {
	font-size:86%;
	margin-top:0.25em;
}durch img ersetzt */
#navigation .submenu:after { /*ul in der Hoehe entsprechend li ausdehnen --- obs noch noetig ist? */
	content: ".";
	display: block;
	line-height: 1px;
	font-size: 1px;
	clear: both;
}
#navigation .submenu li {
	float:none;
	text-align:center;
	z-index:150;
	position: relative;
}
	#navigation .submenu li.first a {
		padding-top:9px;
	}
#navigation .submenu li#search {
	/*line-height:0;*/
}
#navigation #ajaxSearch_submit {
	display: none;
}
#navigation .submenu li a, #navigation .submenu li#search fieldset {
	background:#f7f7f4 url(/assets/templates/wishbone/wishbone-img/untermenu-bg-ff.png) repeat-x;
	width:153px;
	display:block;
	margin:-1px auto;
	padding: 6px 7px;
	font-size:93%;
	color:#999;
	border:#000 1px solid;
}
#navigation .submenu li#livezilla a {
	width:166px;
	margin:auto -5px;
	background:none;
	border:none;
	color:#5d8000;
	font-size:86%;
}	
	#navigation .submenu li#livezilla a:hover, a:focus {
		color:#99CC00;
	}
#navigation .submenu li#search fieldset {
	padding: 6px 7px; /*bei normalen Listenelementen in #hauptmenu li a definiert*/
}
*+html #navigation .submenu li a, #navigation .submenu li#search fieldset {
	margin-top:-2px;
}
* html #navigation .submenu li a, #navigation .submenu li#search fieldset {
	margin-top:-2px;
}
#navigation .submenu li.aktiv > a, #navigation .submenu li a:focus, #navigation .submenu li a.hover {
	background:#fffff9 url(/assets/templates/wishbone/wishbone-img/untermenu-bg-ff-i.png) repeat-x;
	color: #6e9409;
}
#navigation .submenu li a.hover {
	position: absolute;
	top: 1px;
	left: 0;
}
/*#navigation .submenu li a:hover,  #navigation .submenu li.aktiv a, #navigation .submenu li a:focus {
	background:#fffff9 url(/assets/templates/wishbone/wishbone-img/untermenu-bg-ff-i.jpg) repeat-x;
	color: #6e9409;
}*/

/******************************** Ende Untermenue ********************************/	

/******************************** UnterunterMenue ********************************/	
/******************************** UnterunterMenue ********************************/	
/******************************** UnterunterMenue ********************************/	

#navigation .submenu li ul {
	position:relative;
	top:0;
	left:0px;
	margin-left:0;
	margin-top:0;
	margin-bottom:0;
}
#navigation .submenu li ul #search, #navigation .submenu li ul #logo_wrap, #navigation .submenu li ul #livezilla {
	display:none;
}
#navigation .submenu li ul li a, #navigation .submenu li ul li a:link {
	background:#f7f7f4 url(/assets/templates/wishbone/wishbone-img/unteruntermenu-bg-ff.png) repeat-x;
	font-size:86%;
	padding: 0.1em 7px 0.2em 7px;
	color:#999;
	border-color:#999;
}
#navigation .submenu li ul li a:hover, #navigation .submenu li ul li.aktiv a:link, #navigation .submenu li ul li a:focus {
	background:#fffff9 url(/assets/templates/wishbone/wishbone-img/unteruntermenu-bg-ff-i.png) repeat-x;
	color: #618500;
}
	#navigation .submenu li ul li.first a {
		padding-top:0.1em;
	}

/******************************** Ende Unteruntermenue ********************************/

/******************************* Inhalte **********************************/
/******************************* Inhalte **********************************/
/******************************* Inhalte **********************************/

#inhalt_wrap {
	position:relative;
	width:150%; /*siehe vorhang_wrap - 2 Viertel = 50% */
	margin:0;
	overflow: hidden;
	margin-left:-25%; /* ein Viertel */
	min-width:38em; /* Navi soll nicht umbrechen - anpassen, wenn ein menupunkt dazukommt*/
}
*+html #inhalt_wrap {
	width:expression(document.body.clientWidth < 38em? "38em": "150%" );
}
* html #inhalt_wrap {
	margin-left:0;
	height:1%;
}
#navi_wrap {
	position:relative;
	overflow: visible;
	margin:14px 0 -1px -25%;
	width:150%;
	min-width:38em;
}
*+html #navi_wrap {
	width:expression(document.body.clientWidth < 38em? "38em": "150%" );
}
* html #navi_wrap {
	margin-left:0;
}/* wenn zwei ovale oben
img.ov_li {
	margin-right:20px;
	margin-left:-100px;
}
img.ov_re {
	margin-right:-100px;
	margin-left:20px;}*/

	/***************************** Ende Inhalte ********************************/

	/****************************  columns ************************************/
	/****************************  columns ************************************/
	/****************************  columns ************************************/

.column {
	width:50%;
	position:relative;
	float:left;
	text-align:left;
	background:none;
	margin-bottom:100px;
}
* html .column {
	margin-left:-0.5%;
	margin-right:0px;
}
*+html .column {
	width:49.9%;
}
#left {
	padding-right:82px;
	padding-left:4%;
	position:relative;
}
#s1, #s2 {
	overflow:hidden;
}
#right {
	padding-left:82px;
	padding-right:6%;
	position:relative;
}
* html #left {
}
.column .inner, .column .inner-hover {
	border:#000 1px solid;
	background:white;
	padding:10px 8px 16px 14px;
	position:relative;
	z-index:100;
}
.column .inner {
	-moz-box-shadow: 1px 1px 4px #999;
	-webkit-box-shadow: 1x 1px 4px #999;
	box-shadow: 1px 1px 4px #999;
}
.column .inner-hover {
	border-right-width: 0px;
}
#right .inner {
	padding-top:30px;
	}
#left .inner {}	
.inner ul {
	padding:0px;
	margin:0px 0px 1.4em 1.1em;
	list-style: square outside;
	color:#97931f;
	text-align:left;
}

/**************************  Ende columns ********************************/

/**************************  ajaxSearch ********************************/
/*****  noch mit ajax-search.css gegenchecken! ******************************/

#preloadTest {
	width:100%;
	height:800px;
	background: url(/assets/templates/wishbone/mannheim-paradeplatz-silvester-06-2.jpg) no-repeat;
}

/******************************** Footer ********************************/
/******************************** Footer ********************************/
/******************************** Footer ********************************/

#footer {
	border-top:#6e9409 1px solid;
	background:#deddd4;
	padding:10px;
	margin:0;
	position:relative;
	min-height:100%;
}
.footerbox {
	float:left;
	margin:0 20px;
}
#footer ul {
	text-align:left;
}
#footer ul li a:link, .content .inner a, .content .inner a:link {
	background:none;
	margin:2px 0;
	padding:2px;
	border: none;
	font-size:93%;
	font-weight:normal;
	color:#666;
}
.content .inner a, .content .inner a:link {
	font-weight:bold;
	color:#999;
	font-family:Georgia, "Times New Roman", Times, serif
}
#footer ul li ul li a:link, #footer ul li ul li.aktiv a {
	font-size:86%;
	color:#666;
}
#footer ul li ul li ul li a:link, #footer ul li ul li ul li.aktiv a {
	font-size:86%;
	color:#666;
}
.content .inner a:hover, .content .inner a:focus, #footer ul li a:hover, #footer ul li.aktiv a, #footer ul li a:focus, #footer ul li ul li a:hover, #footer ul li ul li.aktiv a, #footer ul li ul li a:focus, #footer ul li ul li ul li a:hover, #footer ul li ul li ul li.aktiv a, #footer ul li ul li ul li a:focus {
	color:#6e9409;
}
#footer li ul li ul li a {
	font-size:76%;
}

/*layouts iPhone und Mobiles mit niedererer Aufloesung*/

@media handheld and (max-width: 480px), screen and (max-device-width: 480px), screen and (max-width: 640px)  {
	#vorhang_wrap {
		width:100%;
		margin:0;
	}
	#webdesign {
		left:20px;
		top:160px;
	}
	#printdesign {
		left:0px;
		top:100px;
	}
	html #ovalrahmen {
	}
	#handle {  
		display:none;
	}
	#inhalt_wrap {
		min-width:inherit;
		width:100%;
		margin:auto;
	}
	#navi_wrap {
		width:100%;
		margin-left:-6.25%;
	}
	ul#kaesten_wrap {
		width:auto;
	}
	#navigation {
		font-size:175%;
		background:none;
		border-bottom:0;
	}
		#navigation li a {
			padding:16px 7px 17px 7px;
		}
	#navigation .submenu {
		position:relative;
		top:16px;
		left:50%;
		width:16em;
		margin-left:-8em;
	}
		#navigation .submenu li a, #navigation .submenu li#search fieldset {
			width:16em;
			padding: 10px 5px 11px 5px;
		}
		#ajaxSearch_input {
			font-size:96%;
		}
	/** columns **/
	.column {
		width:100%;
		position:relative;
		float:none;
		margin-bottom:4px;
	}
		#left, #right {
			padding:6px;
		}
		.column .inner {
			padding-top:12px;
		}
		h2 {
			font-size:165%;
		}
	#hilfsmenu {
		position:absolute;
		left:0;
		top:0;
		display:block;
		font-size:100%;
		text-align:left;
		width:160px;
		z-index:2000;
		height:35px;
		padding:5px;
	}
	a#anhalt {/***der Anker f�r den Anfang des Inhalts*/
		line-height:1px;
		font-size:1px;
		height:1px;
		margin:0;
		padding:0;
	}
}

/*iPad styles*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	body {
	}
}