@charset "ISO-8859-1";





/* --- ALLGEMEINES --- */
/*
	Styles für die gesamte Seite
	oder Standardwerte für Schriften usw.
*/
body {
	background:	#fff;
	font:		normal normal normal 11px/normal Verdana, Arial, sans-serif;
	color:		#000;
	text-align:	center;
}
a {text-decoration:none;}
/* --- */





/* --- FARBEN/SCHRIFTEN --- */
/*
	Schriftfarben
	Hintergrundfarben
*/
.cl-Grau {color:#d9dadb;}
.cl-Rot {color:#b60c1c;}
.cl-Gruen {color:#07c170;}
.cl-Blau {color:#0780c1;}

.bg-Hell {background-color:#f8f8f8;}
.bg-Dunkel {background-color:#f2f2f2;}

h1 {
	font-size:		13px;
	line-height:	0;
	font-weight:	bold;
	color:			#000;
	letter-spacing:	5px;
	text-transform:	uppercase;
	margin:			3px 0 20px 0;
}
/* --- */





/* --- LINKS --- */
/*
	Links innerhalb des Seiteninhaltsbereich
	+ f. neuere Browser Behandlung von externen Links
*/
#seiteninhalt a:link, #seiteninhalt a:hover, #seiteninhalt a:visited, #seiteninhalt a:active, #seiteninhalt a:focus { 
	font-family:		Verdana, Arial, Trebuchet, 'Trebuchet MS', Helvetica, sans-serif;
	font-size:			11px;
	font-weight:		bold;
	text-decoration:	none; 
}
#seiteninhalt a:link {color:#757677;}
#seiteninhalt a:visited {color:#0780c1;}
#seiteninhalt a:hover, #seiteninhalt a:active, #seiteninhalt a:focus {color:#b60c1c;}
#seiteninhalt a[href^="http://"] {
	background:		transparent url('../images/extern_link.gif') 100% 50% no-repeat;
	padding-right:	13px;
}
#seiteninhalt a[href^="http://schloemer.de"], #seiteninhalt a[href^="http://www.schloemer.de"] {
	background:		transparent;
	padding-right:	0px;
}
/* --- */





/* --- BILDER --- */
/*
	Hover Effekt für klickbare Bilder
*/
#seiteninhalt a.img-Hover:link, #seiteninhalt a.img-Hover:visited, #seiteninhalt a.img-Hover:active, #seiteninhalt a.img-Hover:hover, #seiteninhalt a.img-Hover:focus {
	display:	block;
	padding:	0 4px;
	border:		none;
}
#seiteninhalt a.img-Hover:active, #seiteninhalt a.img-Hover:hover, #seiteninhalt a.img-Hover:focus {
	border:			0 solid #b60c1c;
	padding:		0 1px;
	border-width:	0 3px;
}
/* --- */





/* --- PAGE TURNING/SEITENAUSWAHL --- */
/*
	Seiten-Blätter-Funktion
*/
#seiteninhalt ul.seitenauswahl {
	clear:				both;
	float:				right;
	width:				auto;
	height:				14px;
	font-size:			9px;
	color:				#999;
	text-align:			right;
	list-style-type:	none;
}
#seiteninhalt ul.seitenauswahl li, #seiteninhalt ul.seitenauswahl li.activ {
	display:	block;
	float:		left;
}
#seiteninhalt ul.seitenauswahl li a:link, #seiteninhalt ul.seitenauswahl li a:visited, #seiteninhalt ul.seitenauswahl li a:hover, #seiteninhalt ul.seitenauswahl li a:active, #seiteninhalt ul.seitenauswahl li a:focus, #seiteninhalt ul.seitenauswahl li.activ {
	display:	block;
	padding:	1px 2px;
	font-size:	9px;
}
#seiteninhalt ul.seitenauswahl li a:link {color:#757677;}
#seiteninhalt ul.seitenauswahl li a:visited {color:#0780c1;}
#seiteninhalt ul.seitenauswahl li a:hover, #seiteninhalt ul.seitenauswahl li a:active, #seiteninhalt ul.seitenauswahl li a:focus {color:#b60c1c;}
#seiteninhalt ul.seitenauswahl li.activ {font-weight:bold;}
/* --- */





