html, body {
	height: 101%;
	background:#CDCDCD none repeat scroll 0%;
	margin:0px;
	padding:0px;
	font-size: 0.9em;
	color:#000000;
	font-family:verdana,arial,helvetica,sans-serif;
}


a {color: #0000A0;}
a:visited {color:#0000A0;}
a:hover {color: #000;}
a:active { color:#000;}

h1 {
	font-size: 1.3em;
	text-transform:uppercase;
	color:#0000A0;
	margin: 5px;
	margin-top: 15px;
	padding: 2px;
}

h2 {
	font-size:1.3em;
	font-weight: normal;
	padding: 5px 10px;
	margin:0px;
}

h3,
h3 a,
h3 a:visited
{
	font-size:1.1em;
	font-weight: bold;
	padding: 5px 10px;
	margin:0px;
	text-decoration:none;
	color:#000040;
}
a:hover h3
{
	text-decoration:underline;
}


h4 {
	font-size:1.1em;
	font-weight: normal;
	padding: 5px 10px;
	margin:0px;
}



/* ----------container zentriert das layout-------------- */
#DivWrapper {
	background-color:#F5F5F5;
	border:1px solid #999999;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	text-align:left;
	width:1010px;
}

.DivContent {
	background-color:#F5F5F5;
	border:0px solid #999999;
	font-family:Verdana,Arial,sans-serif;
	padding-left: 20px;
	margin: 0px;
	width:770px;
	float: left;
}
div .DivContentbreit {
	border:0px solid #999999;
	width:980px;
}
.DivClearboth {
	clear:both;
	padding:0;
	margin:0;
	height: 2px;
	font-size: 2px;
}



/* *********** Header ********************* */


#Header {
	height: 98px;
	background-image: url(/img/header.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	position: relative;
}

#Header h1 {
	font-size: 1px;
	text-align: right;
	color: #555555;
	margin: 0;
	padding: 0;
}



/* *********** Infobox Mitte ********************* */
div.divinfoanbieter {
	font-size: 0.9em;
}

/* *********** Infobox Mitte ********************* */
div#infoBox {
	overflow: auto;
	margin: 0px;
	
}
div.infoBoxneu {
	display: none;
}


/* *********** Naviagtion ********************* */

.Navigation  {
	height: 1.2em;
	background-color: #DBDBDB;
	color: #272900;
	padding: 6px 0;
	border-top: 1px solid #6D6D6D;
	border-bottom: 1px solid #6D6D6D;
	
}

.Navigation  ul {
	margin: 0 0 0 10px;
	padding: 0;
	list-style-type: none;
}

.Navigation  li {
	display: inline;
	padding: 0 10px;
}

.Navigation  li a,
.Navigation  a.rechts
 {
	text-decoration: none;
	color: #272900;
}

.Navigation  li a:hover,
.Navigation  a:hover
 {
	text-decoration: underline;
	color: #000;
}

.Navigation Rechts {
	margin-left: 2px !important; 
	float: left !important;
	float: right;
}


.Navigation   a.rechts {
	float: right;
	margin-right: 30px;
	
}
.Navigation  a.rechts img{
	border: 0;
	margin: 0px;
	margin-left: 5px;
}




/* *********** Sub Naviagtion ********************* */

.SubNavigation {
	border-top: 0px ;
	background: #FFF4BC url(/img/bg/bg_box_login.jpg);
	margin: 0px;
}

#SubNavigation ul {
	margin: 0 0 0 0px;
	padding: 0;
	list-style-type: none;
}

#SubNavigation li {
	display: inline;
	padding: 0 3px;
}

#SubNavigation li a,
#SubNavigation a.rechts
 {
	text-decoration: none;
	color: #272900;
}

#SubNavigation li a:hover,
#SubNavigation a:hover
 {
	text-decoration: underline;
	color: #000;
}

#SubNavigation {
	margin-left: 2px !important; 
	float: left !important;
	float: right;
}


#SubNavigation  a.rechts {
	float: right;
	margin-right: 10px;
	
}
#SubNavigation a.rechts img{
	border: 0;
	margin: 0px;
	margin-left: 1px;
}





/* *********** Teaser Werbung ********************* */

#TeaserW {
	background-color:#F5F5F5;
	float: left;
	width: 180px;
	margin-bottom: 4px;
	border:1px solid #999999;
	padding: 0px;
	margin: 0px;
	margin-top: 58px;
	margin-left: 20px;
}

#TeaserW p.anzeige
 {
	background-color: #DBDBDB;
	color: #272900;
	margin: 0px;
	padding: 7px 8px;
	border-bottom: 1px solid #6D6D6D;
	background: url(/img/bg/bg_teaser_h3.jpg);
	font-size: 0.85em;
	line-height: 1.3em; 
}

