﻿/* ************************** */
/* *** voiTEC.WEB CMS 2.0 *** */
/* ************************** */

/* Grundeinstellungen */

* 		{ margin: 0; padding: 0; }
html, body 	{ width: 100%; height: 100%; }
body 		{ font: normal 100.01% verdana,tahoma,sans-serif; color: #000000; background: #FCF4DF; }
img 		{ border: 0; }
form		{ display: inline; }

.killer		{ height: 0; border: 0; line-height: 0em; background: transparent; clear: both; }
.inlineinfo 	{ font-size: 0.8em; color: #666666; }

/* Fehlermarkierung */

.error		{ padding: 10px 0; font-weight: bold; color: #FF0000; background: #FFFFFF; }
input.error	{ padding: 2px 2px 1px 2px; border: 2px solid #FF0000; }
textarea.error	{ padding: 2px 2px 1px 2px; border: 2px solid #FF0000; }
.error-check	{ padding: 0 2px 2px 2px; background: #FF0000; }
select.error	{ padding: 0; font-weight: bold; color: #FF0000; }

/* Rahmencontainer */ 

.box-out {
	min-width: 760px;
	max-width: 1000px;
	margin: 0 auto;
}
.box-in {
	float: left;
	border: 1px solid #B9AA95;
}

/* Kopfbereich */

.box-kopf { overflow: hidden; }

/* mittlerer Bereich */

.box-mitte { }

/* Hauptmenü */

.box-nav-out {
	float: left;
	width: 230px;
}
.box-nav-in { }
.box-nav-in h1 {
	padding: 15px 0 3px 0;
	font-size: 0.8em;
	font-variant: small-caps;
	color: #CC0000;
	letter-spacing: 0.1em;
}
.box-nav-in ul {
	margin: 10px 0 10px 0;
	list-style: none;
}
.box-nav-in ul li {
	margin-bottom: 3px;
	font-size: 0.8em;
}

.box-nav-in a {
	display: block;
	padding: 8px 5px 8px 35px;
	font-weight: bold;
	color: #000000;
	background: #FFE3B9;
	text-decoration: none;
	border-top: 1px solid #B9AA95;
	border-right: 1px solid #B9AA95;
	border-bottom: 1px solid #B9AA95;
	border-left: 0;
}
.box-nav-in a:active	{ color: #CC0000; background: #FEFEFE; }
.box-nav-in a:focus	{ color: #CC0000; background: #FEFEFE; }
.box-nav-in a:hover	{ color: #CC0000; background: #FEFEFE; }
.box-nav-in a:visited	{ color: #0000AA; }

.box-nav-in .aktiv	{ color: #666666; background: #FEFEFE; }

/* Pfad */

.siesindhier {
	padding-bottom: 7px;
	font-size: 0.8em;
}

/* Inhalte */

.box-inhalt-out {
	margin-left: 240px;
	padding: 10px;
}
.box-inhalt-out:after {
	content: "clear";
	clear: both;
	display: block;
	height: 0;
	overflow: hidden;
	visibility: hidden;
}

.box-inhalt-in {
	padding: 7px 40px 40px 7px;
	color: inherit;
	background: #FFEFD5 url(../de,vokatol-css,images/bg-inhalt.jpg) no-repeat bottom right;
	border: 1px solid #DACEB8;
}

.box-inhalt-in h1 {
	padding: 5px 0 5px 0;
	font-weight: bold;
	font-size: 1.1em;
	letter-spacing: 0.1em;
}
.box-inhalt-in h2 {
	padding: 10px 0 5px 0;
	font-weight: bold;
	font-size: 0.8em;
	letter-spacing: 0.1em;
}
.box-inhalt-in p {
	padding: 5px 0 10px 0;
	font-weight: normal;
	font-size: 0.8em;
	letter-spacing: 0em;
	line-height: 1.3em;
}

.box-inhalt-in a {
	padding: 2px 0;
	color: #0000CC;
	background: inherit;
	text-decoration: none;
	border-bottom: 1px dotted #0000CC;
}
.box-inhalt-in a:active	{ color: #CC0000; background: inherit; border-color: #CC0000; }
.box-inhalt-in a:focus	{ color: #CC0000; background: inherit; border-color: #CC0000; }
.box-inhalt-in a:hover	{ color: #CC0000; background: inherit; border-color: #CC0000; }
.box-inhalt-in a:visited{ color: #CC0000; border-color: #CC0000; }

.box-inhalt-in .link-aktiv {
	padding: 2px;
	color: #666666;
	background: #CCCCCC;
}
.box-inhalt-in ul { margin: 10px 10px 10px 30px; }
.box-inhalt-in ul li { padding: 2px; font-size: 0.8em; }

.box-inhalt-in dl.spalten {
	font-size: 0.8em;
}
.box-inhalt-in dl.spalten dt {
	float: left;
	width: 13em;
	padding: 3px;
}
.box-inhalt-in dl.spalten dd {
	margin-left: 13em;
	padding: 3px;
}
.box-inhalt-in fieldset {
	padding: 10px;
	font-size: 0.8em;
}
.box-inhalt-in fieldset legend {
	padding: 5px;	
}
.box-inhalt-in fieldset label {
	display: block;
	font-size: 0.8em;
}
.box-inhalt-in fieldset p {
	font-size: 1em;
}


/* Adressblockformatierung */

address span.company	{ display: block; }
address span.name	{ display: block; }
address span.street	{ display: block; /*padding: 0 0 0 3px;*/ }
address span.zipcode	{ display: inline; /*padding: 0 0 0 3px;*/ }
address span.city	{ display: inline; }

/* Bild- und Objektformatierungen */

.bild-links {
	float: left;
	margin: 4px 10px 7px 0;
}
.bild-rechts {
	float: right;
	margin: 4px 0 7px 10px;
}

/* Subnavigation zum Umblaettern */

.blaettern {
	margin: 20px 0 20px 0;
	padding: 7px;
	color: #333333;
	background: inherit;
	text-align: center;
	border-top: 1px dotted #CCCCCC;
}
.blaettern p.weiter {
	float: right;
}
.blaettern p.zurueck {
	float: left;
}
.blaettern ul {
	list-style: none;
	margin: 0 auto;
	padding-top: 4px;
	font-size: 0.8em;
}
.blaettern ul li {
	display: inline;
	padding-right: 5px;
}

/* Navigation Unterpunkte */

.box-inhalt-in ul.unterseiten {		/* Typ: Liste */
	margin: 20px;
	list-style-type: square;
}
.box-inhalt-in ul.unterseiten li {
	padding: 5px;
	font-size: 0.8em;
}

.box-inhalt-in .nav2-out {
	
}
.box-inhalt-in .nav2 {			/* Typ: Galerie */
	
}

.box-inhalt-in .nav2:after {
	content: "clear";
	clear: both;
	display: block;
	height: 0;
	overflow: hidden;
	visibility: hidden;
}

.box-inhalt-in .nav2 dl {
	width: 47%;
	float: left;
	margin: 0 20px 20px 0;
	font-size: 0.8em;
	border: 1px solid #333333;
}
.box-inhalt-in .nav2 dl:hover {
	background: #FFFFFF;
}
.box-inhalt-in .nav2 dl dt {
	float: none;
	padding: 5px;
}
.box-inhalt-in .nav2 dl dd {
	margin: 0;
	padding: 5px;
}
.box-inhalt-in .nav2 dl dd img {
	float: left;
	margin: 1px 5px 3px 0;
}
.box-inhalt-in .nav2 dl dd a 		{ color: #333333; background: inherit; text-decoration: none; border: 0; }
.box-inhalt-in .nav2 dl dd a.active 	{ color: #333333; background: inherit; text-decoration: none; border: 0; }
.box-inhalt-in .nav2 dl dd a.focus 	{ color: #333333; background: inherit; text-decoration: none; border: 0; }
.box-inhalt-in .nav2 dl dd a.hover 	{ color: #333333; background: inherit; text-decoration: none; border: 0; }
.box-inhalt-in .nav2 dl dd a.visited 	{ color: #333333; background: inherit; text-decoration: none; border: 0; }

/* Fusszeile */

.box-fuss {
	clear: both;
	padding: 7px;
}

/* Untere Linkzeilen */

dl#fuss-regionen {
	padding-left: 30px;
	font-size: 0.7em;
	color: #6F5E45;
	background: inherit;
}
dl#fuss-regionen dt {
	width: 5.5em;
	float: left;
	line-height: 1.5em;
}
dl#fuss-regionen dd {
	margin-left: 6em;
	line-height: 1.5em;
}
dl#fuss-regionen a, dl#fuss-staedte a {
	padding-bottom: 2px;
	color: #6F5E45;
	background: inherit;
	text-decoration: none;
	border-bottom: 1px dotted #0000CC;
}
dl#fuss-regionen a:hover, dl#fuss-staedte a:hover {
	color: #CC0000;
	background: inherit;
	border-color: #CC0000;
}
dl#fuss-staedte {
	padding-left: 30px;
	font-size: 0.7em;
	color: #6F5E45;
	background: inherit;
}
dl#fuss-staedte dt {
	width: 5.5em;
	float: left;
	line-height: 1.5em;
}
dl#fuss-staedte dd {
	margin-left: 6em;
	line-height: 1.5em;
}

/* Fusstext */

dl.fusstext {
	padding-left: 30px;
	font-size: 0.7em;
	color: #6F5E45;
	background: inherit;
}
dl.fusstext dt {
	width: 5.5em;
	float: left;
	line-height: 1.5em;
}
dl.fusstext dd {
	margin-left: 6em;
	line-height: 1.5em;
}
dl.fusstext a {
	padding-bottom: 2px;
	color: #6F5E45;
	background: inherit;
	text-decoration: none;
	border-bottom: 1px dotted #0000CC;
}
dl.fusstext a:hover {
	color: #CC0000;
	background: inherit;
	border-color: #CC0000;
}

.suchfeld_focus {
	color:#999999;
	font-style:italic;
}