/* --- LIMITIERUNG/PER PAGE AUSWAHL --- */
/*
	Anzeige der Benutzerauswahl f. Anzahl der Datensätze pro Seite
*/
#seiteninhalt ul.limitierung {
	clear:				both;
	float:				right;
	width:				auto;
	height:				14px;
	font-size:			9px;
	font-weight:		normal;
	color:				#999;
	text-align:			right;
	list-style-type:	none;
}
#seiteninhalt ul.limitierung li, #seiteninhalt ul.limitierung li.activ {
	display:	block;
	float:		left;
}
#seiteninhalt ul.limitierung li a:link, #seiteninhalt ul.limitierung li a:visited, #seiteninhalt ul.limitierung li a:hover, #seiteninhalt ul.limitierung li a:active, #seiteninhalt ul.limitierung li a:focus, #seiteninhalt ul.limitierung li.activ {
	display:	block;
	padding:	1px 2px;
	font-size:	9px;
}
#seiteninhalt ul.limitierung li a:link {color:#757677;}
#seiteninhalt ul.limitierung li a:visited {color:#0780c1;}
#seiteninhalt ul.limitierung li a:hover, #seiteninhalt ul.limitierung li a:active, #seiteninhalt ul.limitierung li a:focus {color:#b60c1c;}
#seiteninhalt ul.limitierung li.activ {font-weight:bold;}
/* --- */





/* --- AUSWAHLLISTEN --- */
/*
	klickbare Listenelemente f. Auswahl
	bsplw. f. Text-Modul im FAQ oder Titelauswahl-Stil, Sitemap usw
*/

/* Ebene 1 */
#seiteninhalt ul.auswahl {
	display:			block;
	width:				250px;
	margin:				10px 0 10px 20px;
	list-style-type:	none;
}
#seiteninhalt ul.auswahl li, #seiteninhalt ul.auswahl li.activ {
	display:	block;
	width:		250px;
}
#seiteninhalt ul.auswahl li a:link, #seiteninhalt ul.auswahl li a:visited, #seiteninhalt ul.auswahl li a:hover, #seiteninhalt ul.auswahl li a:active, #seiteninhalt ul.auswahl li a:focus, #seiteninhalt ul.auswahl li.activ {
	display:	block;
	padding:	1px 2px;
	font-size:	11px;
}
#seiteninhalt ul.auswahl li a:link {color:#757677;}
#seiteninhalt ul.auswahl li a:visited {color:#0780c1;}
#seiteninhalt ul.auswahl li a:hover, #seiteninhalt ul.auswahl li a:active, #seiteninhalt ul.auswahl li a:focus, #seiteninhalt ul.auswahl li.activ {color:#b60c1c;}

/* Ebene 2 */
#seiteninhalt ul.auswahl li ul {
	display:			block;
	width:				200px;
	margin:				2px 0 7px 20px;
	list-style-type:	none;
}
#seiteninhalt ul.auswahl li ul li, #seiteninhalt ul.auswahl li ul li.activ {
	display:	block;
	width:		200px;
}
#seiteninhalt ul.auswahl li ul li a:link, #seiteninhalt ul.auswahl li ul li a:visited, #seiteninhalt ul.auswahl li ul li a:active, #seiteninhalt ul.auswahl li ul li a:hover, #seiteninhalt ul.auswahl li ul li a:focus, #seiteninhalt ul.auswahl li ul li.activ {
	display:	block;
	padding:	1px 2px;
	font-size:	10px;
}
#seiteninhalt ul.auswahl li ul li a:link {color:#757677;}
#seiteninhalt ul.auswahl li ul li a:visited {color:#0780c1;}
#seiteninhalt ul.auswahl li ul li a:hover, #seiteninhalt ul.auswahl li ul li a:active, #seiteninhalt ul.auswahl li ul li a:focus, #seiteninhalt ul.auswahl li ul li.activ {color:#b60c1c;}
/* --- */





