/************************************************************/
/************************************************************/
/* This link styles defines the links in the main content	*/
/* the links of both menus are defined separately		 	*/
/************************************************************/
/************************************************************/

a:link {
	color: #cc9900/*#54686F*/; 
	font-size: 11px; 
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 
	text-decoration: none
	}
a:visited {
	color: #cc9900; 
	font-size: 11px; 
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 
	text-decoration: none
	}
a:active {
	color: #cc9900; 
	font-size: 11px; 
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 
	text-decoration: none
	}
a:hover {
	color: black; 
	font-size: 11px; 
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 
	text-decoration: none
	}

	
/************************************************************/
/************************************************************/
/* main styles for body and html objects					*/
/************************************************************/
/************************************************************/
html {
	height: 101%;
 	margin:0;
 	padding:0;
	/* display always scrollbar (firefox 100.05; opera 101) */ 
	/* da fuer opera nicht funzt "height: 101" */
	min-height: 100.5%; 
}	
	
body {
	height: 100%;
	background-image: url(../imgs/site-background.gif);
	background-color: #A1A9B2;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;	
	font-size: 11px; 
	line-height: 15px;
	color: black;
	font-weight: normal;
	font-style: normal;	
	text-align: center;
	margin: 0px;
	padding: 0px;
	margin-top: 0px;
	padding-top: 0px;
	overflow: show;
	SCROLLBAR-TRACK-COLOR: #FFFFFF;			/* Farbe des Verschiebewegs */
/*	scrollbar-base-color:#000000;			/* Basisfarbe des Scrollbalkens */
  	SCROLLBAR-3DLIGHT-COLOR: #FFFFFF;		/* Farbe für 3D-Effekt */
  	SCROLLBAR-ARROW-COLOR: #808080;			/* Farbe der Pfeile */
  	SCROLLBAR-DARKSHADOW-COLOR: #FFFFFF;	/* Farbe für Schatten */
  	SCROLLBAR-FACE-COLOR: #FFFFFF;;			/* Farbe der Oberfläche */
  	SCROLLBAR-HIGHLIGHT-COLOR: #808080;		/* Farbe für oberen und linken Rand */
  	SCROLLBAR-SHADOW-COLOR: #808080;		/* Farbe für unteren und rechten Rand */
/*	scrollbar-base-width: 2px;*/
  
}


/************************************************************/
/************************************************************/
/* General styles for top level container and table			*/
/************************************************************/
/************************************************************/
	
#containerAll {
	width: 719px;
	BACKGROUND-IMAGE: url(../imgs/background.jpg); 
	margin: 0 auto;
	height: 100%;
	text-align: center;
}


table {
	WIDTH: 719px;
	TABLE-LAYOUT: auto;
	EMPTY-CELLS: show;
	BORDER-STYLE: none;
}


/************************************************************/
/************************************************************/
/* style definitions for the top menu						*/
/************************************************************/
/************************************************************/

#topTable {
	margin: 0px;
	padding: 0px;
	height: 124px;
}

#topMenuTD {
	width: 535px;
	height: 98px;
	BACKGROUND-COLOR: white;
	margin: 0px;
	padding-top: 16px;
	padding-left: 20px;
	vertical-align: top;

}

#topMenuContainer {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;		
	font-size: 11px;
	font: 11px/15px; 
	line-height: 15px;
	color: black;
	font-weight: normal;
	font-style: normal;	
	text-align: left;
	margin: 0px;
	padding: 0px;
}

#topMenuContainer a{
	color: #A3ACAE;
}

/************************************************************/
/************************************************************/
/* The following styles are needed for the drop down menu	*/
/* used in the main menu									*/
/************************************************************/
/************************************************************/

ul {
	padding: 0 0 0 0;
	margin: 0;
	list-style: none;
 	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;		
	font-size: 11px;
	color: #54686F;
	font-weight: bold;
	font-style: normal;
	font-stretch: expanded;	
	text-align: center;
}

#nav A {
	FONT-WEIGHT: bold; 
	TEXT-DECORATION: none;
}


#nav LI LI A {
	PADDING-RIGHT: 10px; 
	DISPLAY: block; 
	PADDING-LEFT: 10px; 
	FONT-WEIGHT: bold; 
	PADDING-BOTTOM: 4px; 
	COLOR: #54686F; 
	PADDING-TOP: 4px;
}

