/* @override http://www.webopac-logistics.de/fileadmin/templates/css/webopac.css */

/* ---------------------------------
	Projekt: webopac-logistcs
	Version: 11.6.8
	Coding: www.prmueller.de
	-------------------------------- */

/* Basics */
*	{
	margin: 0;
	padding: 0;
	}

html {
	/* fŸuer IE/Win, damit die Fusszeile unten bleibt: */
	height: 100%;
	}
	
body {
	/* IE5-Hack wegen zentriertem Container: */
	text-align: center;
    position: relative;
    /* fŸuer IE/Win, damit die Fusszeile unten bleibt: */
	height: 100%;
	background-color: rgb(235,235,237);
	color: rgb(8,20,88);
	}


/* Code fuer fixierten Header und Footer, auf der Basis von http://limpid.nl/lab/css/fixed */
body{
  margin:0;
  padding:0;
 }
 div#kopfbox{
  position: absolute;
  /* top: 0px;*/
  left:0; 
  width: 100%;
  height: 135px;
  z-index: 99;
  text-align: left;
 }
 div#footer{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100px;
  z-index: 99;
  }
 @media screen{
  body>div#footer, body>div#kopfbox{
   position: fixed;
  }
 }
 * html body{
  overflow:hidden;
 } 
 * html div#container{
  height:100%;
  padding-bottom: 210px;
  overflow: auto;
 }
 
 #himmel { /*haelt den Abstand fuer den Header */
	height: 135px;
	width: 100%;
	float: left;
}
 #hoelle { /*haelt den Abstand fuer den Footer */
	height: 30px;
	width: 100%;
	float: left;
}

 .zentriert { /* Haelt Header/Footer-Inhalt zentriert, faerbt HiGru */
	margin: 0 auto;
  	background-color:  rgb(231,231,231);
	width: 1000px;
  	padding: 20px 0;
  	}


/* - Body - Container
----------------------------------------------- */

#container {
	position: relative;
	width: 1000px;
	/* min-height: 100%; aus altem Stylesheet */
	margin: 0 auto;
	padding: 20px 0 0 0;
	background-color: rgb(231,231,231) ;
	/* IE5-Hack wegen zentriertem Container (hebt den body-Hack wieder auf): */
	text-align: left;
	height: 100%;
	}



/* -- NAVIGATION - */

/* Navigation 1 (Hauptmenue) */
	
#nav1 {
	clear: both;
	height: 29px;
	width: 1000px;
	background-color: rgb(81,182,221);	
	padding: 0px 0px 0px 0px;
	}
	
#nav1 ul#hauptmenue {
	margin: 0;
	padding: 0;
	float: left; 
	width: 100%; 
	list-style-type: none;
	background-color:rgb(81,182,221);
	}
	
#nav1 #hauptmenue li {
	float: left; 
	margin: 0; 
	padding: 0;
	list-style-type: none;
	}

#nav1 a:link, #nav1 a:visited {
	float: left;
	display: block;
	font: lighter 0.85em "Lucida Sans", "Lucida Sans Unicode", "Trechuchet MS",verdana, sans-serif;
	color: rgb(245,245,245);
	letter-spacing: 1px;
	text-decoration: none;
	background-color: rgb(81,182,221);
	border-right: 2px solid rgb(245,245,245);
	padding: 6px 0.5em;	

	}

#nav1 a:hover, #nav1 a:active, #hauptmenue li.CURmain a {
	background-color: rgb(38,50,118);
	}


#nav1 a.CUR {
	color: rgb(40,40,40);
	}

	
/* Navigation 2 (2. Ebene)  */


* html #nav2 {
	/* IE-Hack fuer Abstand des Untermenues vom Hauptmenue*/
	margin-top: 4px;
	}

#nav2 {
	margin: 10px 0px 0px 0px;
	padding-left: 4px;
	width: 810px;
	float: left;
	}
	
#nav2 li {
	display: inline;
	border-right: 1px solid rgb(116,115,102);
	padding: 0 0.33em;
	}

#nav2 a, #nav2 a:visited, #sprachwahl a, #sprachwahl a:visited {
	font: normal 1em "Lucida Sans", "Lucida Sans Unicode", "Trechuchet MS",verdana, sans-serif;
	letter-spacing: 0px;
	color: rgb(38,50,118);
	text-decoration: none;
	}

