/* Einbindung Candera */
@font-face {
    font-family: 'CandaraRegular';
    src: url('candara-webfont.eot');
    src: url('candara-webfont.eot?#iefix') format('embedded-opentype'),
         url('candara-webfont.woff') format('woff'),
         url('candara-webfont.ttf') format('truetype'),
         url('candara-webfont.svg#CandaraRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'CandaraItalic';
    src: url('candarai-webfont.eot');
    src: url('candarai-webfont.eot?#iefix') format('embedded-opentype'),
         url('candarai-webfont.woff') format('woff'),
         url('candarai-webfont.ttf') format('truetype'),
         url('candarai-webfont.svg#CandaraItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* ---------------------- */
/* generelle Festlegungen */
/* ---------------------- */
* {
	margin:0;
	padding:0;
}
html, body {
	height:100%;
}
body {
	font:normal 13px 'CandaraRegular',Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif;
	text-align:left;
	background-color:#ffff;
	background:url(../graphic/bg-body.jpg) top repeat-x;
}
a:hover, a:active { background:transparent; }

/* -------------------------- */
/* Classes und Floatauflösung */
/* -------------------------- */
.aktiv { 
	text-decoration:underline !important;
}
.clear { 
    clear: both; 
    height: 0px;
	font-size:0px;
	line-height:0px;
    overflow: hidden; 
}

/* ------------------------------ */
/* Aufbau und Formatierung Layout */
/* ------------------------------ */

/* ---------- */
/* Hauptlayer */
/* ---------- */
#center {
	margin:auto;
	width:980px;
}

/* ------------- */
/* Signetbereich */
/* ------------- */
#head {
	width:925px;
	height:290px;
	background:url(../graphic/bg-head.jpg) top right no-repeat;
	padding: 0 33px 0 22px;
	text-align:right;
}

#head .right {
	padding-top:18px;
}

#head p {
	font:normal 20px 'CandaraRegular',Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif;
	padding-top:18px;
	padding-bottom:25px;
	color:#b6babb;
}

#head a {
	font:normal 16px 'CandaraRegular',Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif;
	color:#fff;
	text-decoration:none;
	margin-left:15px;
}
#head a:hover {
	text-decoration:underline;
}

/* ------------- */
/* Trennbereich */
/* ------------- */
#trenner {
	width:980px;
	height:9px;
	background:url(../graphic/trenner-top.jpg)no-repeat;
}

/* --------------- */
/* Hauptnavigation */
/* --------------- */
#navigation {
	width:981px;
	height:45px;
	font:normal 15px 'CandaraRegular',Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif;
	background:url(../graphic/bg-navigation.jpg);
	color:white;
	overflow:hidden;
}
#navigation ul {
	width:100%;
 	margin-left:0;
	padding-left:0;
	list-style:none;
	text-align:justify;
}
#navigation li  {
    display:inline-block;
	height:38px;
	padding-top:7px;
}

.navigation-aktiv {
	background:url(../graphic/navigation-active.jpg) top right;
}
.navigation-aktiv-last {
	background:url(../graphic/navigation-active-last.jpg) top right;
}

.spacer-passiv {
	float:left;
	width:10px;
	height:45px;
	margin-top:-7px;
	background:url(../graphic/spacer-nav-passiv.jpg) top right;
}
.spacer-aktiv {
	float:left;
	width:10px;
	height:45px;
	margin-top:-7px;
	background:url(../graphic/spacer-nav-active.jpg) top left;
}

.line {
	padding-left:100%;
	width:0px;
	height:0px;
}
#navigation a { 
	color:#ffffff;
	text-decoration:none; 
	margin:0 30px 0 10px;
}

#navigation a:link, #navigation a:visited { color:#ffffff; text-decoration:none; }
#navigation a:hover, #navigation a:active { color:#ffffff; text-decoration:underline; }

/* -------------- */
/* Contentbereich */
/* -------------- */
#content {
	width:930px;
	min-height:329px;
	background:url(../graphic/bg-content.jpg) left bottom no-repeat;
	padding:25px 30px 25px 20px;
	color:#2e383a;
	text-align:justify;
}
#content h1 {
	font:normal 15px 'CandaraRegular',Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif;
}
#content p {
	font:normal 13px 'CandaraRegular',Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif;
	margin-bottom:10px;
}
#content .italic {
	font-family:'CandaraItalic',Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif;
	margin-bottom:10px;
}
#content .small {
	font:normal 11px 'CandaraItalic',Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif;
	margin-bottom:10px;
}
#content a {
	font:normal 13px 'CandaraRegular',Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif;
	color:#2e383a; 
}
#content a:link, #navigation a:visited { text-decoration:underline; }
#content a:hover, #navigation a:active { text-decoration:underline; }
#content .right {
	padding-top:20px;
	text-align:right; 
}
#content img {
	margin-right:5px;
}
#content td {
	vertical-align:top;
	text-align:left;
}
#content ul {
	margin:0 0 10px 16px;
	list-style-type:square;
}

.splinks {
	float:left;
	width:590px;
	margin-left:20px;
}
.sprechts {
	float:right;
	width:290px;
}
.graphiclink {
	display:inline-block;
	height:36px;
	padding:9px 20px 0 10px;
	background:url(../graphic/bg-content-link.jpg) left top repeat-x;
}
.graphiclink a {
	color:white !important;
}
form table {
	width:100%;
	margin-top:5px;
	border-collapse: collapse;
}
form td {
	padding:5px 10px 10px 0;
	vertical-align:top;
}
radio {
	background-color:red;
	border:4px solid red;
}

.full {
	width:100%;
	border:1px solid white;
}
/* --------------- */
/* Fussnavigation */
/* --------------- */
#footer {
	width:925px;
	height:33px;
	font:normal 15px 'CandaraRegular',Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif;
	background:url(../graphic/bg-footer.jpg);
	padding:7px 33px 0 22px;
	color:white;
}
#footer ul {
	padding:0;
	list-style:none;
}
#footer li {
	display:inline-block;
	list-style:none;
}

#footer a:link, #footer a:visited { color:#ffffff; text-decoration:none; }
#footer a:hover, #footer a:active { color:#ffffff; text-decoration:underline; }