@CHARSET "UTF-8";

/* MainCSS File */

html, body { height: 100%; width: 100%; }
body { position: relative; background-color: #00488c; }
.mapson span { display: none; }

#page {
	width: 1280px;
	height: 1024px;
	margin: 0 auto;
	position: relative;
}

#logo {	margin-left: 132px; height: 185px; }
#content { position: relative; width: 940px; }
#search {
	position: absolute;
	top: 30px;
	right: 154px;
	width: 300px;
}

#search p { float: left; }
#suche {
	background: transparent url(../images/background_search.png) left top no-repeat;
	border: 0 none;
	height: 18px;
	width: 140px;
	margin: 0 0 32px 111px;
}

#send-search {
	background: transparent url(../images/button_search.png) left top no-repeat; 
	border: 0 none;
	width: 29px;
	height: 21px;
	cursor: pointer;
}

#send-search:hover { background: transparent url(../images/button_search_hover.png) left top no-repeat;  }
#telephone { 
	position: absolute;
	left: 2px;
	top: 67px;
}

#contactmail {
	position: absolute;
	top: 67px;
	left: 209px;	
}

#contentWrapper {
	padding-top: 45px;
	margin-left: 169px;
	overflow: hidden;
}
#content-start { float: left; width: 485px; margin-right: 39px; }
.startboxen { 	
	width: 420px;
	background: transparent url(../images/background_doublebox.png) left top repeat-y;	
	overflow: hidden;
	position: relative;
}
.start-angebot-box { margin-right: 22px; }
.start-angebot-box, .start-oeffnung-box { 
	float: left;
	width: 198px;
}
.mascot { position: absolute; right: 172px; top: 479px; }
#content-twocolumn { float: right; width: 725px; margin-right: 19px; }
.article-headline { margin-bottom: 16px; display:block;}

#footer { 
	margin-left: 169px;
	border-top: 1px solid #2785d8;
	width: 939px;
	margin-top: 50px;
	padding-top: 3px;
	margin-bottom: 30px;
}

#link { display: inline-block; float: right; }
.shortinfo { overflow: hidden; margin-left: 12px; }
.shortinfo img { float: right; }

div.angebot-reihe { background: transparent url(../images/background_angebot_double.png) left top repeat-y; overflow: hidden; margin-bottom: 30px;}

div.angebot {
	float: left;
	width: 460px;
	min-height: 124px;	
}

* html div.angebot { height: expression( this.scrollHeight < 125 ? "124px" : "auto" ); }
.angebot.second { margin-left: 20px; }

.angebotImage { 
	margin: 12px 10px 12px 12px;
	float: left;
	width: 100px;
	height: 100px;
	text-align: center;
	line-height: 100px;
}

.angebotDetails {
	margin-top: 9px;
	float: left;
	width: 300px;
}

.angebotDetails img { margin: 0; display: block; }
.price { margin-right: 5px; display: inline-block; }
.angebotDetails p { margin-bottom: 0; }

p.additional-text { margin-top: 12px; margin-bottom: 9px; }

.start-angebot p { margin: 0; line-height: 14px; float: right; width: 118px;}
.start-angebot { margin-bottom: 28px; overflow: hidden; }
.start-angebot img { float: left; margin: 5px 3px 0 12px; }
.oeffnung { margin-left: 12px; margin-top: 10px; }
.oeffnung p { margin: 0; line-height: 14px; }
p#producer { margin-top: 5px; }
p.big-red { line-height: 55px; letter-spacing: -1px; }
#more {
	display: block;
	border-top: 1px solid #648AAC;
	height: 23px;
	margin-left: 12px;
	clear: both;
	padding-top: 5px;
	text-align: right;
	width: 177px;
	position: absolute;
	bottom: 0;
}

.oeffnung .street { width: 177px; border-top: 1px solid #648AAC; padding-top: 11px; }
.oeffnung .city { margin-bottom: 12px; }

/*Kontaktformular*/

#contact { width: 681px; margin-left: 3px; margin-top: 64px; overflow: hidden; }
#contact > div, #reservation > div, #loanunit > div { float:left; }
#contact > div { margin-bottom: 34px; }
label { display: block; margin-bottom: 6px; }

#contact .title { width: 100px;  }
#contact .firstname { width: 267px; }
#contact .telefone { width: 366px; }
#contact .contact_text { margin-top: 3px; }
#contact .send { margin: 7px 0 0 248px; }
#contact .send p, #reservation .send p { margin-left: 31px; }

input[type="text"], select, textarea {
	background-color: #A5C9E9;
	border: 0 none;
	padding: 3px;
}

input[type="text"] { height: 26px; }
select { height: 32px; }

#contact #title { width: 87px; }
#contact #firstname { width: 246px; }
#contact #lastname { width: 308px; }
#contact #telefone { width: 345px; }
#contact #email { width: 307px; }
#contact #contact_text { width: 672px; height: 209px; }
#contact #contact_send, #reservation-send, #loanunit-send { 	
	border: 0 none;
	width: 198px;
	height: 40px; 
	margin-bottom: 6px;
	cursor: pointer;
}
#contact #contact_send { background: transparent url(../images/button_nachrichtabschicken.png) left top no-repeat; }
#content .error_message, #content .info_message { margin-top: 30px; }