#nav2 a:hover, #sprachwahl a:hover, .CURsub {
		text-decoration: underline;
	}



#nav2 a:active, #sprachwahl a:active {
	color: rgb(214,1,57);
	}
	
/* Box rechts mit Sprache, Printlink & Suche */
* html #funktionen {
	/* IE-Hack fuer Abstand des Untermenues vom Hauptmenue*/
	margin-top: 4px;
	}
#funktionen {
	margin-top: 10px;
	width: 180px;
	height: 60px;
	float: right;
}

#language div.csc-header.csc-header-n1 {
	display: none;
}

#language {
	/* margin: 10px 10px 0 10px; */
	width: 150px;
	height: 20px;
	float: left;
	
}



#printlink {
	width: 25px;
	height: 20px;
	float: right;
	text-align: right;
	padding-right: 5px;
}

#printlink button {
	margin-top: 0;
}

#search {
	margin: 10px 0 0 0;
	width: 150px;
	height: 20px;
	text-align: right;
}

.clear{
  clear:both;
  height:1px;
  overflow:hidden;
  line-height:1%;
  font-size:0px;
  margin-bottom:-1px;
}


#motto {
	margin-top: 50px;
	padding: 0 0 0 50px;
	font: normal 1.7em "Franklin Gothic Medium", "Gill Sans", "Lucida Sans", "Lucida Sans Unicode", "Trechuchet MS",verdana, sans-serif;
	color: #4cbbd3;
	letter-spacing: 1px;
}

#sprachwahl {
	position: absolute;
	top: 220px;
	left: 780px;
	width: 160px;
	text-align: right;
	background: transparent;
	}
/* IE-Hack, beseitigt den Rahmen um Bilder */
#sprachwahl img {border: 0px solid;
						  }

/* Inhaltsbereich */

#inhalt {
	padding: 10px 30px 100px 30px;
	width: 940px;
	background-color: rgb(231,231,231);
	}
	
.clearing {
	clear:both;
	height: 0;
	padding: 0;
	border: 0;
	margin: 0;
	font-size: 0;
	line-height: 0;
}


/* -- Schriftstile
----------------------------------------------- */


p, .li, dd, td  {
	font: 0.8em/1.4 verdana, arial, sans-serif;
	color: rgb(18,30,98);
    margin-top: 1em;
	}

#inhalt p.bodytext {
	margin: 0 0 0.5em 0;
}
	

.csc-textpic-caption  {
	font-size: 0.75em;
	}

em {
	font-style: normal;
	font-weight: bold;
	letter-spacing: 1px;
	}
	
/* Projekteseite */
#projekte p {
	font-family:tahoma,avantgarde,sans-serif;
	font-weight:800;
	letter-spacing:1px;
	margin-bottom:0.5em;
	margin-top:0.7em;
	color: #747366;
	}
	
.projektetext {
	font: 0.7em normal tahoma, avantgarde, sans-serif;
	}

/* Seiten-Ueberschrift
Enthaelt auch die Klasse csc-firstHeader - habe ich nicht formatiert*/
h1 {
	font: normal 1.1em "Franklin Gothic Medium", "Gill Sans", "Lucida Sans", "Lucida Sans Unicode", "Trechuchet MS",verdana, sans-serif;
	letter-spacing: 1px;
	color: #8a94cc;
	line-height: 120%;
	text-align: left;
	margin: 1em 0em 0em 0em;
	}

h2, h3, h4, h5, h6 {
	font-family: "Franklin Gothic Medium", "Gill Sans", "Lucida Sans", "Lucida Sans Unicode", "Trechuchet MS",verdana, sans-serif;
	font-weight: bold;
	letter-spacing: 1px;
	margin-top: 0.7em;
	margin-bottom: 0.5em;
	}

h2 {
	font-size: 1.8em;
	margin: 1em 0 0.2em 0;
}

h3 {
	font-size: 1.2em;
	margin: 1em 0 0.2em 0;
}

h2, h3 {
	color: rgb(38,50,118);
	}

h4, h5, h6 {
	color: rgb(20,20,20);
	}


/* Links allgemein */
a:link {
	font-weight: bold;
	text-decoration: none;
	color: rgb(38,50,118);
	letter-spacing: 1px;
	}

