/*
    *   
    *   Cordaware GmbH Informationslogistik     *
    *   (c) 2010
    *   
    *   Stylesheet
    *   
    *   Das Stylesheet ist fuer eine Aufloesung von
    *   1280 * 720 (720p) optimiert.
    *   
*/

/* main */

body {
	font-size: 11px;
	font-family: Verdana, Arial,Helvetica, sans-serif;
	color: #333;
/*	overflow: hidden; */
	margin: 0px;
	padding: 0px;
}

/* Center Container zur Positionierung */

#center {
    width: 1200px;
    position: relative;
    margin: 0 auto;
}

/*
#center {
    position: absolute;
   left: 50%;
   margin-left: -629px; 
}

:root #center {
  margin-left: -639px;    
}
*/

/* Cordaware Logo */
#cordaware_logo {
	position: absolute;
	top: 10px;
	width: 1200px; 
	height: 102px;
	z-index: 1000;
	background-image: url(images/cordaware_logo.gif);
	background-repeat: no-repeat;
	background-color: #0062ac;
}

#white_triangle {
	position: absolute;
	width: 62px;
	height: 62px;
	top: 53px;
	background-image: url(images/white_triangle.gif);
	background-repeat: no-repeat;
	z-index: 7000;
}

/* Newsticker Konfiguration in CSS */

#newsticker {
	position: absolute;
	top: 30px;
	left: 215px;
	width: 985px;
	padding-top: 14px;
	height: 30px;
	border: none;
	background-image: url(images/newsticker_bg_neu.gif);
	z-index: 4000;
}

/*
:root #newsticker {
    left: 6px;
	width: 1193px;
}
*/

#newsticker a:active, #newsticker a:link, #newsticker a:visited, #newsticker a.dmnt_a:active, #newsticker 

a.dmnt_a:link, #newsticker a.dmnt_a:visited {
	color: #0062ac;
	font-weight: bold;
	text-decoration: none;
	font-size: 14px;
}

#newsticker a:hover, #newsticker a.dmnt_a:hover {
	color: #0062ac;
	font-weight: bold;
	text-decoration: underline;
	font-size: 14px;
}

/* Newsticker Konfiguration Ende */

/* Position der Navigation */

#pos_navigation {
	position: absolute;
	top: 88px;
	left: 72px;
	width: 1128px;
	z-index: 5000;
}
/*
:root #pos_navigation
{
    top: 75px; 
    width: 1199px;    
}
*/

/* Sprachauswahl */

#language_selection {
	position: absolute;
	z-index: 6000;
	left: 1070px;
	top: 93px;
	border: none;
	background: none;
	color: #fff;
}

/*
:root #language_selection {
	left: 1110px;
}
*/

#language_selection a {
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}

#language_selection a.current {
	text-decoration: underline;
}

/* Dropdown-Menü */

ul.menu {
	z-index: 20000;
}

ul.menu, ul.menu ul {
    list-style-type: none; 
    padding: 0px;
    margin: 0px; 
}

ul.menu a {
    display: block;
    font-weight: bold;
    padding: 5px 0px 5px 0px;
    color: white;
    font-weight: bold;
    text-decoration: none;
    /* Strich setzen zur Abtrennung des Menüs */
	border-right: 1px solid white;
    padding-right: 12px;
}


ul.menu a:hover {
   text-decoration: underline;
}

ul.menu a.active {
   text-decoration: underline;
}

ul.menu li {    
    float: left;
    margin-left: 12px;
}

/* keine Float-Eigenschaft für Unterpunkte */

ul.menu ul li {
    float:none;
    background-color: transparent;
}
/* 2. Menü Ebene */

ul.menu ul { 
    line-height: 15px;
    margin: 0;
    padding: 0;
    margin-left: -12px;
    position: absolute;
    /* Hintergrundfarbe der normalen Menues */
    background-image: url('images/transparent90_link_0062ac.png');
    background-repeat: repeat;
    display: none;
    /* Breite des Listenmenüs */
    width: 165px;
}
ul.menu ul li {    
    margin-left: 0px;
}

