html {
	background: #E0DED6 url(../images/hg_klein.gif);
	height: 100%;
}
body {
	margin: 0;
	padding: 0;
	background: url(../images/hg.png) top left repeat-x;
	min-height: 100%;
	font: normal 62.5% Arial, Helvetica, sans-serif;
	color: #333;
}
.skip, hr {display: none !important;}
h1, h2, h3, h4 {clear: both;}
a {
	text-decoration: none;
	color: #8C8266;
}
a:hover {
	color: #353126;
	text-decoration: underline;
}
a img {border: 0;}
caption {
	font-weight: bold;
	text-align: left;
	color: #333;
}
.linkarchiv {
	padding-bottom: 10px;
	padding-top:0px;
	margin-bottom: 30px;
	background: url(../images/punkt.gif) bottom left repeat-x;
}

.link {
	padding-left: 15px;
	background: url(../images/icon_pfeil.gif) left center no-repeat;
	font-size: .95em;
}
.link:hover {background: url(../images/icon_pfeil1.gif) left center no-repeat;}

.linklinks {
	padding-left: 15px;
	background: url(../images/icon_pfeil_links.gif) left center no-repeat;
	font-size: .95em;
}
.linkoben {
	padding-left: 15px;
	background: url(../images/icon_pfeil_hoch.gif) left center no-repeat;
	font-size: .95em;
}
#container {
	width: 808px;
	margin: auto;
	min-height: 100%;
	background: url(../images/hg_inhalt.png) left center no-repeat;
	font-size: 1.2em;
	padding: 30px 8px 10px 6px;
}
#header {
	background: url(../images/hg_inhalt_oben.png) no-repeat;
	float: left;
	width: 100%;
	position: relative;
	min-height: 122px;
}
#header h1 {
	position: absolute;
	right: 46px;  /* ak: Logo muss weiter nach link - alt = 40px */
	top: -20px;
	margin: 0;
	z-index: 2;

}
#header h1 a {
	display: block;
	background: url(../images/cribb-logo.png);
	width: 114px;
	height: 114px;
	outline: none;
	text-indent: -999em;
	text-decoration: none;	
}
#header ul {
	margin: 20px 0 0 0;
	padding-left: 6px;
	list-style: none;
}
#header li {
	padding: 10px 26px;
	background: url(../images/punkt_vert.gif) repeat-y;
	float: left;
	font-size: .9em;
	position: relative;
}
#header li a, #header li span {
	display: block;
	color: #8F886A;
	text-transform: uppercase;
}
#header li:first-child + li {background: none;}
#header li a:hover {text-decoration: underline;}
#header li span a {color: #353126;}
#header li ul {
	position: absolute;
	width: 500px;
	padding: 0;
}
#header li li {
	font-size: 1em;
	background: none;
	padding: 0 20px 0 0;
}
#header li li a {
	text-transform: none;}
#content {
	clear: left;
	min-height: 750px;
	background: white;
	padding: 1px 0;
	line-height: 1.6em;
	float: left;
	width: 100%;
}
#content hr {
	display: block !important;
	color: /*#514F3C*/rgb(180,176,140);
	border: none;
	background: white url(../images/punkt.gif) repeat-x;
	height: 1px;
}
#main {
	float: right;
	width: 49%;           /* ak: main muss weiter nach rechts um Bündig mit der Headline in der Grafik zu werden - alt = 51% */
	padding-right: 43px;  /* ak: Textinhalt von main muss weiter nach links um Bündig mit der rechten Rand des Logos zu werden - alt = 30px */
}
#main #intro p{padding-bottom:0; margin-bottom:0;}
#main h1, #main h2, #main h3 {
	background: url(../images/punkt.gif) bottom left repeat-x;
	padding-bottom: 5px;
}
#main h2 {font-size: 1.3em;}
#main h3 {font-size: 1em;}
#info {
	float: left;
	padding-left: 25px;
	width: 38%;
}
#main, #info {margin-top: 20px;} 
#info {margin-left: 7px;}  /* ak: info muss weiter nach rechts um Bündig mit dem ersten Menüpunkt zu werden */

#info h2 {
	font-size: 1em;
	font-weight: bold;
	background: url(../images/punkt.gif) bottom repeat-x;
	padding-bottom: 5px;
	width: 211px;
}
#info > *:first-child {margin-top: none;}
#info ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#info li a {
	padding-left: 18px;
	background: url(../images/icon_pfeil.gif) left center no-repeat;
}
#info li a:hover {background: url(../images/icon_pfeil1.gif) left center no-repeat;}

dl {
	margin: 0 30px;
	padding-top: 25px;
	clear: both;
}
dt {
	float: left;
	width: 40%;
	clear: both;
	text-align: right;
	font-size: .9em;
	color: #58543D;
	padding-top: 8px;
}
dt:first-line {
	font-size: 1.3em;
	color: #333;
	font-weight: bold;
}
dd {
	float: right;
	width: 56.2%;
	clear: right;
	min-height: 90px;
	padding-top: 8px;
	margin-bottom: 8px;
	background: url(../images/punkt.gif) top left repeat-x;
	margin-left: 0;
}
dd .link {display: block;}