/* --- FORMULARE --- */
/*
	Formulare f. alles
	Fieldsets, Legends, Labels, Textareas, Inputs usw usf
*/
form {
	display:	block;
	margin:		0;
	padding:	0;
}
form fieldset {
	display:	block;
	float:		left;
	width:		320px;
	margin:		0;
}
form fieldset div {
	clear:		both;
	display:	block;
	float:		left;
	width:		316px;
	padding:	1px 1px;
	margin:		0;
}
form fieldset legend {
	display:		block;
	width:			320px;
	border:			none;
	font:			normal normal bold 12px/16px Verdana, Arial, Helvetica, sans-serif;
	color:			#b60c1c;
	margin:			0;
	padding:		0;
}
form fieldset div label {
	display:	block;
	float:		left;
	width:		118px;
}
form fieldset div p {
	display:	block;
	float:		right;
	width:		198px;
}
form fieldset div p.label {
	display:	block;
	float:		left;
	width:		118px;
}
form fieldset div p.clear {
	display:	block;
	float:		left;
	width:		320px;
	height:		auto;
	margin:		0;
	padding:	0 2px;
}
form fieldset div label.clear {
	float:		none;
	display:	inline;
	width:		auto;
}
form input, form textarea, form select {
	padding:			1px 2px;
	border:				1px solid #000;
	background-color:	#fff;
	font-size:			10px;
	color:				#000;
}
form textarea {
	width:	310px;
	height:	110px;
}
form input[type="text"] {width:194px;}
form select {
	width:		194px;
	padding:	1px 1px 1px 5px;
}
form input[type="submit"], form input[type="reset"] {width:150px;}
form input[type="submit"]:hover, form input[type="submit"]:active, form input[type="submit"]:focus, 
form input[type="reset"]:hover, form input[type="reset"]:active, form input[type="reset"]:focus {background-color:#E0AB65;}
form input[type="image"], form input.image {border:none;background-color:transparent;}
*[disabled] {
	color:			#ececec;
	border-color:	#ececec;	
}
/* --- */





/* --- LAYOUT --- */
/*
	alle Layout-relevanten Teile
	Navigation, Layout, Backgrounds, Header, Footer usw
*/
/* --- REINE LAYOUT OBJEKTE --- */
#lt_position {
	display:	block;
	width:		980px;
	height:		90%;
	margin:		0 auto;
}

#lt_head {
	display:	block;
	float:		left;
	width:		980px;
	height:		150px;
}
#lt_head_slogan {
	width:		500px;
	height:		30px;
	margin-top:	70px;
}
#lt_head_logo {
	width:			350px;
	height:			150px;
	vertical-align:	top;
}
#lt_bgcontent {
	display:	block;
	float:		left;
	width:		980px;
	height:		435px;
}
#lt_globalnav {
	width:					980px;
	height:					60px;
	background-image:		url("../images/layout.site/layout_naviback.gif");
	background-repeat:		repeat-x;
	background-position:	top;
}
#lt_globalnav_position {
	width:				780px;
	height:				60px;
	margin:				0 auto;
	list-style-type:	none;
}
#lt_globalnav_position li {
	display:	block;
	float:		left;
	height:		60px;
	width:		130px;
}
#lt_globalnav_position li a {
	display:			block;
	float:				left;
	height:				60px;
	width:				130px;
	margin:				0;
	font-size:			10px;
	background-repeat:	no-repeat;
}
#lt_globalcontent {
	display:				block;
	float:					left;
	width:					980px;
	height:					375px;
	margin:					0;
	padding:				0;
	background-image:		url("../images/layout.site/shadow_nav.gif");
	background-repeat:		repeat-x;
	background-position:	top;
}
#lt_content {
	display:			block;
	float:				left;
	width:				980px;
	height:				375px;
	margin:				0;
	padding:			0;
	background-repeat:	no-repeat;
}
#lt_cleancontent {
	display:	block;
	float:		left;
	width:		980px;
	height:		350px;
	overflow:	visible;
}
/* --- */
/* --- HAUPTNAVIGATION --- */
#nav_konzept1 a, #nav_konzept1 a:visited {background-image:url("../images/layout.site/nav_konzept.gif");}
#nav_druck1 a, #nav_druck1 a:visited {background-image:url("../images/layout.site/nav_druck.gif");}
#nav_verlag1 a, #nav_verlag1 a:visited {background-image:url("../images/layout.site/nav_verlag.gif");}
#nav_aussenwerbung1 a, #nav_aussenwerbung1 a:visited {background-image:url("../images/layout.site/nav_aussenwerbung.gif");}
#nav_lettershop1 a, #nav_lettershop1 a:visited {background-image:url("../images/layout.site/nav_lettershop.gif");}
#nav_online-medien1 a, #nav_online-medien1 a:visited {background-image:url("../images/layout.site/nav_onlinemedien.gif");}