/* Hyperlinks für 2. Menü Ebene */
ul.menu ul a {
   padding: 6px 12px 6px 12px;
   /* Strich zur Trennung des Menüs entfernen*/
   border-right: none;
}

/* 2. Menü Ebene anzeigen */

ul.menu li.hover ul, ul.menu li:hover ul  {
        display: block;
}

/* 3. Menü Ebene */

ul.menu li.hover ul ul, ul.menu li:hover ul ul {
    display: none;
    background-image: url('images/transparent90_link_0062ac.png');
    background-repeat: repeat;
    width: 175px;
    margin-left: 165px; /* Breite eines Listenelements - Überlagerung */
    margin-top: -27px; /* Höhe eines Listenelements */
  }

   /* 3. Menü Ebene anzeigen */
ul.menu li.hover ul li.hover ul, ul.menu li:hover ul li:hover ul {
    display: block;
}

/* Beginne mit Sub-Navigation auf der linken Seite */

#sub_navigation {
	position: absolute;
	top: 122px;
	padding: 0px;
	width: 215px;
	height: 458px;
	border: none;
 	overflow: hidden;
	z-index: 100;
    }



/* Liste */

#sub_navigation ul {
	margin: 0px;
	padding: 0px;
	width: 128px;
	list-style-type: none;
	padding-top: 10px;
	margin-left: 84px;
}

#sub_navigation li {
	line-height: 16px;
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
	margin-bottom: 8px;
}

#sub_navigation li a:link, #sub_navigation li a:visited, #sub_navigation li a:active {
	text-decoration: none;
	font-weight: bold;
	color: #333;
}

#sub_navigation li a:hover {
	font-weight: bold;
	text-decoration: underline;
	color: #333;
}

#sub_navigation li a.current {
    color: #002c3a;
	font-weight: bold;
	text-decoration: underline;
}

/* Ende Sub-Navigation auf der linken Seite */

/* Infobox in der sub_navigation */

#infobox {
	position: absolute;
	top: 359px;
	padding: 0px;
	width: 195px;
	height: 175px;
	border: none;
 	overflow: hidden;
	z-index: 1000;
    color: black;
    font-weight: bold;
    margin: 10px;    
}

#infobox a {
    color: black;
}

#infobox a img {
	border: none;
}

/* Suche */

#searchform {
	position: absolute;
	top: 539px;
	padding: 0px;
	width: 195px;
	height: 30px;
	border: none;
 	overflow: hidden;
	z-index: 9000;
    color: black;
    font-weight: bold;
    margin: 10px;    
}

#searchform input:focus
{
 	background-color : #99CCFF;
}

/* Suche: Wörter Highlight */

.csc-sword {
background-color: yellow;    
}

h2 .search_title{
    font-size: 14px;
	color: #5b1628;
	font-weight: bold;    
}

/* Extra Navigation für spezielle Seiten im main_content */
#extralevel ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#extralevel ul li {
	margin: 0px;
	padding: 0px;
	display: inline;
	color: #0062ac;
	font-weight: normal;
}

#extralevel ul li a {
	font-size: 11px;
}

#extralevel ul li a:active, #extralevel ul li a:link, #extralevel ul li a:visited {
	color: #0062ac;
	text-decoration: none;
	font-weight: normal;
}

#extralevel ul li a:hover {
	color: #0062ac;
	text-decoration: underline;
	font-weight: normal;
}

#extralevel ul li a.active_sub {
	color: #0062ac;
	text-decoration: underline;
	font-weight: normal;
}

/* Main-Content anzeigen */

#main_content {
	position: absolute;
	top: 122px;
	left: 215px;
	height: 458px;
	width: 985px;
	overflow: auto;
	border: none;
	background-color: #fef5ed;
	color: #333;
}
/*
für Anpassung Firefox main_content
*/
/*
:root #main_content {
    left: 215px;
	width: 985px;
}
*/

.news-list-item {
	padding: 0 0 10px 0;
}