#footer {
	padding: 1px 0 20px 0;
	background: url(../images/hg_inhalt_unten.png) bottom center no-repeat;
	clear: both;
	width: 100%; /* footer needs layout in IE */
	font-size: .8em;
	color: #747157;
	word-spacing: 2px;
}
#footer ul {
	margin: 0 0 0 30px;
	padding: 0;
	list-style: none;
}
#footer li {float: left;}
#footer a {position: relative; /* since footer has layout links must specifically be “layered” above */}
#footer .drucken a {
	display: block;
	background: url(../images/icon_drucker.gif);
	height: 15px;
	width: 13px;
	font-size: 1px; /* for Safari */
	margin-right: 5px;
	margin-top: 5px;
	color: white;
	font-size: 0; /* Safari doesn’t understand this, all others do */
}
#footer #sprache {
	float: right;
	margin-right: 80px;
	border-left: 40px solid white;
	padding-top: 6px;
}
#sprache li a {padding: 0 10px 0 25px;}
#sprache .deutsch a {background: url(../images/icon_deu.gif) 2px center no-repeat;}
#sprache .english a {background: url(../images/icon_eng.gif) 2px center no-repeat;}
#footer div {
	background: url(../images/punkt.gif) repeat-x;
	margin: 0 30px;
	padding-top: 7px;
}



a#newsletter, a#bewerben, a#bew_tipps, a#newsletter_en, a#bewerben_en, a#bew_tipps_en {
	display: block;
	width: 211px;
	height: 70px;
	margin: 5px 0;
}

a#newsletter_home {
	display: block;
	width: 211px;
	height: 70px;
	margin: 25px 0 5px 0;
}

a#newsletter {background: url(../images/newsletter1.jpg) 0 1px no-repeat;}
a#newsletter_en {background: url(../images/newsletter1_en.jpg) 0 1px no-repeat;}
a#newsletter:hover img, a#newsletter_en:hover img {visibility: hidden;}
a#newsletter_home {background: url(../images/newsletter1.jpg) 0 1px no-repeat;}
a#newsletter_home:hover img {visibility: hidden;}



a#bewerben {background: url(../images/bewerben1.jpg) 0 2px no-repeat;}
a#bewerben_en {background: url(../images/bewerben1_en.jpg) 0 2px no-repeat;}
a#bewerben:hover img, a#bewerben_en:hover img {visibility: hidden;}
a#bew_tipps {background: url(../images/bew_tipps1.jpg) no-repeat;}
a#bew_tipps_en {background: url(../images/bew_tipps1_en.jpg) no-repeat;}
a#bew_tipps:hover img, a#bew_tipps_en:hover img {visibility: hidden;}




#content table {
	width: 100%;
	padding-bottom: 10px;
	margin-bottom: 12px;
	color: #747156;
}
caption {
	background: url(../images/punkt.gif) bottom left repeat-x;
	padding-bottom: 5px;
	margin-bottom: 10px;
	font-size: 1.3em;
}
.captiona1 {
	padding-left: 170px;

}
.captiona2 {
	padding-left: 170px;

}
th {
	text-align: left;
	color: #333;
	padding-bottom: 0px;
	background: url(../images/punkt.gif) bottom left repeat-x;
}
th:first-child {border-right: 40px solid white;}
td {
	vertical-align: top;
	padding-left: 5px;
}
td:first-child, td.first {width: 70%;}
tbody tr:first-child td {padding-top: 5px;}

#index #content table {background: url(../images/punkt.gif) bottom left repeat-x;}
#index caption {
	font-size: 1em;
	padding-top: 40px;
}

#content form {color: #201F17;}
#content fieldset {
	margin: 0;
	padding: 0;
	border: none;
}
legend {padding: 0;}
#content form ul {
	margin-left: 0;
	padding: 0;
	list-style: none;
}
#content form li {
	clear: both;
	margin-top: 3px;
}
#stelle {width: 100%;}
#content div#position {
	padding-bottom: 10px;
	margin-bottom: 10px;
	background: url(../images/punkt.gif) bottom left repeat-x;
}
div#position label {float: none;}
label {
	float: left;
	clear: left;
	width: 110px;
}
#content fieldset input {width: 300px;}
#anrede,
#nation,
#geb_datum
	{width: 100px !important;}
#content #plz {
	width: 70px;
	margin-right: 3px;
}
#content #ort {width: 220px;}

form#newsletter input {width: 300px;}

#wrap ul {
    margin: 0;
    padding: 0; 
    list-style: none;
}
#wrap li a {
    padding-left: 18px;
    background: url(../images/icon_pfeil.gif) left center no-repeat;
}
#wrap li a p {
    padding: 0px 0px 0px 18px;
    background: url(../images/icon_pfeil.gif) left center no-repeat;   
    margin: 0;
}
#wrap2 ul {
    margin: 0;
    padding: 0; 
	list-style-image:url(../images/icon_pfeil1.gif)
}	
#wrap2 li {
    margin-left: 20px;
	margin-bottom:10px;
}