html, body {
	margin: 0px;
	padding: 0px;
	}

body { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 69%;
	line-height: 130%;
	color:#a32d26;
	background: url(../img/ohk_bg.jpg) repeat;
	}



/*
div { 
	border-width: 1px;
	border-style: solid;
	border-color: #000000;
	}
*/


a 	{ 
	color:#a32d26; 
	}

img {
	border: 0px;
}

.textversion	{
	display: none;
}

/* ### START hauptspalten ### */
div#wrapper { 
	width: 965px;	
	margin: 21px 19px 20px 20px;
}	


div#logo {
	margin: 0px 0px 36px 0px;
}


div#navigation {
	float: left;
	width: 138px;
}


div#navigation ul, 
div#fussnavigation ul {
	padding:0px; 
	margin:0px; 
	list-style-type: none;
	font-style: italic;
}

div#navigation ul.ebene1 {
	margin: 0px 0px 0px 14px;
 }


div#navigation ul.ebene1 li {
	margin: 0px 0px 18px 0px;
 }

/*
minusabstand um abstand von li dadrueber auszugleichen
*/
div#navigation ul.ebene2 {
	margin: 0px 0px -8px 14px;
}

div#navigation ul.ebene2 li {
	margin: 8px 0px 0px 0px;
	font-style: italic;
	color: #a32d26;
}


div#navigation ul li a, 
div#fussnavigation ul li a {
	display: block;
	color: #a32d26;
}


div#fussnavigation {
	clear: left;
	width: 829px;
	padding: 24px 0px 0px 0px;
	margin: 0px 0px 30px 136px;
	background: url(../img/ohk-icon-fuss.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;

}

div#fussnavigation ul li {
	float: left;
}

div#fussnavigation ul li {
	margin: 0px 22px 0px 0px;
	color: #a32d26;
}

ul#home {
	float: right
}

div#fussnavigation ul#home li {
	margin: 0px 2px 0px 0px;
}



div#content {
	float: left;
	position: relative; /*wg bild bottom position!*/
	width: 827px;
	padding: 94px 0px 0px 0px;
}


#textspalte { 
	float: left;
	width: 476px;
	margin: 0px 0px 0px 0px;
}

#textspalte p.bodytext { 
	clear: both;
	
}

#bildspalte { 
	float: left;
	width: 330px; /*351*/
	margin: 8px 0px 0px 18px;
}

#galeriespalte { 
	float: left;
	width: 720px;
	margin: 0px 0px 0px 0px;
}

div#gedeck {
	width: 682px;
	float: left;
}

div#gedeck .spaltelinks {
	float: left;
	width: 312px;
	margin-right: 58px;
}

div#gedeck .spalterechts {
	float: right;
	width: 312px;
}


.headline h1, .headspeisekarte h2 {	
	display: none;
}

.headline, .headspeisekarte {	
	clear: both;
	width: 476px;
	background: url(../img/ohk-icon-headschmal.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin: 0px 0px 10px 0px;
}


div#gedeck .headline {	
	clear: both;
	width: 682px;
	background: url(../img/ohk-icon-headbreit.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin: 0px 0px 6px 0px;
}



div#gedeck .text {	
	margin: 10px 0px 20px 0px;
	}

div#gedeck #textunten {	
	clear: both;
	padding: 10px 0px 20px 0px;
	}


.headspeisekarte {	
	margin: 24px 0px 6px 0px;
}


h1, h2, h3, h4, h5 {
	font-size: 100%;
	font-weight: bold;
	line-height: 130%;
	padding: 20px 0px 0px 0px;
	margin: 0px 0px 6px 0px;
}

#gedeck h3 {	
	font-weight: normal;
	padding: 0px 0px 0px 0px;
	}

p {
	margin: 0px 0px 12px 0px;
}

small {
	font-size: 100%;
}

#content a {
	text-decoration: underline;
}


#content ul, #content ol {
	font-weight: normal;
	list-style-type: none;
	list-style-position: outside;
	margin: 0px 0px 12px 20px; /*t r b l */
	padding: 0px;
	}
	
#content ul.bnb-uploads-ul,
#content ul.bnb-uploads-ul li {
	list-style-type: none;
	list-style-position: outside;
	margin: 0px; /*t r b l */
	padding: 0px;
}


#content  ul.speisen {
	margin: 0px 0px 24px 0px; /*t r b l */
	list-style-type: none;
	width: 366px;
	float: left;
}

#content  ul.speisen li, 
#content #gedeck ul.speisen li {
	clear: both;
}

#content #gedeck ul.speisen li {
	width: 276px; /*276*/
	margin: 0px 0px 0px 28px; /* wichtig hier wegen ie6!*/
}


#content  #gedeck ul.speisen {
	width: 276px; /*276*/
	margin: 2px 0px 16px 0px; /*t r b l */
}



#content  ul.speisen li span.gericht {
	width: 300px;
	float: left;
}

#content  ul.speisen li span.preis {
	width: 66px;
	float: right;
	text-align: right;
}

#content #gedeck ul.speisen li span.gericht {
	width: 200px;
	
}



/*speziell fuer news-detailseite mit bildspalte*/

