/*######## Basis Style ########*/

body {
font-family: Arial, Helvetica, Geneva, sans-serif; font-size: 62.5%;
background-color:#82A7D1;
color:#EEE;
text-align: center;
background-image:url("img/main_bg.jpg");
background-repeat:repeat-x;
height:100%;
}

body, h1, h2, h3, h4, h5, h6, div, p, table, td, ul, ol, li, dd, dt, dl, blockquote, address, hr, pre, form, fieldset,legend {
margin: 0;
padding: 0;
}

p, li, div, h1, h2, h3, h4, h5, h6 {
font-weight: normal;
font-size: 1em;
}

html>body .moz-bug
{
clear:both;
}

td{vertical-align:top}
ul, li{list-style:none}
img,fieldset{border:0}

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-table;}
 /* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*######## Ende Basis Style ########*/

/*######## Container ########*/

#head, #header
{
text-align:center;
padding:10px;
min-height: 60px;
}
* html #head, * html #header{
	height: 60px;
}
#del
{
height:1000px;	
}

#navi
{
position:fixed;
bottom:0;
left:0;
width:100%;
padding:15px 0 5px 0;
background-color:#82A7D1;

}

#inhalt
{
margin:25px 0 5em 0;
padding:0 2em;
}

div#google
{
position:absolute;
top:250px;
right:20px;
width:200px;
}

/*######## Ende Container ########*/

/*######## Menus ########*/

#head dt{float:left;}
#navi ul
{
font-size:1.2em;
margin: 0;
padding: 0 0 6px 0;
text-align:center;
}
*+html #navi_container {
	width: 100%;
	margin: 0;
	padding: 0;
}

#navi li
{
display: inline;

}

#navi a:link, #navi a:visited
{
text-decoration: none;
color:#CCC;
font-weight:bold;
border: 1px solid #005177;
padding:3px 10px;
background-image:url("img/menu_bg.png");
background-repeat:no-repeat;
background-position:left top;

}

#navi a:hover
{
border: 1px solid #005177;
color:#DDD;
background-image:url("img/menu_bg_hover.png");
}

ul#lang
{
margin-bottom:1.5em;	
}
ul#lang li
{
display:inline;	
margin-right:1.0em;
}

ul#lang li a
{
background-position:left center;
background-repeat:no-repeat;
padding-left:23px;	
font-size:1.2em;
}
ul#lang li a.de
{
background-image:url("img/de.gif");	
}

ul#lang li a.en
{
background-image:url("img/en.gif");	
}

ul#lang li a.nl
{
background-image:url("img/nl.gif");	
}

/*######## Ende Menus ########*/

/*######## Formular ########*/

form#filter
{
margin:25px auto;
border:2px solid #555;
width:650px;
}

#formularkopf
{
color:#EEE;
background:#666;
/*background-color:#82A7D1;*/
line-height:1.8em;
padding:15px;
text-align:left;
}

form#filter #formularkopf p
{
margin:0.3em 0;
padding:0;
}

form#filter fieldset
{
color:#555;
background-color:#82A7D1;
padding-bottom:15px;
margin:auto;
}

form#filter fieldset dl
{
float:left;
text-align:left;
font-size:1.1em;
padding:5px 10px;	
}

form#filter fieldset dl dt
{
margin-bottom:7px;
}

form#filter fieldset #Name-Stichwort
{
width:250px;
}
form#filter fieldset #PLZ
{
width:40px;
}


legend
{
display:none;
}

input,select
{
color:#555;
background-color:#C1D3E8;
border:1px solid #069;
font-family: Arial, Helvetica, Geneva, sans-serif;
}

input[type="submit"]
{
cursor:pointer;	
}

label
{
cursor:pointer;		
}


/*######## Ende Formular ########*/


/*######## Allgemein ########*/
h1
{
font-size:1.5em;
font-weight:bold;
}

h2,h3
{
font-size:1.3em;
}

a, a:link, a:visited
{
color:#CCC;
text-decoration : none;
}
a:hover
{
color:#DDD;
}

/*######## Ende Allgemein ########*/

/*######## Inhalt ########*/

div#inhalt p
{
margin:auto;
padding:15px 0;
font-size:1.1em;
text-align:left;
}
/* *=stadt-links */

ul#city-links
{
margin:2.0em 0;
font-size:1.1em;
}
ul#city-links li
{
display:inline;
margin-right:0.2em;
}
html>body ul#city-links li
{
white-space:nowrap;
}

* html ul#city-links li
{
margin:0 0.6em;
}
*+html>body ul#city-links li
{
white-space: normal !important;
margin:0 0.6em;
}

ul#city-links li:first-child:before
{
content:"";
}
ul#city-links li:before
{
content:"|";
margin-right:0.2em;
}

/* *=search-results */
div#search-results
{
text-align:left;
margin:15px 250px 25px 50px;	
}

div#search-results dt
{
background-color:#069;
font-size:1.2em;
padding:5px;	
}
div#search-results dt a
{
display:block;	
}
div#search-results dd
{
font-size:1.1em;
padding:5px;	
}

/* ---*Show Company Details */

div#company
{
margin:25px auto;
width:700px;	
}

#company #pic
{
float:left;
width:335px;
text-align:left;
}