#nav_konzept1 a:hover, #nav_druck1 a:hover, #nav_verlag1 a:hover, #nav_aussenwerbung1 a:hover, #nav_lettershop1 a:hover, #nav_online-medien1 a:hover {background-position:0 -60px;}
#nav_konzept1 a:hover {background-image:url("../images/layout.site/nav_konzept.gif");}
#nav_druck1 a:hover {background-image:url("../images/layout.site/nav_druck.gif");}
#nav_verlag1 a:hover {background-image:url("../images/layout.site/nav_verlag.gif");}
#nav_aussenwerbung1 a:hover {background-image:url("../images/layout.site/nav_aussenwerbung.gif");}
#nav_lettershop1 a:hover {background-image:url("../images/layout.site/nav_lettershop.gif");}
#nav_online-medien1 a:hover {background-image:url("../images/layout.site/nav_onlinemedien.gif");}

#nav_konzept1_activ a, #nav_druck1_activ a, #nav_verlag1_activ a, #nav_aussenwerbung1_activ a, #nav_lettershop1_activ a, #nav_online-medien1_activ a {background-position:0 -60px;}
#nav_konzept1_activ a {background-image:url("../images/layout.site/nav_konzept.gif");}
#nav_druck1_activ a {background-image:url("../images/layout.site/nav_druck.gif");}
#nav_verlag1_activ a {background-image:url("../images/layout.site/nav_verlag.gif");}
#nav_aussenwerbung1_activ a {background-image:url("../images/layout.site/nav_aussenwerbung.gif");}
#nav_lettershop1_activ a {background-image:url("../images/layout.site/nav_lettershop.gif");}
#nav_online-medien1_activ a {background-image:url("../images/layout.site/nav_onlinemedien.gif");}
/* --- */
/* --- lt_subnavGATION --- */
#lt_subnav {
	position:				relative;
	display:				block;
	width:					150px;
	height:					auto;
	background-color:		#fff;
	background-repeat:		no-repeat;
	background-position:	left top;
}
#lt_subnav .subnav_img-top, #lt_subnav .subnav_img-bottom {
	display:	block;
	float:		left;
	width:		150px;
}
#lt_subnav .subnav_img-top {height:10px;}
#lt_subnav .subnav_img-bottom {height:15px;}
#lt_subnav #subnav_back {
	width:					150px;
	margin:					0;
	padding:				0 0 2px 0;
	background-image:		url("../images/layout.site/subnavi_back.gif");
	background-repeat:		repeat-y;
}

#subnav_back ul {
	width:				125px;
	list-style-type:	none;
}
#subnav_back ul li {margin:1px 5px 2px 7px;}
#subnav_back ul li a {
	display:		block;
	width:			122px;
	margin:			0;
	padding:		0 0 0 3px;
	font-size:		11px;
	font-weight:	normal;
	color:			#000;
}
#subnav_back ul li a:hover {
	color:				#fff;
	background-color:	#b60c1c;
	width:				122px;
	padding:			0 0 0 3px;
}
a.subnav_activ {
	background-color:	#d9dadb;
	width:				122px;
	padding:			0 0 0 3px;
}
/* --- */
/* --- FUSSLEISTE + NAVIGATION --- */
#lt_foot {
	width:		980px;
	height:		25px;
	color:		#a6a8a9;
	margin:		0;
	visibility:	visible;
}
.lt_foot_frameimg {
	height:				25px;
	background-color:	#fff;
	float:				left;
	display:			block;
}
#lt_foot_globalnav {
	height:				25px;
	background-color:	#d9dadb;
}
.lt_foot_img {
	width:		30px;
	height:		25px;
	display:	block;
	float:		left;
}
#lt_foot_nav {
	height:				25px;
	float:				left;
	list-style-type:	none;
}
#lt_foot_nav li {
	display:	block;
	float:		left;
}
#lt_foot_nav li a:link, #lt_foot_nav li a:visited {
	display:		block;
	float:			left;
	height:			15px;
	color:			#000;
	text-align:		center;
	font-size:		12px;
	font-weight:	normal;
	margin:			0;
	padding:		5px 8px;
}
#lt_foot_nav li a:hover, #lt_foot_nav li .activ {
	background-color:	#a6a8a9;
	color:				#fff;
}
/* --- */
/* --- lt_content --- */
#ct_content {
	margin:	10px 10px 0 10px;
	height: auto;
}
.ct_img {
	height:	15px;
	float:	left;
}
.ct_700_back {
	padding:			0 20px 0 15px;
	width:				665px;
	background-image:	url("../images/layout.site/content_700_back.png");
	background-repeat:	repeat-y;
}
.ct_500_back {
	padding:			0 20px 0 15px;
	width:				465px;
	background-image:	url("../images/layout.site/content_500_back.png");
	background-repeat:	repeat-y;
}
.ct_400_back {
	padding:			0 20px 0 15px;
	width:				365px;
	background-image:	url("../images/layout.site/content_400_back.png");
	background-repeat:	repeat-y;
}
#lt_info {
	position:		relative;
	display:		block;
	font-size:		16px;
	line-height:	24px;
	color:			#b60c1c;
	width:			250px;
	height:			auto;
}
/* --- */
/* --- */





