@charset "UTF-8";

/* Common-document-styles */

body {
	font-family: Trebuchet MS, Verdana, Arial, sans-serif;
	font-size: 11px;
	text-align:justify;
	line-height:15px;
	color: #190166;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: center;
}

#body_default {
	background-color: #1B2354;
	background-image: url( ../gfx/inhalt-seite-bg.png );
	background-position: center;
	background-repeat: repeat;
}

#body_start {
	background-color: #ffffff;
}

img {
	border-width: 0px;
}

a {
}


hr {
	margin: 5px 0px 5px 0px;
	color: #FFCC33;
}


a:link {
	color: #93970B;
}

a:visited {
	color: #93970B;
}

a:active {
	color: #707000;
}

a:hover {
	color: #707000;
	text-decoration:none;
}

p {
	margin-top: 6px;
	margin-bottom: 5px;
	text-indent: 0px;
    text-align: left;
}

.text_important {
	color: #a00000;
}

th, td {
	font-family: Trebuchet MS, Verdana, Arial, sans-serif;
	font-size:11px;
	color: #505050;
}

form {
	margin-top: 3px;
	margin-bottom: 3px;
}

textarea {
	font-family: Trebuchet MS, Verdana, Arial, sans-serif;
	font-size: 11px;
}

h1 {
	font-weight: bold;
	font-size: 100%;
	margin: 0px;
	letter-spacing: 2px;
}

h2 {
	text-indent: 30px;
	margin-top: 9px;
	margin-bottom: 4px;
	font-size: 115%;
	color: #d07020;
}

h3 {
	margin-top: 8px;
	margin-bottom: 3px;
	font-size: 105%;
	color: #a0a0a0;
}

h4 {
	margin-top: 7px;
	margin-bottom: 3px;
	font-size: 105%;
	color: #a0a0a0;
}

ul {
	margin-top: 6px;
	margin-bottom: 6px;
}

li {
	margin-top: 2px;
	margin-bottom: 2px;
}


.text_blue {
	color: #013969;
}

.text_green {
	color: #ADAF06;
}


/**
 *	Fuer die Formatanweisungen
 */

.format_paragraph {
	clear: both;
	overflow: hidden;
	height: 0px;
	border: 0px;
	margin: 0px;
	padding: 0px;
}

/** Anweisung: **...** */
.format_strong {
	font-weight: bold;

}

/** Anweisung: ^^...^^ */
.format_big {
	font-size: 150%;
	line-height: 140%;
}

/** Anweisung: \\...\\ */
.format_align_right {
	text-align: right;
}

/**
 *  Anweisung: //...//
 *	ACHTUNG:	Wird hier nicht zum kursiv Schreiben verwendet, sondern um
 *				eine zweite Farbe zu haben.
 */

.format_italic {
	font-style: normal;
	color: #93970b;
}

/** Anweisung: ++...++ */
.format_indent_left_1 {
	margin-left: 20px;
	text-align: left;
}

/** Anweisung: ~~...~~ */
h4.format_headline4 {
	margin: 10px 0px 10px 0px;
	font-size: 120%;
	color: #808080;
}

/** Anweisung: --...-- Siehe auch .format_list_ul_item */
.format_list_ul {
	list-style-type: square;
	margin-top: 3px;
	margin-bottom: 3px;
}

.format_list_ul_item {
}


.format_list_ol {
	margin-top: 3px;
	margin-bottom: 3px;
}

.format_list_ol_item {
}

.format_link_mail {
}

.format_link_url {
}

.longtext {
    text-align:justify;
}


.company_name {
	font-weight: bold;
}

.general_error {
	color: #c00000;
}

div.general_error {
	color: #c00000;
	margin: 10px 0px 10px 0px;
	font-weight: bold;
}

.copyright {
	color: #e0e0e0;
	font-size:10px;
}


/**
 *	Klasse link_in_content - fuer Links im Seiteninhalt (vom Benutzer pflegbar
 *	sowie automatisch erstellt).
 */

a.link_in_content {
	letter-spacing: 0px;
	color: #93970B;
	text-decoration: underline;
}

a.link_in_content:visited {
	color: #93970B;
	text-decoration: underline;
}

a.link_in_content:active {
	color: #707000;
}

a.link_in_content:hover {
	color: #707000;
}


/**
 *	Klassen fuer die Links vom Frontend direkt ins Backend.
 */

.fe2be_div {
	text-align: right;
	margin: 10px 10px 0px 0px;
	z-index: 1000;
}


a.fe2be_link,
a.fe2be_link:visited,
a.fe2be_link:active,
a.fe2be_link:hover,
a.fe2be_link {
	font-weight: normal;
	letter-spacing: 0px;
	color: #0000ff;
	font-size: 8px;
	text-decoration: underline;
	background: #ffffff;
}


/**
 *	Spezielles Layout: Startseite
 */

#body_start #layout_container_all {
	position: relative;
	width: 984px;
	height: 540px;
	margin: 80px auto 0 auto;
	border-width: 0px;
	border-color: #000000;
	border-style: solid;
	color: #000000;
	text-align: left;
	background-color: #ffffff;
}

#body_start #layout_start_image {
	position: absolute;
	left: 166px;
	top: 100px;
}

#layout_start_enter a,
#layout_start_enter a:visited {
	color: #93970B;
	text-decoration: underline;
}

#layout_start_enter a:active,
#layout_start_enter a:hover {
	color: #ffffff;
	text-decoration: underline;
}


#body_start #layout_start_intro {
	position: absolute;
	width: 580px;
	left: 390px;
	top: 350px;
	text-align: left;
	line-height: 13px;
	font-weight: bold;
}