#nav LI LI A:visited {
	COLOR: #54686F; 
}

#nav LI LI A:link {
	COLOR: #54686F; 
}

#nav LI LI A:active {
	COLOR: #54686F; 
}

#nav LI LI A:hover {
	PADDING-RIGHT: 5px; 
	PADDING-LEFT: 5px; 
	PADDING-BOTTOM: 4px; 
	COLOR: white; 
	PADDING-TOP: 4px; 
}

#nav li {
	BORDER-RIGHT: #7d6340 0px solid; 
	FLOAT: left; 
	BORDER-LEFT: #7d6340 0px solid; 
	WIDTH: 128px;/*104px;*/ 
	CURSOR: default; 
	POSITION: relative; 
	TEXT-ALIGN: center;
}

#nav li a  {
	COLOR: #54686F; 
}

#nav li a:hover  {
	COLOR: black; 
}

#inactive  {
	COLOR: #cc9900; 
}

LI UL {
	PADDING-RIGHT: 0px; 
	DISPLAY: none; 
	PADDING-LEFT: 0px; 
	FONT-WEIGHT: bold; 
	BACKGROUND: url(../imgs/dropDownBackground.gif) no-repeat left bottom; 
	LEFT: 0px; 
	PADDING-BOTTOM: 1em; 
	PADDING-TOP: 0.5em; 
	POSITION: absolute; 
	TOP: 100%
}

UNKNOWN {
	LEFT: auto; 
	TOP: auto
}

LI LI {
	BORDER-TOP-WIDTH: 0px; 
	DISPLAY: block; 
	BORDER-LEFT-WIDTH: 0px; 
	FLOAT: none; 
	BORDER-BOTTOM-WIDTH: 0px; 
	BACKGROUND-COLOR: #D7DCE1; 
	BORDER-RIGHT-WIDTH: 0px
}

LI:hover UL {
	DISPLAY: block
}

LI.over UL {
	DISPLAY: block
}

/* end style definition for drop down */



/************************************************************/
/************************************************************/
/* main navigation styles			 						*/
/************************************************************/
/************************************************************/

#mainMenuTD {
	width: 535px;
	BACKGROUND-COLOR: #D7DCE1;
	VERTICAL-ALIGN: middle;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	height: 26px;
	letter-spacing:0.1em;
}

#mainMenuTDLast {
	width: 11px;
	height: 26px;
	BACKGROUND-COLOR: white;
	BACKGROUND-IMAGE: url(../imgs/menuBackground.gif); 
}

#mainMenuTDRight {
	width: 184px;
	height: 26px;
	BACKGROUND-COLOR: white;
}


/************************************************************/
/************************************************************/
/* main content styles			 							*/
/************************************************************/
/************************************************************/

#mainContentTable {
	background-color: #D7DCE1;
}

#headerImageTD {
	width: 535px;
	height: 129px;
	background-color: white;
}

#rightColTD {
	width: 184px;
	BACKGROUND-COLOR: #E9ECEF;
	padding-top: 10px;
	margin: 0px;
	vertical-align: top;
}
/*
.contentSpacerTop {
	height: 30px;
	BACKGROUND-COLOR: #D7DCE1;
	margin-bottom: 30px;
	padding-bottom: 30px;
	padding-left: 100px;
	z-index: 0;
}
*/

.contentOneTD {
	width: 393px;
	BACKGROUND-COLOR: #D7DCE1;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	padding-left: 100px;
	padding-right: 42px;
}

#top {
	padding-top: 30px;
}

#bottom {
	height: 29px;
}

.twoColsText {
	width: 395px;
	padding-left: 100px;
	padding-right: 40px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.rightColText {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;		
	font-size: 10px;
	font: 10px/15px; 
	line-height: 13px;
	color: black;
	font-weight: normal;
	text-align: left;
	margin-left: 15px;
	padding-left: 4px;
	padding-top: 0px;
	margin-top: 5px;
	margin-bottom: 0;
	padding-bottom: 10px;
	width: 142px;
	border-bottom: 2px dotted #98A9BC;
}

#rightColTextLast {
	border-bottom: none;
}

.dashedDiv {
	BORDER-bottom: 2px dotted #98A9BC;
	height: 20px;
	width: 415px;
}

.dashedRow {
	text-align: right;
	padding-left: 80px;
	padding-right: 40px;
	padding-top: 0px;
	padding-bottom: 17px;
}




