/* src: http://developer.yahoo.com/yui/fonts/


If you want this size in pixels (px)  	Declare this percent (%)
10 	77
11 	85
12 	93 (was 93)
13 	100
14 	108 (was 107)
15 	116 (was 114)
16 	123.1 (was 122)
17 	131 (was 129)
18 	138.5 (was 136)
19 	146.5 (was 144)
20 	153.9 (was 152)
21 	161.6 (was 159)
22 	167
23 	174
24 	182
25 	189
26 	197
29  220

*/

html, body {
	background-color: #153F71;
	height:100%;
}

body {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	background-repeat: repeat-x;
	background-image: url(../i/bg.jpg);
}

#custom-doc {
	width: 67.6200em;
	*width: 65.93em;
	min-height: 90%;
	background: white url(../i/bgcontent.jpg) repeat-y;
}

#bd, #yui-main {
	min-height: 100%;
}

.yui-t1 .yui-b {
	float: left;
	width: 16.1538em;
	*width: 15.7644em;
	min-height: 100%;
}

.yui-t1 #yui-main .yui-b {
	margin-left: 16.8462em;
	*margin-left: 16.425em;
	min-height: 100%;
	margin-right: 65px;
	padding: 26px 20px 20px 6px;
}

#hd {
	background: white url(../i/bghead.jpg) no-repeat;
	height: 180px;
}

#hd #puzzle {
	float: right;
	margin-right: 50px;
}

#hd a {
	display: block;
	width: 133px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	text-decoration: none;
	color: white;
}

#hd a:hover, #hd a:active, #hd a.active, #hd a.inpath {
	background: url(../i/bgbuttonactive.jpg) repeat-x;
}

#hd li {
	float: left;
	margin-right: 1px;
	height: 30px;
	background: url(../i/bgbutton.jpg) repeat-x;
}

#hd li#menu-kontakt {
	margin: 0;
}

#hd ul {
	margin: 1px 0 0 210px;
	height: 30px;
}

#hd a#logo {
	position: relative;
	display: inline;
	top: 0;
	left: 13px;
	height: auto;
	width: auto;
	line-height: 0;
	background: none;
}

#bd ul#menu2 {
	margin: 23px 12px 0 20px;
	font-size: 100%;
	font-weight: bold;
}

#bd ul#menu2 li {
	list-style: none;
	list-style-position: inside;
	padding: 0;
	margin: 0;
	line-height: 197%;
}

#bd ul#menu2 li a {
	text-decoration: none;
	color: #004638;
}

#bd ul#menu2 li a:hover, #bd ul#menu2 li a:active, #bd ul#menu2 li a.active {
	color: #8A231C;
}

#bd a {
	color: black;
}

#bd a:hover, #bd a:active, #bd a:visited {
	color: black;
}

#ft {
	margin-top: 50px;
}

#ft a {
	text-decoration: none;
	color: #666666;
}

#ft span {
	padding: 15px 67px 0 0;
	border-top: 1px solid #666666;
}


/* Content */

#bd {
	color: #666666;
}

h1, h2 {
	font-weight: bold;
	font-size: 167%;
	line-height: 131%;
	margin: 0 0 14px 0;
}

h2 {
	font-size: 153.9%;
	margin: 0;
}

h3 {
	font-size: 138.5%;
}

h4 {
	font-size: 131%;
}

#bd p {
	font-size: 116%;
	margin: 0 0 17px 0;
}

#bd form, #bd ol, #bd ul, #bd dl {
	margin: 0 0 17px 0;	
}

#bd dt, #bd dd {
	margin-bottom: 5px;
}

#bd dt {
	font-weight: bold;
}

#bd form dl dt label {
	font-weight: normal;
}

#bd p + p {
	margin: -12px 0 17px 0;
}

#bd dd + dt {
	margin-top: 8px
}

#bd dl + p, #bd ul + p, #bd ol + p, #bd form + p,
#bd p + dl, #bd p + ul, #bd p + ol, #bd p + form {
	1margin-top: -9px;
}

#bd p.zitat, #bd p.quelle {
	margin-left: 66px;
	margin-right: 50px;
	width: 384px;
}