/* --- Abstände, Breiten und Höhen --- */
.w-100 {width:100px;}
.w-150 {width:150px;}
.w-225 {width:225px;}
.w-250 {width:250px;}
.w-365 {width:365px;}
.w-400 {width:400px;}
.w-465 {width:465px;}
.w-500 {width:500px;}
.w-515 {width:515px;}
.w-665 {width:665px;}
.w-700 {width:700px;}
/* --- */




/* --- spezielle Links --- */
.fs-9 a, .fs-9 a:hover, .fs-9 a:visited, .fs-9 a:active {font-size:9px;}
.fs-10 a, .fs-10 a:hover, .fs-10 a:visited, .fs-10 a:active {font-size:10px;}
.fw-Normal a, .fw-Normal a:hover, .fw-Normal a:visited, .fw-Normal a:active {font-weight:normal;}
.lnk_smaller a, .lnk_smaller a:visited, .lnk_smaller a:hover, .lnk_smaller a:active {font-size:10px;}
/* --- */





/* --- Tabellenzellen --- */
.tab {
	table-layout:		fixed;
	border-collapse:	collapse;
	border-spacing:		0;
	margin:				0;
}
.tab450 {
	width:				450px;
	table-layout:		fixed;
	border-collapse:	collapse;
	border-spacing:		0;
	margin:				0;
}
.tab320 {
	width:				320px;
	table-layout:		fixed;
	border-collapse:	collapse;
	border-spacing:		0;
	margin:				0;
}
.tab600 {
	width:				600px;
	table-layout:		fixed;
	border-collapse:	collapse;
	border-spacing:		0;
	margin:				0;
}
/* --- */





