@CHARSET "UTF-8";


body {
	width: 855px;
	margin: 5px;
	padding: 0;
	font-family: verdana, sans-serif;
	color: #3e3e3e;
	
	margin-left: auto;
	margin-right: auto;
	
	font-size: 10pt;
}


.ueberschrift {
	color: #00addd;
	font-size: 11pt;
	font-weight: bold;
}

div#vermarkter .ueberschrift {
	color: #00addd;
	font-size: 11pt;
	font-weight: bold;
	margin-bottom: 15px;
}

.vermarkter_logo {
	width: 140px; 
	height: 40px; 
	background-color: #00ADDD; 
	font-weight: bold; 
	text-align: center; 
	color: white; 
	vertical-align: middle;
}

h1, h2, h3, h4 {
	color: #00addd;
}

.steckbrief hr {
	clear:both;
	margin-top:10px;
	margin-bottom:10px;
	border:none;
	height:12px;
	background:url(../pics/hr_large.png) no-repeat center center;
}

ul.agof {
	list-style-image: url("../pics/li_bullet.gif");
}

.bordered-left-right {
	border-right: 1px solid rgb(205,205,205); 
	border-left: 1px solid rgb(205,205,205); 
}

.bordered-footer {
	border-right: 1px solid rgb(205,205,205); 
	border-left: 1px solid rgb(205,205,205); 
	border-bottom: 1px solid rgb(205,205,205); 
}

div#header {
	border: 0;
	margin: 0;
	padding: 0;
}

div#header {
	border: 0;
	margin: 0;
	padding: 0;
}

.textBeforeCheckboxSp2 {
	font-weight: bold;
	width: 110px;
}

.textBeforeCheckboxSp1 {
	font-weight: bold;
}

fieldset {
	border: 1px solid #0099ff;
}

fieldset legend {
	font-weight: bold;
}

.wishlist {
	width: 510px; 
	height: 115px; 
	margin: 10px 10px 10px 0;
	padding-top: 17px;
}

#javascriptError {
	width: 700px;
	padding: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: auto;
	margin-right: auto;
	background-color: #ff6699;
	border: 2px solid red;
	text-align: center;
	font-size: inherit;
	font-weight: bold;
}

#splash {
	margin-left: auto;
	margin-right: auto;
	width: 400px;
	height: auto;
	padding: 3px;
	background-color: #66ccff;
	border: 2px solid black;
	text-align: center;
	font-size: 10pt;
	font-weight: bold;
	font-stretch: expanded;
	color: white;
}

#splash1 {
	position: absolute;

	width: 70px;
	height: 50px;
	background-color: transparent;
	text-align: center;
	z-index: 21;
	left: 50%;
	margin-left: -35px;  /* negative Hälfte von width:1000px */
	top: 280px;
}

#cover {
	width: 855px;
	height: 1500px;
	background-color: white;
	position: absolute;
	padding-top: 350px;
	visibility: visible;	
	filter: alpha(opacity=80); /* Internet Explorer */
	-moz-opacity: 0.80; /* Mozilla Browser */
	opacity: 0.80; /* Opera */
	z-index: 20;
}

.footline {
	margin-left: 3px;
}

.footline p{
	margin-left: 5px;
	font-size: 8pt;
}

select {
	color: inherit;
}

.content {
	font-size: 10pt;
}

/* ------------------------beginn TABELLEN-LAYOUT */
	
.contentInfo {
	margin-bottom: 10px;
	font-size: 10pt;
	padding-left: 3px;
}

.content table {
	empty-cells: hide;
	font-size: inherit;
	width: auto;
}

.addButton {
	text-align: center;
	padding-left: 5px;
	padding-right: 5px;	
}

#sitenames {
	font-weight: bold;
}

.1pxPadRight {
	padding-right: 1px
}

.content contentTable {
	border: 1px;
}

.contentTable tr:hover td
{
	background-color:#ffffcc;
}

.content table.headervorspalte {
	background-color: rgb(225,228,230);
	text-align: left;
	color: #00addd;
	font-weight: bold;
	font-size: 10pt;
}

.content td.whiteblankcolumn {
	background-color: white; 
	border-bottom: 1px solid white;
}