#bd p.quelle {
	font-style: italic;
	font-size: 100%;
}

#bd ol li {
	margin-left: 87px;
	list-style-type: decimal;
	list-style-position: outside;
}

#bd ul li {
	margin-left: 83px;
	list-style-type: disc;
	list-style-position: outside;
}

#bd p, #bd li, #bd dt, #bd dd {
	font-size: 116%;
	line-height: 189%
}

#bd ul ol, #bd ol ul {
	margin-bottom: 0;
}

#bd li li, #bd dd li, #bd dt li {
	font-size: 100%;
}


#bd dl.right, #bd dl.left {
	float: right;
	margin: 0 0 0 15px;
}

#bd dl.left {
	float: left;
	margin: 0 15px 0 0;
}

#bd dl.left dd, #bd dl.right dd, #bd dl.center dd {
	line-height: 138.5%;
}

#bd dl.center dt, #bd dl.center dd {
	text-align: center;
}

strong {
	font-weight: bold;
}

/* Container bspw. fur rechte Spalte */

#bd .container {
	border: 1px solid silver;
	margin: 5px 0 0 15px;
	padding: 10px;
}

#bd .container h3, .#bd container p, #bd .container ul, #bd .container div {
	margin: 0;
	padding: 0;
}

#bd .container li {
	list-style-type: none;
}

#bd .container p {
 	margin-bottom: 5px;
}

#bd .container p {
	font-size: 100%;
}

input, textarea {
	width: 315px;
}


/* hcard */

.vcard .url, .tel .type, .adr .type, .adr .region, .adr .country-name, .geo, .note {
	display: none;
}

.vcard {
	margin-bottom: 5px;
}

.vcard .street-address {
	display: block;
}


/* BUTTONS */

.buttons a, .buttons button{
    display: block;
	/* float: left; */
	/* margin: 0 7px 0 0; */
    margin: 0;
    background-color: #f5f5f5;
    border: 1px solid #dedede;
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
    line-height: 100%;
    text-decoration: none;
    color: #565656;
    cursor: pointer;
    padding: 5px 10px 6px 7px; /* Links */
}

.buttons button{
    width: auto;
    overflow: visible;
    padding: 4px 10px 3px 7px; /* IE6 */
}

.buttons button[type]{
    padding: 5px 10px 5px 7px; /* Firefox */
    line-height: 17px; /* Safari */
}

*:first-child+html button[type]{
    padding: 4px 10px 3px 7px; /* IE7 */
}

.buttons button img, .buttons a img{
    margin: 0 3px -3px 0 !important;
    padding: 0;
    border: none;
    width: 16px;
    height: 16px;
}

/* Farben für die Buttons */

/* Buttons STANDARD */

button:hover, .buttons a:hover{
    background-color: #dff4ff;
    border: 1px solid #c2e1ef;
    color: #336699;
}
.buttons a:active{
    background-color: #6299c5;
    border: 1px solid #6299c5;
    color: #fff;
}

/* Buttons POSITIVE */

button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* Buttons NEGATIVE */

.buttons a.negative, button.negative{
    color: #d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background: #fbe3e4;
    border: 1px solid #fbc2c4;
    color: #d12f19;
}
.buttons a.negative:active{
    background-color: #d12f19;
    border: 1px solid #d12f19;
    color: #fff;
}

/* STANDARD */

button:hover, .buttons a:hover{
    background-color: #dff4ff;
    border: 1px solid #c2e1ef;
    color: #336699;
}

.buttons a:active{
    background-color: #6299c5;
    border: 1px solid #6299c5;
    color: #fff;
}


/* POSITIVE */

button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}


/* NEGATIVE */

.buttons a.negative, button.negative{
    color: #d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background: #fbe3e4;
    border: 1px solid #fbc2c4;
    color: #d12f19;
}

.buttons a.negative:active{
    background-color: #d12f19;
    border: 1px solid #d12f19;
    color: #fff;
}

/* Pflichtfehler-Fehlermeldung Kontaktformular */

.kontaktformular_fehler {
	margin-top: 10px;
	margin-bottom: 10px;
	color: #e00000;
}