/**
 *	Styles, die das Seitenlayout allgemein beschreiben.
 */

/*
 *	Der Kontainer mit dem gesamten Inhalt
 *
 *	Enthaelt auch das Logo als Hintergrundbild links oben
 *
 *	Enthaelt drei Spalten: Navi links, Inhalt, Teaser rechts
 */
#body_default #layout_container_all {
	position: relative;
	width: 984px;
	margin: 80px auto 30px auto;
	border-width: 0px;
	color: #190166;
	text-align: left;
}


#layout_column_navigation {
	float: left;
	width: 160px;
	color: #190166;
	padding-left: 10px;
	padding-top: 30px;
}

#layout_column_teaser {
	float: right;
	width: 124px;
	color: #000000;
	padding-top: 85px;
}

#layout_column_content {
	width: 638px;
	margin-left: 200px;
	padding-top: 30px;
}

#layout_content_headline {
	height: 23px;
	padding: 0px 15px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-weight: bold;
	text-align: left;
	line-height: 23px;
	color: #93970B;
	letter-spacing: 1px;
}

#layout_content_text {
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	color: #190166;
}

#layout_content_text img {
/*
	position: relative;
	left: 13px;
*/
}


#layout_column_navigation a {
	font-weight: bold;
}


#layout_column_navigation a,
#layout_column_navigation a:link,
#layout_column_navigation a:visited,
#layout_column_navigation a:active,
#layout_column_navigation a:hover {
	color: #93970B;
}


.layout_teaser_aufblau {
	color: #93970B;
	padding: 5px;
}

.layout_teaser_aufblau_schriftweiss {
	color: #ffffff;
}

.layout_teaser_dick {
	font-weight: bold;
}

/**
 *	Allgemeine Bilder im Teaser.
 */

#layout_column_teaser .entry_imagegeneral_image,
#layout_column_teaser .entry_imagegeneral_image_left,
#layout_column_teaser .entry_imagegeneral_image_right,
#layout_column_teaser .entry_imagegeneral_image_middle {
	margin: 0px 0px 0px -5px;
}


/* das nach rechts verschobene (ausserhalb des Inhalts) Bild fuer mouseover der Referenzen */
#layout_references_image {
/*
	position: relative;
	left: 13px;
*/
}

#block_recommend_complete {
	width: 135px;
	color: #000000;
	background-image: url( ../gfx/block_recommend_bg.png );
	margin: 6px 0px 0px 0px;
}

.block_recommend_text {
	padding: 5px;
	text-align: center;
	font-weight: bold;
	letter-spacing: 0px;
	color: #ffffff;
}


#block_print_complete {
	width: 135px;
	height: 72px;
}

.block_print_text {
	padding: 5px;
	text-align: left;
}

a.block_print_link,
a.block_print_link:link,
a.block_print_link:visited,
a.block_print_link:active,
a.block_print_link:hover {
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 0px;
	color: #ffffff;
	text-decoration: none;
}


/**************************
 *	Die Navigation-Links
 **************************/

/**
 *	Die Navigationspunkte in der Obersten Navigation (ist links)
 *
 *	Es gibt eine Klasse, die das allen Menuepunkten on wie off gemeinsame
 *	enthaelt und dann je eine die alles spezielle von on und alles spezielle
 *	von off definiert.
 *
 *	Hinweis: Jeder Top-Punkt hat eine eigene Element ID und ist darueber
 *			 platziert (siehe oben)
 */

a.link_nav_top_common_onnoff {
	display: block;
	line-height: 100%;
	letter-spacing: 0px;
	text-decoration: none;
	text-align: left;
	border-width: 0px;
	padding-left: 4px;
	color: #93970B;
	margin: 2px 0px 2px 0px;
}

a.link_nav_top_common_off {
	color: #93970B;
}

a.link_nav_top_common_off:hover {
	color: #707000;
}

a.link_nav_top_common_on {
	color: #93970B;
	font-weight: bold;
}

a.link_nav_top_common_on:hover {
	color: #707000;
	font-weight: bold;
}


/* die zwei Hauptbereiche ArtDirection und Gstgeberservice */
.navtop_entry_oberbereich {
	color: #ffffff;
	padding: 10px 0px 5px 4px;
}

/* Unterstichwoerterliste, z.B. zu Geschaeftsausstattung */
.navtop_entry_stichwortliste {
	color: #93970B;
	padding-left: 25px;
}

.navtop_entry_kontakt,
.navtop_entry_logosundmarken,
.navtop_entry_geschaeftsausstattung,
.navtop_entry_illustration,
.navtop_entry_kommunikation,
.navtop_entry_service,
.navtop_entry_konzeption,
.navtop_entry_fixlink,
.navtop_entry_familiendrucksachen,
.navtop_entry_referenzliste,
.navtop_entry_vita,
.navtop_entry_impressum {
	padding-top: 2px;
	padding-bottom: 2px;
}

.navtop_entry_kontakt {
	padding-bottom: 38px;
}


#layout_column_navigation div.navtop_entry_referenzliste a,
#layout_column_navigation div.navtop_entry_vita a,
#layout_column_navigation div.navtop_entry_impressum a {
	color: #ffffff;
	font-weight: normal;
}

/* Zugriffskontrolle und Registrierung */

#content_accessactions {
}

#content_accessactions td {
	text-align: left;
	vertical-align: top;
}

#content_accessactions td.fieldnames {
}

#content_accessactions input {
	width: 150px;
}

#content_accessactions textarea {
	width: 100px;
}