.content tr.header1 {
	background-color: rgb(153,222,245);
	font-weight: bold;
	color: inherit;
	padding-top: 4px; 
	padding-bottom: 4px;
}

.content td.header1col {
	padding-top: 3px;
	padding-bottom: 3px;
	border-right: 1px solid rgb(205,205,205);
}

.content td.header1colVor {
	padding-top: 3px;
	padding-bottom: 3px;
}

.content tr.header1Vorspalte {
	background-color: rgb(225,228,230);
	font-weight: bold;
	color: inherit;
	padding-top: 4px; 
	padding-bottom: 4px;
	font-size: 9pt;
}

.content tr.header1 td {
	text-align: center;	
}

.content tr.header2 {
	background-color: rgb(204,239,250);
	text-align: center;
	color: inherit;
	font-size: 7pt;
	border-right: 1px solid rgb(205,205,205);
}

tr.footer {
	background-color: rgb(204,239,250);
	text-align: center;
	font-size: 10pt;
}

.content td.val {
	width: 65px; 
	min-width: 65px; 
	max-width: 65px;
}

.content td.borderVal {
	width: 65px; 
	min-width: 65px; 
	max-width: 65px;
	border-right: 1px solid rgb(205,205,205);
	text-align: right;
}

tr.fixedBasis td {
	background-color: white;
	border-bottom: 1px solid rgb(205,205,205);
}

.content tr.header2 td {
	padding: 0px;
}

.content tr.header2Vorspalte {
	background-color: rgb(225,228,230);
	color: inherit;
	font-size: 7pt;
	border-right: 1px solid rgb(205,205,205);
}

.content tr.header3Vorspalte {
	background-color: rgb(225,228,230);
}

.content tr.gerade {
	/*background-color: #ccffff;*/
	background-color: rgb(230,232,233);
}

.content table td {
	text-align: right;
}

.content table td div {
	padding-top: 2px;
	padding-bottom: 2px;
}

#mainContentDiv td {
	padding-top: 2px;
	padding-bottom: 2px;
}

#mainContentDiv td div.siteName {
	width: 300px; max-width: 300px; overflow: hidden; white-space: nowrap;
}

.noOverflow {
	width: 300px; 
	max-width: 300px; 
	overflow: hidden; 
	white-space: nowrap;	
}

.noOverflow350px {
	width: 350px; 
	max-width: 350px; 
	overflow: hidden; 
	white-space: nowrap;	
}

.content tr.gerade td.sorted {
	background-color: rgb(165,211,227);
}

.content tr.gerade td.sortedVal {
	background-color: rgb(165,211,227);
	width: 65px;
	min-width: 65px;
	max-width: 65px;
}

.content tr.gerade td.borderSortedVal {
	background-color: rgb(165,211,227);
	width: 65px;
	min-width: 65px;
	max-width: 65px;
	border-right: 1px solid rgb(205,205,205);
	text-align: right;
}

.content td.sorted {
	background-color: rgb(126,213,241);
}

.content td.sortedVal {
	background-color: rgb(126,213,241);
	width: 65px;
	min-width: 65px;
	max-width: 65px;
}

.content td.borderSortedVal {
	background-color: rgb(126,213,241);
	width: 65px;
	min-width: 65px;
	max-width: 65px;
	border-right: 1px solid rgb(205,205,205);
	text-align: right;
}

.content td.border {
	border-right: 1px solid rgb(205,205,205);
}

.content td.demoGroup {
	border-right: 1px solid rgb(205,205,205);
	font-weight: bold; 
	text-align: left; 
	color: #00addd;
}

.content tr.gerade td.bordersorted {
	background-color: rgb(165,211,227);
	border-right: 1px solid rgb(205,205,205);
	text-align: right;
}

.content td.bordersorted {
	background-color: rgb(126,213,241);
	border-right: 1px solid rgb(205,205,205);
	text-align: right;
}

.content td.headerbordersorted {
	background-color: rgb(126,213,241);
	border-right: 1px solid rgb(205,205,205);
	border-bottom: 1px solid rgb(205,205,205);
	text-align: center;
	font-weight: bold;
	font-size: 8pt;	 
}