/*Reservierungsformular*/

#reservation, #loanunit { margin-left: 3px; margin-top: 60px; overflow: hidden;  }
#reservation > div, #loanunit > div { margin-bottom: 19px; }
.line { margin-bottom: 18px; width: 100%; }
.line > div, .link-more, .text-aut-idem, .text-groesse { float: left; }
div.medikament { width: 296px; }
div.anzahl { width: 70px; }
div.groesse { width: 110px; }
div.rezept { width: 197px; }
.line.headline div.geraeteart { width: 300px; }

input.medikament { width: 279px; }
input.anzahl { width: 51px; }
input.groesse { width: 90px; }
select.rezept { width: 184px; }
input.bemerkung { width: 240px; }

.link-more { 
	display: block;	
	padding-left: 20px;
	height: 17px;
	background: transparent url(../images/icon_add.png) left top no-repeat;
}
.text-aut-idem { margin-left: 100px; line-height: 14px; margin-top: -2px; width: 179px; }
.text-groesse { line-height: 13px; margin-left: 21px; width: 315px; }

.hint { width: 100%; margin-bottom: 36px; }
#reservation .title, #loanunit .title { width: 99px; }
#reservation .firstname, #loanunit .firstname { width: 267px; }
#reservation .street, #loanunit .street { width: 366px; }
#reservation .zip, #loanunit .zip { width: 108px; }
#reservation .telefone, #loanunit .telefone { width: 365px; }
#reservation .insurance, #reservation .additional-text { margin-top: 51px; }
#reservation .health { margin-top: 24px; }
#reservation .charge { margin-top: 31px; }
#reservation .charge input { margin-right: 7px; }
#reservation .deadline { margin-top: 39px; width: 400px; }
.deadline input, #reservation .deadline p { float: left; }
.deadline p { width: 338px; margin-left: 3px; }
#reservation .insurance label, #reservation .charge label, #reservation .deadline label { margin-bottom: 13px; }

input.input-insurance { margin-left: 43px; }

#reservation #title, #loanunit #title { width: 86px; }
#reservation #firstname, #loanunit #firstname { width: 245px; }
#reservation #lastname, #reservation #email, #loanunit #lastname, #loanunit #email { width: 308px }
#reservation #street, #reservation #telefone, #loanunit #street, #loanunit #telefone { width: 344px; }
#reservation #city, #loanunit #city { width: 198px; }
#reservation #zip, #loanunit #zip { width: 90px; }
#reservation #health { width: 347px; }
#reservation #additional-text { height: 266px; width: 275px; }
#reservation .send, #loanunit .send { clear: both; margin-left: 251px; margin-top: 10px; }

#reservation-send, #loanunit-send { background: transparent url(../images/button_bestellungaufgeben.png) left top no-repeat; }
#reservation .line.headline, #loanunit .line.headline { margin: 0; }
/*Medikationshinweise*/

.medikation-search {
	background-color: #7DACD6; 
	height: 275px; 
	padding-left: 12px;
}

.search-headline img { margin: 0; }
.search-headline { border-bottom: 1px solid #648AAC; width: 177px; }
.medikation-search p { margin-bottom: 0; margin-top: 5px; }
.medikation-search select { margin-bottom: 10px; width: 176px; background-color: #A5C9E9; }
#search-submit { 
	border: 0 none;
	background: transparent url(../images/button_anzeigen.png) left top no-repeat; 
	width: 108px;
	height: 40px;
	margin-left: 33px;
	margin-top: 10px;
	cursor: pointer;
}

#medikation-content { margin-top: 30px; }

/*Formular Leihgeräte*/

.geraet { width: 285px; margin-right: 13px; }
.anzahl { width: 55px; }
#loanunit .deadline, #loanunit .deadline p { width: 100%; }