.news-list-item {	
	clear: both;
	float: left;
	width: 476px;
	margin:  0px 0px 0px 0px;
}

.news-list-date {
	font-weight: normal;
}

.news-list-item p.bodytext,
.news-list-morelink {
	display: inline;
}

.news-list-morelink {
	padding-left: 6px;
}


.news-single-item {
	width: 827px;
}
	
/*analog zu textspalte*/
.news-single-item .bodytext,
.news-single-item .subheader,
.news-single-additional-info,
.news-list-browse  { 
	float: left;
	width: 476px;
	margin: 0px 0px 12px 0px;
}

/*analog zu bildspalte*/
.news-single-img { 
	float: right;
	width: 333px; /*351*/
	margin: -197px 0px 0px 18px;
}


dl.news-single-files dd {
	margin: 10px 0px 0px 18px;
	
}

.news-single-backlink {
	clear: both;
	margin: 20px 0px 20px 0px;
}

.tx-ttnews-browsebox table td {
	font-size: 100%;
}

fieldset {
	border: 0px;
	padding: 0px;
	margin: 20px 0px 20px 0px;
}


.csc-mailform-field {
	clear: left;
	float: left;
	vertical-align: top;
	margin: 0px 0px 8px 0px;
}

label {
	float: left;
	width: 160px;
}

input {
	float: left;
	width: 300px;
	font-size: 100%;
	line-height: 130%;
}

input.csc-mailform-submit {
	margin-left: 160px;
}

textarea {
	float: left;
	width: 300px;
	height: 120px;
	overflow: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 100%;
	line-height: 130%;
}

.tx-ttnews-browsebox table { 
	padding: 0px;
	margin: 20px 0px 20px 0px;
	border: 0px;
	border-collapse: collapse;
}

.tx-ttnews-browsebox table td {
	padding: 0px 10px 0px 0px;
	margin: 0px;
}


div.bnb-akk-link {
    margin: -0.8em 0 0.8em;
}

div.bnb-akk-link img {
    padding: 0 0.4em 0 0;
    vertical-align: middle;
}


/* ### START bildpositionen ### */



.bnb-textpic-obj {
	clear: left;
	}

/*wichtig wg floats der versch textbild-konstruktionen*/
.bnb-textpic-obj:after {
	content: " ";
    display: block;
    clear: both;
	}


/*fuer zweispaltige einfache bildtapete unter perspektive*/
#textspalte .bnb-image-obj,
#galeriespalte .bnb-image-obj {
	float: left;
	width: 238px;
	height: 210px;
	margin: 0px 0px 20px 0px;
}

#textspalte img.bnb-img,
#galeriespalte img.bnb-img {
	margin: 0px 18px 0px 0px;
} 

#textspalte div.bnb-caption-layout,
#galeriespalte div.bnb-caption-layout {
	float: left;
	padding: 0px 18px 0px 0px;
}


#bildspalte img.bnb-img{
	margin: 0px 0px 10px 0px;
	float: right;
}

/* bnb-img-cap-position-0: bild oben mitte*/
#bildspalte .bnb-img-cap-position-0 {
/*
	position: absolute; 
*/
	margin: 20px 0px 20px 0px;
}



/* bnb-img-cap-position-1: bild oben rechts*/
#bildspalte div.bnb-img-cap-position-1 {
	/*
	position: absolute; 
	left: 476px;
	top: 0px;
	width: 330px; 
	*/
	margin: -8px 0px 0px 18px;
	padding: 0px 0px 20px 0px;
}

#bildspalte .bnb-bodytext-position-1 {
	/*
	float: left;
	width: 476px;
	margin: 0px 0px 0px 0px;
	*/
	}


/* bnb-img-cap-position-2: bild oben links*/

/* wird HIER fŸr ausrichtung unten verwendet!*/
#bildspalte .bnb-img-cap-position-2 {
	/*macht die ausrichtung vom bild, kein float noetig*/
	/*text-align: left; */
	position: absolute; 
	bottom: 0px; 
	left: 476px;
	margin: 0px 0px 0px 18px;
}


/*bnb-img-block-position-17: im text rechts  */
#bildspalte .bnb-img-cap-position-17 {
	float: right;
	position: absolute;
	bottom: 0px;
	left: 476px;
	width: 330px; /*351*/
	margin: 0px 0px 0px 18px;
	}


#bildspalte .bnb-bodytext-position-17 {
	float: left;
	position: relative;
	width: 476px;
	margin: 0px 0px 0px 0px;
	}



	
/*bnb-img-block-position-25: bild rechte spalte neben text*/
#bildspalte .bnb-img-cap-position-25 {
	float: left;
	width: 330px; /*351*/
	margin: 0px 0px 0px 18px;
	}
	
#bildspalte .bnb-bodytext-position-25 {
	float: left;
	width: 476px;
	margin: 0px 0px 0px 0px;
	}




/* ausrichtung der bildunterschrift*/
.bnb-caption-align-left {
	text-align: left;
	padding: 0px 0px 0px 18px;
}

.bnb-caption-align-right {
	text-align: right;
	padding: 0px 0px 0px 18px;
}

.bnb-caption-align-center {
	text-align: center;
	padding: 0px 0px 0px 18px;
}


/* #### END bildpositionen ### */




