/**
 * This file is part of 
 * pragmaMx - Web Content Management System.
 * Copyright by pragmaMx Developer Team - http://www.pragmamx.org
 *
 * pragmaMx is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * $Revision: 1.11.2.4 $
 * $Author: tora60 $
 * $Date: 2008/02/16 13:21:33 $
 */

/* import Weblayout styling */
@import url(layout.css);

a img {
	border: 0px;
}

a:hover,
a:focus {
	border-bottom: #ffffff ;
	background-color: #ffffff;
	color: #99CC33;
	text-decoration: none;
}

a:active, a:link, a:visited {
	border-bottom: #ffffff 1px dotted;
	background-color: #ffffff;
	color: #666666;
	text-decoration: none;
}
#dropmenudiv{

position:absolute;


line-height:10px;
z-index:100;
font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	align: middle;
}

#dropmenudiv a{
width: 140px;
display: block;
text-indent: 10px;
background-color: #003366 ;

	
padding: 10px 1 5;
text-decoration: none;
font-weight: bold;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #bcc9d6;
}

#topmenu {
 width: 128px;
height: 45px;
 padding-left: 0px;
background-color: #ffffff ;
}

a.menu_btn:link, a.menu_btn:visited  
{
	display: block;
	background: url(../images/head-menu.btn.jpg) no-repeat;
	height: 45px;
	text-align: center;
	padding-top: 20px;
	
	
	
	
	
	font-weight: bold;
	cursor: pointer;
	
font-family: arial, franklin gothic medium cond,sans-serif;
	
	font-size: 10px;
	color: white;
	
	
}

a.menu_btn:hover
{
 color: #EEEEEE;
 background: url(../images/head-menu.btn_hv.jpg) no-repeat;
}
body {
	background: url("http://www.taccomi.de/de/images/nav/page_background.jpg") repeat-x #9FA9B3;
	margin-bottom: 0px;
	margin-top: 0px;
	
	
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
}

br {
	line-height: 8px;
}

del, strike{
	text-decoration: line-through;
}

fieldset {
	border: 1px solid #F2F2F2;
	margin: 0 0 2em 0;
	padding: 1em .5em .5em .5em;
	background-color: #E7E7E7;
	color: Black;
}

form {
	margin: 0px;
	display: inline;
}

h7, h1, h2, h3, h4, h5, h6 {
	font-size: 14px;
	font-weight: bold;
}

html, body {
	margin: 0px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	height: 100%;
}

img {
	border-bottom: 0px;
	border-left: 0px;
	border-right: 0px;
	border-top: 0px;
}

input, select {
	border-bottom: 1px inset #666666;
	border-left: 1px inset #666666;
	border-right: 1px inset #666666;
	border-top: 1px inset #666666;
	background-color: #F2F2F2;
	color: #333333;
}

input.formbutton {
	border-bottom: #666666 1px outset;
	border-left: #666666 1px outset;
	border-right: #666666 1px outset;
	border-top: #666666 1px outset;
	background-color: #F2F2F2;
	color: #333333;
	text-align: center;
}

input.formcheckbox {
	border: none;
	background-color: transparent;
	color: #000000;
}

legend{
	border: 1px solid #E7E7E7;
	padding: 2px 6px;
	color: #000000;
	font-weight: bold;
	background-color: #E7E7E7;
}

small {
	font-size: 9px;
}

textarea {
	border-bottom: 1px inset #666666;
	border-left: 1px inset #666666;
	border-right: 1px inset #666666;
	border-top: 1px inset #666666;
	background-color: #F2F2F2;
	color: #333333;
	overflow: auto;
}

th {
	font-weight: bold;
}

u{
	text-decoration: underline;
}

.content {
	font-size: 12px;
}

.option {
	font-size: 12px;
	font-weight: bold;
}

.tiny {
	font-size: 9px;
}

.title {
	background-color: transparent;
	color: #333333;
	font-size: 12px;
	font-weight: bold;
}

/* das ist der Hintergrund für die Texteingabe */
#htmlarea {
	background-color: #FFFFFF;
	background-image: none;
	color: #000033;
}

#htmlarea body {
	margin: 5px;
	background-color: #FFFFFF;
	background-image: none;
	color: #000033;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.glossymenu{
margin: 5px 0;
padding: 0;
width: 170px; /*width of menu*/
border: 1px solid #9A9A9A;
border-bottom-width: 0;
}

.glossymenu a.menuitem{
background:  url(http://www.taccomi.de/de/images/nav/glossyback.gif) repeat-x bottom left;
font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: white;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
background-image: url(http://www.taccomi.de/de/images/nav/glossyback2.gif);
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid blue;
}

.glossymenu div.submenu ul li a{
display: block;
font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover{
background: #DFDCCB;
colorz: white;
}