/* reference site */
.referenceRightCol{
	width: 130px;
	border-bottom: 2px dotted #98A9BC;
	padding-top: 10px;
	padding-bottom: 10px;
}

#referenceRightColLast{

	border:none;
	padding-top: 10px;
	padding-bottom: 10px;
}

.contentTDFirstReference {
	width: 186px;
	BACKGROUND-COLOR: #D7DCE1;
	padding-top: 15px;
	padding-left: 100px;
}

.contentTDSecondReference {
	width: 186px;
	BACKGROUND-COLOR: #D7DCE1;
	padding-top: 15px;
	padding-left: 21px;
	padding-right: 42px;
}

/* team site */
.contentTDFirstTeam {
	width: 98px;
	BACKGROUND-COLOR: #D7DCE1;
	padding-top: 0px;
	padding-left: 100px;
}

.contentTDSecondTeam {
	width: 269px;
	BACKGROUND-COLOR: #D7DCE1;
	padding-top: 0px;
	padding-left: 26px;
	padding-right: 42px;
}

#zitat {
	font-style: italic;
	font-weight: bold;
}

/************************************************************/
/************************************************************/
/* img styles				 								*/
/************************************************************/
/************************************************************/
img {
    margin: 0px;
    padding: 0px;
    border: 0px;
}

.boxImage {
	float: left;
	margin-right: 10px;
	margin-top: 4px;
}

#produktImage{
	float: left;
	margin-right: 10px;
	/* margin-left: -10px; */
	margin-left: -42px;
	margin-top: -12px;
	padding-top: 0px;
}

#produktImageRight{
	float: right;
	margin-right: -33px;
	margin-top: -4px;
	padding-top: 0px;
}

#template {
    border: 1px solid black;
}

/************************************************************/
/************************************************************/
/* headline styles			 								*/
/************************************************************/
/************************************************************/

hr {
	border: none; /*2px dotted #98A9BC;*/
	width: 130px;
	height: 2px;
	margin: 2px 0px 2px 7px;
	padding: 0;
	text-align: left;
	background: url(../imgs/dottedLineRight.gif);
}

h1,h2,h3,h4,h5 {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;		
	font-size: 12px;
	font-weight: bold;
	color: #2C629D;
	text-align: left;
	/* oben, rechts, unten, links */
    margin-bottom: 8px;
    padding: 0px;
}

h1.rightColHeader {
	font-style: normal;
	font-variant: small-caps;
	text-align: center;
}

h2.rightColNews {
	font-style: normal;
	font-weight: bold;
	text-align: left;
	color: #999999;
	/*border-bottom: 2px dotted #98A9BC;*/
	width: 130px;
	margin-left: 15px;
	padding-left: 4px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	margin-top: 10px;
	
}

h2 {
	font-weight: normal;
}

h3 {
	font-size: 10px;
	font-weight: bold;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

h1.specialOffer {
	font-style: normal;
	font-variant: small-caps;
	margin-bottom: 2px;
	color: #FE9A0B;
	margin-left: 15px;
	padding-left: 4px;
	padding-bottom: 0px;
}

h1.routenPlaner {
	margin-left: 8px;
}

/************************************************************/
/************************************************************/
/* span text styles	 										*/
/************************************************************/
/************************************************************/	
#redE {
	color: #CC9900;
	font-style: normal;
	font-weight: bold;
}

h1 #redE {
	color: #CC9900;
	font-style: normal;
	font-weight: bold;
}

.pipe {
	color: #A3ACAE;
}

/************************************************************/
/************************************************************/
/* content text styles	 									*/
/************************************************************/
/************************************************************/	