/* *********** Teaser ********************* */



#Teaser {
	background-color:#F5F5F5;
	float: left;
	width: 180px;
	margin-bottom: 4px;
	border:1px solid #999999;
	padding: 0px;
	margin: 0px;
	margin-top: 45px;
	margin-left: 20px;
}
#Teaser h3,
#Teaser p.anzeige
 {
	padding: 7px;
	margin: 0px;
	background-color: #DBDBDB;
	color: #272900;
	font-size: 1em;
	padding: 7px 8px;
	border-bottom: 1px solid #6D6D6D;
	background: url(/img/bg/bg_teaser_h3.jpg);
}

#Teaser img{
	padding: 0px;
	margin: 0px;

}
#Teaser p, #Teaser a {
color: #333333;
}
#Teaser p{
	padding: 7px;
	margin: 0px;
	font-size: 0.85em;
	line-height: 1.3em; 
}

#Teaser ul {
	padding: 0px;
	margin: 0px;
}
#Teaser ul.info li {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	list-style-image: none;
	background: url(/img/bg/bg_teaser_liste.jpg) repeat-x scroll 0pt 0px;
}


#Teaser ul.info li img.icon {
	padding: 2px;
	padding-left: 5px;
	padding-right: 5px;
	margin: 0px;
}

#Teaser ul.liste li {
	display: block;
	padding: 5px;
	padding-left: 25px;
	margin: 1px;
	list-style-type: none;
	list-style-image: none;
	background: url(/img/bg/bg_teaser_li-aktiv.jpg) no-repeat scroll 0pt 0px;
}	
#Teaser ul.info li a {
	display: block;
	padding: 5px;
	padding-left: 25px;
	margin: 1px;
	list-style-type: none;
	list-style-image: none;
	background: url(/img/bg/bg_teaser_li.jpg) no-repeat scroll 0pt 0px;
	text-decoration: none;
	color:#013569;
	font-weight:bold;
	font-size:12px;
}



#Teaser ul.info a.aktiv,
#Teaser ul.info li a:hover
{
	background: url(/img/bg/bg_teaser_li-aktiv.jpg) no-repeat scroll 0pt 0px;
}

#Teaser span.breit {
	display: block;
	padding: 5px;
	border-bottom: 1px solid #6D6D6D;
	font-size: 0.8em;
}
#Teaser a span.breit {
	text-decoration: none;
}
#Teaser a:hover span.breit {
	background: url(/img/bg/weiss_trans80.png);
}

.klein a,
.klein a:visited {
	font-size: 0.8em;
	color:#000062;
}


/* -----------footer--------------------------- */
#footer {
	clear: both;
	margin: 0px;
	padding: 10px;
	padding-top: 20px;
	text-align: center;
	margin-right: 220px;
	font-size: 0.8em;
}
#footer a,
#footer a:visited {
	color:#000062;
}

#footer .klein {
	color:#808080;
}

/* ----------- sonstiges --------------------------- */

.klein {
	font-size: 0.8em;
}



.rechts {
	text-align: right;
}
.fett {
	font-weight: bold;
}
.nfett {
	font-weight: normal;
}

.zentriert {
	text-align: center;
}

.kursiv {
	font-style: italic;
}
.warn {
	font-weight: bold;
	color: #FF0000;
}
.ok {
	font-weight: bold;
	color: #008000;
}

div#DivZoomAnzeige {
	width: 30px;
}






/* *********** Boxen ********************* */

div.box {
	clear: both;
	float: left;
	width:100%; 
	border:solid 1px #999999; 
	margin-top: 10px;
	background: #FFF;
	padding: 0px;
}

div.box h2 {
	background: url(/img/bg/bg_teaser_h3.jpg);
	border-bottom:solid 1px #999999; 
	padding: 10px;
}
div.box p {
	padding: 10px;
}

div.box a img {
	border:0; 
	padding: 10px;
	padding-top: 0px;
}

div.box div.box2 {
	border-bottom:solid 1px #999999; 
	clear: both;
	padding: 10px;
}
div.box div.last {
	border:0; 
}



div.box img.links {
	float: left;
}
div.box img.rechts {
	float: right;
	margin: 5px;
}

div.boxgelb {
	clear: both;
	margin: auto;
	margin-top: 5px;
	margin-bottom: 5px;
	background: #FFF5BD url(/img/bg/bg_box_gelb.jpg);
	border:solid 1px #F2CF09; 
	width:99%; 
}
div.boxgelb h3 {
	background: url(/img/bg/bg_box_gelb_h3.jpg);
	border-bottom:solid 1px #FFF; 
	padding: 10px;
}
div.boxgelb p {
	padding: 10px;
}




div.gelb2{
	margin-top: 10px;
	margin-bottom: 10px;
	background: #FFF;
}