a:visited {
	font-weight: bold;
	color: rgb(81,182,221);
	text-decoration: none;
	letter-spacing: 1px;
	}

a:hover, a:active {
	text-decoration: underline;
	}



/* Aufzaehlungslisten im Textbereich */
#inhalt ul {
	list-style-position: inside;
	list-style-type: square;
	}

#inhalt li {
	font: bold 1em/1.5 "Franklin Gothic Medium", "Gill Sans", "Lucida Sans", "Lucida Sans Unicode", "Trechuchet MS",verdana, sans-serif;
	color: rgb(96,95,82);
	letter-spacing: 1px;
	margin-bottom: 0.4em;
	}
	
/* Tabelle Value-Added-Services */

#leistungen table tbody tr td {
	line-height: 1.2em;
	width: 20%;
	margin-left: 80px;
}

	

/* - Bilder
----------------------------------------------- */


img a:link, img a:visited, img a:active, img a:hover {
	text-decoration: none;
	background: transparent;
	}
	
.links {
	float: left;
}

.rechts {
	float: right;
}

/* Indexsuche */

/* #search table.table-menusearch tbody tr td form input {
	margin-top: ;
} */


/* - Kontaktformular
----------------------------------------------- */


/* Kontaktformular, Bestellformular */
label {
display: block;
width: 13.5em;
float: left;
clear: both;
margin: 0.6em 0em 0em 0em;
font: bold 0.75em "Franklin Gothic Medium", "Gill Sans", "Lucida Sans", "Lucida Sans Unicode", "Trechuchet MS",verdana, sans-serif;
color: rgb(38,50,118);
}

input, textarea {
margin: 0.6em 0em 0.5em 0em;
}

fieldset {
padding: 0.6em;
width: 460px;
}

div.csc-mailform-field, div.csc-mailform-field {
	display: block;
	width: 100%;
	font: bold 1em "Franklin Gothic Medium", "Gill Sans", "Lucida Sans", "Lucida Sans Unicode", "Trechuchet MS",verdana, sans-serif;
	color: rgb(38,50,118);
	}

span.csc-mailform-label {
	display:block;
	width: 100%;
	text-align: left;
	font-size: 0.75em;
	margin-top: 2em;
	color: rgb(38,50,118);
	}
	
/* Blendet 2. Suchbox bzw. die Rules bei Ergebnissen aus */
div.tx-indexedsearch-searchbox, div.tx-indexedsearch-rules {
	display: none;
}

/* feld fuer cssspamprotect einblenden 
	#field-dont-feed-me-with-name-or-email-address
	 {
	display: inline;
	height:1em;
	line-height: 1em;
	font-size: 1em;
} */
	
	
/* -- tt_news ------------- */

hr.clearer {
	margin-top: 1em;
	border: 1px solid #d8d8d8;
	color: #cdcdcd;
}

/* List */
span.news-list-date {
	width: 100%;
	display: block;
	font-size: 0.6em;
	font-weight: normal;
	margin-bottom: 0.3em;
	display: none;
}

#inhalt div.news-list-container div.news-list-item h3 {
	margin-bottom: 0.5em;
}

div.news-list-morelink {
	text-align: right;
	padding-right: 1em;
}

div.news-list-morelink a {
	font: bold 0.8em "Franklin Gothic Medium", "Gill Sans", "Lucida Sans", "Lucida Sans Unicode", "Trechuchet MS",verdana, sans-serif;
	color: rgb(38,50,118);
}

div.news-list-category {
	display: none;
}

/* Single */

div.news-single-timedata, div.news-single-category {
	display: none;
}

div.news-single-item h2 {
	
}

div.news-single-item p.news-single-author {
	margin-top: 0;
}

div.news-single-item div.news-single-backlink {
	margin-top: 0.4em;
}
div.news-single-item div.news-single-backlink a {
	font: bold 0.8em "Franklin Gothic Medium", "Gill Sans", "Lucida Sans", "Lucida Sans Unicode", "Trechuchet MS",verdana, sans-serif;
}

/* PRINTVERSION */

div#printversion div#titel, div#site {
	display: none;
}

div#host, div#copyright {
	font-size: 0.7em;
}