.mainContentText {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;	
	font-size: 11px;	
	font: 11px/15px; 
	line-height: 15px;
	color: black;
	font-weight: normal;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.caption {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;	
	font-size: 11px;	
	font: 11px/15px; 
	line-height: 15px;
	color: #2C629D;
	font-weight: normal;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.subHeadline {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;	
	font-size: 11px;	
	color: #2C629D;
	text-align: left;
	margin-top: -6px;
	padding-top: 0px;
	margin-bottom: 8px;
}

.mainContentBox {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;		
	font-size: 11px;	
	font: 11px/15px; 
	line-height: 15px;
	color: black;
	font-weight: normal;
	text-align: left;
	background-color: #E9ECEF;
	border: 1px dotted #494949;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 10px 10px 10px 10px;
}

#spacing{
	margin-bottom: 15px;
}



/************************************************************/
/************************************************************/
/* list styles			 									*/
/************************************************************/
/************************************************************/	

ol, .listLeistungen {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	line-height: 15px;	
	font: 11px/15px; 
	font-weight: normal;
	font-style: normal;	
	color: black;
	list-style-type: bullet;
	list-style-image:url(../imgs/listBullet.gif);
	text-align: left;
	/* oben, rechts, unten, links */
    margin: 7px 0 0 17px;
    padding: 0px 0 0 0;
}


/************************************************************/
/************************************************************/
/* Form styles contact	 									*/
/************************************************************/
/************************************************************/	
	
#formContainer {
	border: 1px dotted black;
	width: 391px;
	background-color: #D7DCE2; /* #E8ECEF; */ 
	margin-top: 15px;
}

form {	
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;	
	font-size: 11px;	
	font: 11px/15px; 
	font-weight: normal;
	font-style: normal;
	color: black;
	text-align: left;
	padding-left: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.formRow {
	padding-top: 6px;
	background-color: #D7DCE2; 
}	

.formRowLight {
	padding-top: 6px;
	background-color: #E8ECEF; 
}
	
label {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;	
	font-size: 11px;
	line-height: 15px;	
	font: 11px/15px;  
	font-weight: normal;
	font-style: normal;
	width: 160px;
	float: left;
	padding-left: 5px;
}	



input {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;	
	font-size: 11px;  
	font-weight: normal;
	font-style: normal;
	color: black;
	border: solid 1px #A8ABB0;
	height: 20px;
	width: 200px;
}

#plz {
	width: 36px;
}

#ort {
	width: 158px;
}

.required {
	font-weight: bold;
}

#requiredNormal{
	font-weight: normal;
}

#error {
	color: red;
	font-weight: bold;
}


select {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;	
	font-size: 11px; 
	font-weight: normal;
	font-style: normal;
	color: black;
	size: 1;
	width: 150px;
}	

textarea {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;	
	font-size: 11px; 
	font-weight: normal;
	font-style: normal;
	color: black;
	border: solid 1px #A8ABB0 /*#2C629D*/;
	height: 100px;
	width: 200px;
}

#button {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;	
	font-size: 11px; 
	color: black;
	background-color: #E8ECEF;  
	border: 1px solid #A8ABB0 /*#2C629D*/; 
	width: 90px; 
	height: 25px;
	margin-top: 4px;
	margin-left: 5px;
	padding: 2 2 2 2;
}

/************************************************************/
/************************************************************/
/* Form styles template chooser								*/
/************************************************************/
/************************************************************/	
select.templateSelection {
	width: 200px;
}

label.templateSelection {
	padding-left: 0;
}

input.numberPages {
	width: 20px;
	padding: 0;
	margin: 0;
}




/************************************************************/
/************************************************************/
/* Form styles web.de routenplaner		 					*/
/************************************************************/
/************************************************************/	

/* Star-HTML Hack only IE interprets this */
* html #startImage {
	margin-bottom: -4px;
}

#startImage {
	margin-left: 8px;
	margin-bottom: 0px;
	padding: 0 0 0 0;
}

#webdeFormContainer {
	width: 165px;
	height: 60px;
	border: solid 1px blue;
	background-color: white;
	margin-top: 0px;
	margin-left: 8px;
	margin-right: 3px;
	padding-left: 4px;
	padding-top: 4px;
}

#webdeForm {
	margin-top: 0px;
	padding-top: 0px;
}

.hiddenFields {
	width: 0px;
	height: 0px;
	margin: 0px;
	padding: 0px;
}

#streetInput {
	width: 155px;
	height: 20px;
	margin: 0px;
	padding-left: 2px;
}

/* Star-HTML Hack only IE interprets this */
* html #plzInput {
	margin-left: -8px;
}

#plzInput {
	width: 45px;
	height: 20px;
	margin-top: 2px;
	padding-left: 2px;
}

#cityInput {
	width: 107px;
	height: 20px;
	margin-top: 2px;
	padding-left: 2px;
}

#formButton {
	width: 143px;
	height: 27px;
	margin-left: 8px;
	margin-top: 5px;
	border: none;
}
/************************************************************/