div.gelb2 h4 {
	font-weight: bold;
}
div.gelb2 p {
	padding: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
}

div.gelb3{
	margin-top: 10px;
	margin-bottom: 10px;
	background: #FFF;
	border: solid 1px #FAE4B8;
}


div.mapsboxgelb {
	clear: both;
	margin-top: 5px;
	margin-bottom: 5px;
	background: #FFF5BD url(/img/bg/bg_box_gelb.jpg);
	border:solid 1px #F2CF09; 
	width:200px; 
	padding: 10px;
}





/* *********** Tabelle News ********************* */
table.news {
	border: 1px solid #CCCCCC;
	width: 100%;
	background: #FFF;
	border-collapse:collapse;
	margin:0;
	padding:0;
}
table.news  th {
	padding: 10px 7px;
	border-top: 1px solid #CCCCCC;
	background: #EEEEEE;
}
table.news  td {
	padding: 10px 7px;
	border-top: 1px solid #CCCCCC;
}
table.news td a {
	text-decoration: none;
	font-weight: bold;
}




/* *********** Tabelle Verfuegbarkeit ********************* */


table.verfuegbar {
	border: 1px solid #999999;
	width: 100%;
	background: #FFF;
}
.tableRI td {
	padding:5px;
}

table.verfuegbar td.ue {
	background-color: #CCCCCC;
	font-weight: bold;
}
table.verfuegbar td {
	background-color: #FFFCEC;
}




/************* Form Admin ********************/


table td,
table th
 {
	padding: 4px 7px;
	vertical-align: top;
}

table td.aktuell {
	background: #FFF4BC url(/img/bg/bg_box_login.jpg);
}

table td.fett {
	font-weight: bold;
}
table td.rechts {
	text-align: right;
}



table.statistik {
	border: 1px solid #CCCCCC;
	width: 98%;
	background: #FFF;
	border-collapse:collapse;
	margin-top:10px;
	margin-bottom:10px;
	padding:0;
	margin-right:auto;
	margin-left:auto;
}
table.statistik  th {
	padding: 10px 7px;
	border-top: 1px solid #CCCCCC;
	background: #EEEEEE;
}
table.statistik  td {
	padding: 10px 7px;
	border-top: 1px solid #CCCCCC;
}
table.statistik td a {
	text-decoration: none;
	font-weight: bold;
}





table td.test {
	padding: 4px 7px;
	text-align: left;
	vertical-align: top;
	border-top: 1px solid #EEEEEE;
}

table.AnbieterEintrag {
	width: 100%;
}


table.produkte {
	width:380px;
	float:right;
	border-left: 3px solid #FFF;
} 


table.produkte td {
	font-size: 90%;
	padding: 4px 7px;
	border-top: 1px solid #fff;
	text-align: left;
	vertical-align: top;
}


table td.preis {
	font-weight: bold;
	text-align: right;
	white-space: nowrap;
}
table td.nwrap {
	white-space: nowrap;
}



/* BB Admin */

table.umts {
	width:auto;
	border: 0px solid #FFF;
	background: #FFF;
} 

table td.preis {
	font-weight: normal;
	text-align: right;
	white-space: nowrap;
}
table td.fett {
	font-weight: bold;
}

table.umts td.ges {
	background: #FFF5BD;
} 




/* BB Admin */
form.BBAdmin input,
form.BBAdmin textarea
 {
	width: 300px;
	border: 1px solid #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	padding:2px;
	
}
form.BBAdmin input#submit {
	width: auto;
}
form.BBAdmin input.name {
	font-weight: bold;
	width: 300px;
}

form.BBAdmin textarea.beschreibung {
	width: 300px;
	height: 200px;
}

form.BBAdmin input.ue {
	width: 500px;
	font-weight: bold;
}
form.BBAdmin textarea.gross {
	width: 500px;
	height: 250px;
}

form.BBAdmin input.preis {
	width: 50px;
	text-align: right;
}

form.BBAdmin input.plz,
form.BBAdmin input.nr
{
	width: 50px;
}

form.BBAdmin input.strasse, 
form.BBAdmin input.ort { 
	width: 190px; 
}

form.BBAdmin select {
	width: 180px;
}

form.BBAdmin input.www {
	width: 150px;
}

form.BBAdmin select.auto {
	width: auto;
}
form.BBAdmin .cbox {
	width: 25px;
}


form.BBAdmin td.ue {
	border: 1px solid #000;
	background-color: #CCCCCC;
	font-weight: bold;
	width: 300px;
	padding:4px;
	
}




/* U Admin */
form.UAdmin input,
form.UAdmin textarea
 {
	width: 250px;
	border: 1px solid #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	padding:2px;
	
}
form.UAdmin input#submit {
	width: auto;
}
form.UAdmin input.name {
	font-weight: bold;
	width: 250px;
}