#company #company-description
{
width:350px;
margin-left:345px;
text-align:left;
}
#company .top
{
min-height:250px;
position:relative;
padding-bottom:30px;
}

* html #company .top{height:250px;}

#company p
{
font-size:1.2em;
line-height:1.3em;
padding:5px 0;
}

#company address
{
font-size:1.2em;
line-height:1.3em;
font-style:normal;
margin:10px 0;
}

#company .navibar
{
position:absolute;
bottom:10px;
left:0;
width:100%;
border-top:1px solid #CCC;
border-bottom:1px solid #CCC;
padding:4px 0;
}

#company .navibar li
{
height:16px;
float:left;
}
#company .navibar a
{
background-repeat:no-repeat;
padding:0 15px 3px 25px;
font-size:1.1em;
}

#company .navibar a.contakt
{
background-image:url("img/mail.gif");
}
#company .navibar a.print
{
background-image:url("img/print.gif");
}
#company .navibar a.link
{
background-image:url("img/mail2.gif");
}
#company .navibar a.mail
{
background-image:url("img/email.gif");
}
#company .navibar a.hp
{
background-image:url("img/homepage.gif");
}
#company .navibar a.map
{
background-image:url("img/map.gif");
}

#company .navibar a:hover.contakt
{
background-image:url("img/mail_hover.gif");
}
#company .navibar a:hover.print
{
background-image:url("img/print_hover.gif");
}
#company .navibar a:hover.link
{
background-image:url("img/mail2_hover.gif");
}
#company .navibar a:hover.mail
{
background-image:url("img/email_hover.gif");
}
#company .navibar a:hover.hp
{
background-image:url("img/homepage_hover.gif");
}
#company .navibar a:hover.map
{
background-image:url("img/map_hover.gif");
}


#ansprechpartner, #de, #engl 
{
font-size:1.1em;
border-top:2px solid #CCC;
padding:10px 0;
text-align:left;
}

#ansprechpartner dl
{
margin:3px 0;
float:left;
width:115px;
}


/* ---*Impressum ------*/

div#inhalt dl#impressum
{
font-size:1.2em;
text-align:left;
border-bottom:1px solid #CCC;
margin:25px 50px;
}

div#inhalt dl#impressum dt
{
float:left;
width:8em;
border-top:1px solid #CCC;
padding:5px 0.3em
}
div#inhalt dl#impressum dd
{
margin-left:8em;
padding:5px 0 5px 5px;
border-top:1px solid #CCC;
}
div#inhalt address#ikm
{
text-align:left;
margin:15px 50px;
font-size:1.1em;
background-image:url("img/ikm-logo.gif");
background-repeat:no-repeat;
padding-top:70px;
}

/* ---=* Top Suche & Sucharchiv */
ul#topsuche 
{
margin:1.5em 0;
}

ul#topsuche li
{
float:left;
width:25em;
margin-bottom:0.5em;
font-size:1.1em;
text-align:left;
}

ul#topsuche li a
{
background:url("img/pfeil.gif") left center no-repeat;
padding-left:15px;
}

ul#topsuche li a:hover
{
background:url("img/pfeil-hover.gif") left center no-repeat;
}

ul.sucharchiv
{
margin:0.8em 8em 2em 0;
float:left;
}

ul.sucharchiv li
{
text-align:left;
font-size:1.2em;
margin-bottom:0.5em;
}

ul.sucharchiv li a
{
background:url("img/kalender.gif") left center no-repeat;
padding-left:22px;
}

ul.sucharchiv li a:hover, ul.sucharchiv li a:active
{
background:url("img/kalender-hover.gif") left center no-repeat;
}

ul.float li
{
float:left;
width:15em;
font-size:1.2em;
margin-bottom:1em;
}

ul#city-list
{
margin:2em 3em;
text-align:left;
}

ul#city-list li
{
font-size:1.2em;
width:20em;
float:left;
margin-bottom:0.5em;
}
p.text-sucharchiv
{
font-size:1.2em;
line-height:1.4em;
text-align:left;
}

dl#sucharchiv-daten
{
margin:3em auto;
width:50em;
border:2px solid #555;
}

dl#sucharchiv-daten dt, dl#sucharchiv-daten dd
{
font-size:1.2em;
padding:3px 5px;
text-align:left;
}

dl#sucharchiv-daten dt
{
font-weight:bold;
width:10em;
float:left;
}
.sec-color
{
background:#EEE !important;
color:#005177;
}


/*######## Ende Inhalt ########*/


.clear{clear:both;height:0px;}
.symbol-link span{font-size:1.3em;font-weight:bold;margin-right:5px;}
.symbol-link{font-size:1.2em;margin:15px 0;display:block;}

div#google
{
	width:200px;
}
div#google h3 a
{
color:#DDD;	
}

div#google dl
{
width:200px;
text-align:left;
border:1px solid #069;	
}
div#google dt, .google_board dt
{
background:#069;
font-size:1.2em;
padding:3px;

}

div#google dd, .google_board dd
{
font-size:1.1em;
padding:3px;
}

div#google dd a, .google_board dd a
{
color:#EEE;	
}

div#google dd a:hover, div#google dd a:active, .google_board dd a:hover, .google_board dd a:active
{
color:#ccc;	
}

.google_board dl
{
text-align:left;
border:1px solid #069;	
}