.content td.headerborder {
	background-color: white;
	border-right: 1px solid rgb(205,205,205);
	border-bottom: 1px solid rgb(205,205,205);
	text-align: center;
	font-weight: bold;
	font-size: 8pt;
}

.content td.headerColNamesSorted {
	background-color: rgb(126,213,241);
	border-bottom: 1px solid rgb(205,205,205);
	text-align: center;
	font-weight: bold;
	font-size: 8pt;
	padding-left: 0px;
	padding-right: 0px;
}

.content td.headerColNames {
	background-color: white;
	border-bottom: 1px solid rgb(205,205,205);
	text-align: center;
	font-weight: bold;
	font-size: 8pt;
	padding-left: 0px;
	padding-right: 0px;
}

.content tr.tre-hover {
    background : silver;
}

.content tr.tre-select {
    background : yellow;
}

.content tr.header2 td {
	text-align: center;
}

.content td.rightdotted {
	border-right: 1px solid rgb(205,205,205);
}

.content td.rightdottedblack {
	border-right: 1px solid rgb(205,205,205);
}

table a:link {
	color: black;
}
table a:visited {
	color: black;
}
table a:hover {
	color: white;
}

.content td.click, th.click
{
	background-color: #bbb;
}
.content td.hover, tr.hover
{
	background-color: #66ccff;
}
.content th.hover, tfoot td.hover
{
	background-color: ivory;
}
.content td.hovercell, th.hovercell
{
	background-color: #abc;
}
.content td.hoverrow, th.hoverrow
{
	background-color: #6df;
}

/* ------------------------TABELLEN-LAYOUT ende */

#menu {
	width: 100%;
	height: 32px;
	/*font-size: .9em;*/
	font-size: 9pt;
	margin-left: auto;
	margin-right: auto;
	/*background-color: #00addd;
	background:url(../pics/mainNavBg.gif) repeat-x 0px -34px;*/
}

.menuItem {
	/*padding: 8px 5px 2px 5px;*/
	text-align: justify;
	/*background-color: #00addd;*/
	background:url(../pics/reiterNavBg.gif) repeat-x left -160px;
	color: rgb(62,62,62);
	font-family: inherit;
	/* "nur" 24px hoch (statt 32px), weil padding in menu.jsp für Text-div gesetzt */
	height: 24px;
	width: auto;
	float: left;
	font-weight: bold;
}

#menu .firstItem{
	background:url(../pics/reiterNavBg.gif) no-repeat 0px -96px;
	height: 32px;
	width: 14px;
	float: left;
}

#menu .lastItem{
	background:url(../pics/reiterNavBg.gif) no-repeat 100% -128px;
	height: 32px;
	width: 14px;
	float: left;
	margin-right: 5px;
}

.activeMenuItem {
	/*padding: 8px 5px 2px 5px;*/
	text-align: justify;
	/*background: #0099ff;*/
	background:url(../pics/reiterNavBg.gif) repeat-x left -64px;
	color: white;
	font-family: inherit;
	/* "nur" 24px hoch (statt 32px), weil padding in menu.jsp für Text-div gesetzt */
	height: 24px;
	width: auto;
	float: left;
	font-weight: bold;
}

#menu .activeFirstItem{
	background:url(../pics/reiterNavBg.gif) no-repeat left 0px;
	height: 32px;
	width: 14px;
	float: left;
}

#menu .activeLastItem{
	background:url(../pics/reiterNavBg.gif) no-repeat 100% -32px;
	height: 32px;
	width: 14px;
	float: left;
	margin-right: 5px;
}

#menu .menuItem a {
	display:block;
	text-decoration:none;
	color:rgb(62,62,62);
}

#menu .activeMenuItem a {
	display:block;
	text-decoration:none;
	color:white;
}


/*
	Buttons
*/
.buttonLeft {
	background:url(../pics/buttonBg.gif) no-repeat left 0px;
	height: 36px;
	width: 12px;
	float: left;
}

.buttonRight{
	background:url(../pics/buttonBg.gif) no-repeat 100% -36px;
	height: 36px;
	width: 12px;
	float: left;
}