#main_content h1 {
	padding: 0px;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 16px;
	margin-top: 10px;
	margin-left: 13px;
	margin-right: 13px;
	padding-bottom: 4px;
	border-bottom: 1px solid #333;
}

#main_content h2 {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	margin-bottom: 16px;
	margin-top: 10px;
	padding-left: 13px;
	padding-right: 13px;
	text-decoration: underline;
	color: #5b1628;
	font-weight: bold;
}

#main_content h3 {
	height: 12px;
	background-image: url(images/NewInVersion4BgIcon.gif);
	background-repeat: no-repeat;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	margin-bottom: 16px;
	margin-top: 16px;
	margin-left: 13px;
	padding-right: 13px;
	text-indent: 16px;
	text-vertical-align: bottom;
}

#main_content a:active, #main_content a:link, #main_content a:visited {
	color: #0062ac;
	font-weight: bold;
	text-decoration: none;
}

#main_content a:hover {
	color: #0062ac;
	font-weight: bold;
	text-decoration: underline;
}

#main_content h2 a:active, #main_content h2 a:link, #main_content h2 a:visited {
	font-weight: normal;
	text-decoration: underline;
	color: #0062ac;
}

#main_content h2 a:hover {
	font-weight: normal;
	text-decoration: underline;
	color: #090909;
}

#main_content p, #main_content p.bodytext {
	line-height: 18px;
	padding-left: 13px;
	padding-right: 13px;
}

#main_content p.newsFuncLink {
	line-height: 18px;
	padding-left: 13px;
	padding-right: 13px;
	margin-top: 32px;
}

#main_content p.newsFuncLink a {
	text-decoration: underline;
}

#main_content li {
	line-height: 16px;
}

#main_content span.important {
	color: #5b1628;
	font-weight: bold;
}

#main_content a img {
	border: none;
}

:root #main_content p embed {
	margin-left: 13px;
}

#main_content textarea.contact_text {
	border: 1px solid #aaa;
	width: 600px;
	height: 120px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #333;
	background-color: #eee;
}

#main_content #contact_table {
	border: none;
	margin: 0px;
	padding: 0px;
	margin-left: 13px;
}

#main_content #contact_table td {
	line-height: 18px;
	width: 140px;
}

#main_content #contact_table textarea.comment_text {
	border: 1px solid #aaa;
	width: 100%;
	height: 80px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #333;
	background-color: #eee;
}

#main_content #contact_table input {
	font-size: 11px;
	color: #333;
	font-family: Verdana, Arial, sans-serif;
}

#main_content #contact_table input.formbutton {
	border: 1px solid #333;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
    color: white;
	background-color: #2d467a;
}

#main_content iframe {
	border: 0px;
	overflow: auto;
}

#main_content h4 {
	font-size: 11px;
	font-weight: normal;
	text-decoration: underline;
	margin-left: 13px;
	margin-right: 13px;
}

#main_content hr {
	margin: 0px;
	margin-left: 13px;
	margin-right: 13px;
	border: none;
	height: 1px;
	background: #333;
}

/* Footer mit Impressum, Sitemap etc. */

#extras {
	position: absolute;
	overflow: hidden; 
	top: 582px; 
	height: 18px; 
	width: 1200px;
	margin: 0px;
	padding: 0px;
	color: white;
	background-color: #0062ac;
}

/*
:root #extras {
	width: 1200px;
}
*/

#extras p {
	float: right;
	margin: 0px;
	padding: 0px;
	margin-right: 13px;
	margin-top: 2px;
}

#extras p a {
	color: white;
	font-weight: bold;
	text-decoration: none;
	display: inline;
}

#extras #print {
	margin-top: 3px;
}

/* 
* Sonstige CSS Einstellungen zur Anpassung  *
*/

/* Preisliste */

.pricelist {
    margin: 10px;
	vertical-align: middle;
    border-collapse:collapse;

}
    
.pricelist tr.glossy {
    color: white;
    font-weight: bold;
    font-size: 12px;
    background-image: url('images/glossy_bg.gif');
    background-repeat: repeat-x;    
}