form.UAdmin textarea.beschreibung {
	width: 300px;
	height: 50px;
}

form.UAdmin input.ue {
	width: 500px;
	font-weight: bold;
}
form.UAdmin td.tdsubmit {
	padding: 25px;
	text-align: right;
}

form.UAdmin .cbox {
	width: 25px;
}

form.UAdmin .anmeldung {
	width: 120px;
}


form.UAdmin input.plz,
form.UAdmin input.nr
{
	width: 50px;
}

form.UAdmin input.strasse, 
form.UAdmin input.ort { 
	width: 190px; 
}

form.UAdmin select {
	width: 200px;
}

form.UAdmin select.auto {
	width: auto;
}


form.UAdmin td {
	padding:10px;
}
form.UAdmin td.ue {
	border: 1px solid #CDCDCD;
	background-color: #EFEFEF;
	font-weight: bold;
	padding:20px;
	text-align: center;
}







div.teaserNews {
	background: #FFF;
	margin-top:5px;
}
div.teaserNews a {
	text-decoration: none;
	font-weight: bold;
	color: #cdcdcd;
}








div.info {
	float: left;
	padding: 0px;
	padding-left: 2px;
	padding-right: 15px;
}

div.anm {
	float: left;
	margin: 3px;
}




div#map {
	width: 400px;
	height: 280px;
	border:1px solid #999999;
}
#map.MapGross {
	width: 768px;
	height: 540px;
	border:1px solid #999999;
}	
#DivWaitInfo {
	height: 10px;
	margin: 0px;
}


/****** Form Map Ortssuche******/
form.mapOrtSuche {
	padding: 0px;
	margin: 0px;
}
form.mapOrtSuche {
	padding: 0px;
	margin: 0px;
	padding-left: 25px;
}
form.mapOrtSuche .suchfeld {
	border:1px solid #9F989F;
	width: 130px;
	padding:0px;
}	



/****** Form Map Techniken ******/
form.mapTechnik {
	padding: 0px;
	margin: 0px;
}

form input.plz,
form input.vorwahl
{
	width: 50px;
}
form input.ort
{
	width: 150px;
}




/****** Form Anmeldung ******/
form.FormEingabe{
	border:1px solid #9F989F;
}
form.FormEingabe td {
	vertical-align: top;
}
form.FormEingabe h2 {
	background-color: #FFF;
	border: 1px solid #CDCDCD;
}




/****** Form Passwort zuschicken ******/
form input.formcheck {
	display: none;
}





span.nix {
	color: #9B9B9B;
	font-size: 0.8em;
	margin-left: 3px;
}
span.nix:hover {
	color: #000;
}

br.clear {
	clear: both;
}

#loading {
	position: absolute;
	width:  10em;
	text-align: center;
	padding: 2em;
	border: 4px groove #fff;
	background-color: #fff;
	margin-left: auto;
	margin-right: auto;
	z-index: 100;
}


#divlogin {
	position:absolute; 
	border: 1px solid #6D6D6D; 
	background: #FFF4BC url(/img/bg/bg_box_login.jpg);
	visibility: hidden;
}
.divlogin table {
	margin: 5px;
	border: 0;

}
/*********** kleine Icons **********/ 


h3 a.icon {
	margin: 0;
	padding: 0;
}	





a.icon {
	width: 20px;
	height: 20px;
	float: right;
	margin: 0;
	padding: 0;
	cursor: pointer;
	margin-right: 2px;
	margin-left: 2px;
	display:block;
	border: #cdcdcd 0px solid; 
	background: transparent url(/sys/icons.gif) no-repeat;
}


a.edit{
	background-position: -20px 0px;
}
a.edit:hover {
	background-position: -20px -20px;
}
a.del{
	background-position: 0px 0px;
}
a.del:hover {
	background-position: 0px -20px;
}
a.add{
	background-position: -60px 0px;
}
a.add:hover {
	background-position: -60px -20px;
}
a.info{
	background-position: -40px 0px;
}
a.info:hover {
	background-position: -40px -20px;
}
a.rauf{
	background-position: -80px 0px;
}
a.rauf:hover {
	background-position: -80px -20px;
}
a.runter{
	background-position: -100px 0px;
}
a.runter:hover {
	background-position: -100px -20px;
}

a.ja{
	background-position: -120px 0px;
}
a.ja:hover {
	background-position: -120px -20px;
}

a.nein{
	background-position: -140px 0px;
}
a.nein:hover {
	background-position: -140px -20px;
}


a.karte{
	background-position: -180px 0px;
}
a.karte:hover {
	background-position: -180px -20px;
}

a.referenz{
	background-position: -200px 0px;
}
a.referenz:hover {
	background-position: -200px -20px;
}