.buttonContent {
	text-align: center;
	background:url(../pics/buttonBg.gif) repeat-x left -72px;
	color:rgb(62,62,62);
	font-family: inherit;
	/* "nur" 28px hoch (statt 36px), weil padding in menu.jsp für Text-div gesetzt */
	height: 28px;
	width: auto;
	font-weight: bold;
	font-family: inherit;
	float: left;
}

.ihreAuswahl {
	margin-bottom: 10px;
	margin-left: 10px;	
}

.ihreAuswahl div {
	margin-bottom: 4px;
}

.summaryElement {
	margin-bottom: 6px;
}


/*
	Auswahl Gesamtangebote	
*/
.auswahlGesamtTop {
	background:url(../pics/auswahl_gesamtBg.png) no-repeat 100% 0px;
	width: 506px;
	height: 11px;
	border: 0px;
}

.auswahlGesamtBottom {
	background:url(../pics/auswahl_gesamtBg.png) no-repeat 100% -108px;
	width: 506px;
	height: 11px;
	border: 0px;
}

.auswahlGesamtContent {
	background:url(../pics/auswahl_gesamtBg_content.png) repeat-y;
	width: 506px;
	min-height: 95px;
	height: auto;
	padding-bottom: 5px;
	border: 0px;
}

.auswahlGesamtGrey {
	background:url(../pics/auswahl_gesamtBg_grey.png) repeat-y;
	width: 506px;
	height: auto;
	padding-bottom: 5px;
	border: 0px;
}


.wishlistTop {
	background:url(../pics/wishlistBg_topTrans.png) no-repeat 100% 0px;
	width: 506px;
	height: 11px;
	border: 0px;
}

.wishlistContent {
	background:url(../pics/wishlistBg_contentTrans.png) repeat-y;
	width: 506px;
	min-height: 55px;
	height: auto;
	padding-bottom: 5px;
	border: 0px;
}

.wishlistBottom {
	background:url(../pics/wishlistBg_bottomTrans.png) no-repeat 100% 0px;
	width: 506px;
	height: 11px;
	border: 0px;
}




#input {
	/*
	padding: 7px;
	clear: left;
	*/
	background:url(../pics/form_background_10px.png) repeat-x;
}

#input td {
	/*
	padding: 3px;
	*/
}



.trennlinie {
	height: 4px;
	padding-bottom: 10px;
	margin: 0px;
	clear: both;
	background:url(../pics/trennlinie.gif) repeat-x;
}

select {
	width: 200px;
}


.fileExport {
	text-decoration: underline;
	font-weight: bold;
	text-align: center;
	padding: 5px;
	border-top: 1px solid black;
}

#alphabetLeiste {
	/* width = (body-Breite) minus (padding(left+right)) */
	width: 845px;
	margin-bottom: 15px;
	background-color: rgb(204,239,250);
	padding: 5px 0 5px 10px
}

.alphabetElement {
	font-family: inherit;
	font-weight: bold;
	color: inherit;
}

.activeAlphabetElement {
	font-family: inherit;
	font-weight: bold;
	color: #00addd;
}

.alphabetElement a {
	text-decoration:none;
	color:rgb(62,62,62);
}

.alphabetElement a:hover {
	text-decoration:none;
	color:#00addd;
}

.activeAlphabetElement a {
	text-decoration:none;
	color:red;
}

.language {
	color:#00addd;
	text-align: right;
	font-size: small;
		
	width: 845px;
	margin-bottom: 10px;
	padding: 5px 0 5px 10px
}


/*
	Vermarkter
*/
td.vermarkter-back {
	border-right: 1px dashed #00addd;
	width: 25px;
}


#bottom {
	clear: both;
}

.anleitung, .hinweise, .steckbrief {
	padding: 10px;
}

.steckbrief {
	margin: 0;
}

div#footer {
	padding-bottom: 20px;
}


form a:link {color:black; text-decoration:none; border: none}
form a:visited {color:black; text-decoration:none; border: none}
form a:active {color:black; text-decoration:none}
form a:hover {color:black; text-decoration:none}

a:link {color:rgb(62,62,62); text-decoration:none; border: none}
a:visited {color:rgb(62,62,62); text-decoration:none; border: none}
a:active {color:#00addd; text-decoration:none}
a:hover {color:#00addd; text-decoration:none}