/* --- HINTERGRUND BILDER --- */
.bg_konzept1 {
	background-image:		url("../images/layout.site/back_konzept.jpg");
	background-position:	right bottom;
}
.bg_druck1 {
	background-image:		url("../images/layout.site/back_druck.jpg");
	background-position:	right bottom;
}
.bg_verlag1 {
	background-image:		url("../images/layout.site/back_verlag.jpg");
	background-position:	left bottom;
}
.bg_aussenwerbung1 {
	background-image:		url("../images/layout.site/back_aussenwerbung.jpg");
	background-position:	right bottom;
}
.bg_lettershop1 {
	background-image:		url("../images/layout.site/back_lettershop.jpg");
	background-position:	left bottom;
}
.bg_online-medien1 {
	background-image:		url("../images/layout.site/back_onlinemedien.jpg");
	background-position:	left bottom;
}
.bg_home1 {
	background-image:		url("../images/layout.site/back_home.jpg");
	background-position:	left bottom;
}
.bg_kontakt1 {
	background-image:		url("../images/layout.site/back_kontakt.jpg");
	background-position:	left bottom;
}
.bg_aktuelles1 {
	background-image:		url("../images/layout.site/back_aktuelles.jpg");
	background-position:	right bottom;
}
.bg_impressum1 {
	background-image:		url("../images/layout.site/back_impressum.jpg");
	background-position:	left bottom;
}
.bg_anfahrt1 {
	background-image:		url("../images/layout.site/back_anfahrt.jpg");
	background-position:	right bottom;
}
.bg_grau {background-color:#d9dadb;}
/* --- */




/* --- lt_subnav HINTERGRÜNDE + SEITENSPEZIFISCHE KLASSEN --- */
.ct_konzept1, .ct_druck1, .ct_verlag1, .ct_aussenwerbung1, .ct_lettershop1, .ct_online-medien1, .ct_kontakt1, .ct_ansprechpartner1, .ct_aktuelles1, .ct_anfahrt1, .ct_team1, .ct_impressum1 {
	position:		relative;
	top:			10px;
	height:			auto;
}
.box_info-konzept1, .box_info-druck1, .box_info-verlag1, .box_info-aussenwerbung1, .box_info-lettershop1, .box_info-online-medien1 {top:20px;}


.subnav_konzept1 {
	position:			static;
	float:				left;
	top:				0;
	left:				0;
	margin-left:		50px;
	background-image:	url("../images/layout.site/subnavi_back_konzept.gif");
}
.ct_konzept1 {
	position:	static;
	float:		left;
	top:		0;
	left:		0;
	margin:		10px 0 0 10px;
}
.box_info-konzept1 {
		position:	static;
		float:		left;
		top:		0;
		left:		0;
		margin:		140px 0 0 -150px;
}


.subnav_druck1 {
	position:			static;
	float:				left;
	top:				0;
	left:				0;
	margin-left:		180px;
	background-image:	url("../images/layout.site/subnavi_back_druck.gif");
}
.ct_druck1 {
	position:	static;
	float:		left;
	top:		0;
	left:		0;
	margin:		10px 0 0 10px;
}
.box_info-druck1 {
		position:	static;
		float:		left;
		top:		0;
		left:		0;
		margin:		140px 0 0 -150px;
}


.subnav_verlag1 {
	left:		310px;
	background-image:	url("../images/layout.site/subnavi_back_verlag.gif");
}
.ct_verlag1 {
	top:	0;
	left:	310px;
}
.box_info-verlag1 {left:310px;}


.subnav_aussenwerbung1 {
	left:		440px;
	background-image:	url("../images/layout.site/subnavi_back_aussenwerbung.gif");
}
.ct_aussenwerbung1 {
	top:	0;
	left:	90px;
}
.box_info-aussenwerbung1 {left:440px;}


.subnav_lettershop1 {
	left:		570px;
	background-image:	url("../images/layout.site/subnavi_back_lettershop.gif");
}
.ct_lettershop1 {
	top:	0;
	left:	570px;
}
.box_info-lettershop1 {left:570px;}


.subnav_online-medien1 {
	margin-left:		700px;
	background-image:	url("../images/layout.site/subnavi_back_onlinemedien.gif");
}
.ct_online-medien1 {
	top:	0;
	left:	350px;
}
.box_info-online-medien1 {left:700px;}


.ct_kontakt1 {
	margin-left:	auto;
	margin-right:	auto;
}
.ct_ansprechpartner1 {
	margin-left:	auto;
	margin-right:	auto;
}
.ct_aktuelles1 {
	margin-left:	auto;
	margin-right:	auto;
}
.ct_team1 {
	margin-left:	auto;
	margin-right:	auto;
}
.ct_anfahrt1 {left:20px;}
.ct_impressum1 {
	margin-left:	auto;
	margin-right:	auto;
}

.ct_home1 {
	margin-left:	570px;
	margin-top:		130px;
}
/* --- */


/* --- TEAM --- */
/*
	p#team_mitglied
		Dies ist der Paragraph in dem die weiteren Information angezeigt werden
		per padding und background-Angaben lassen sich hier individuelle Bilder einfügen
		
		Bsp:
		width: 200px;
		padding: 0 300px 200px 0;
		background-position:right bottom;
		background-repeat:no-repeat;
	
	.team1 (2,3,4...)
		Dies ist eine Klasse dessen nr sich für jedes Teammitglied ändert. Die ID.
		hier könnten die Backgroundangaben eingefügt werden.
		
		Bsp:
		background-image:url(pfad/zum/bild.jpg);
*/
p#team_mitglied {
	
}
/* Hahne */
.team1 {

}
/* --- */
