/* CSS Document */

/* ++++++++++++++++++++++++ Global Settings +++++++++++++++++++++++++++++ */
* {
margin:0;
}

html, body {
	height: 				100%;
	line-height:			1.5;
}

body {
	background:				url(../images/body-bg.gif) 0 0 repeat-x #f54900;
	font-family:			"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:				13px;
}

.noborder {
	border:					0 !important;
}

.bottomspace {
	margin-bottom:			22px;
}

ul, ol {
	list-style-type:		none;
	margin:					0;
	padding:				0;
}

.clear {
	clear:					both;
	float:					none;
}

/*---------------- CLEARFIX ----------------------------*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}

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

/* ++++++++++++++++++++++++ Layout ++++++++++++++++++++++++++++++++++++++ */

#wrapper {
	width:					970px;
	min-height: 			100%;
	height: 				auto !important;
	height: 				100%;
	width:					955px;
	margin:					0 0 -123px;;
}

#header {
	width:					970px;
	height:					362px;
	background:				url(../images/header-bg.jpg) 0 0 no-repeat;
}

#header #top-row {
	width:					665px;
	height:					109px;
	padding:				38px 0 0 305px;
}

#header #top-nav {
	width:					753px;
	height:					37px;
	padding-left:			217px;
}

#content-wrap {
	width:					975px;
}

#content-wrap #left-col {
	width:					217px;
	height:					368px;
	background:				url(../images/left-col-bg.jpg) 0 0 no-repeat;
	float:					left;
}

#content-wrap #textarea {
	width:					506px;
	min-height: 			387px;
	height: 				387px;
	height: 				auto !important;
	padding:				0 10px 20px 33px;
	float:					left;
	background:				url(../images/textarea-bg.jpg) 0 0 no-repeat;
}


/* ++++ team fotos ++++ */
#colorwrap {
	padding:				12px;
	background:				#f66900;
	margin-bottom:			20px;
}
	
.foto-col {
	float:					left;
	margin-bottom:			12px;
}

.foto-col img {
	border:					6px solid #f99f00;
}

.text-col {
	float:					left;
	width:					280px;
	padding-left:			20px;
	margin-bottom:			20px;
}

#content-wrap #right-col {
	width:					201px;
	background:				url(../images/right-col-bg.jpg) 0 0 no-repeat;
	float:					left;
	padding:				106px 0 0 3px;
}

.push {
	clear:					both;
	height:					123px;
}

#footer {
	width:					970px;
	height:					123px;
	background:				url(../images/footer-bg.gif) left bottom no-repeat;
}

/* ++++++++++++++++++++++++ Navigation ++++++++++++++++++++++++++++++++++++ */
a {
	color:					#000;
	text-decoration:		none;
	outline:				0;
}

a:hover {
	text-decoration:		underline;
}

.imglink, .smallimglink {
	margin-bottom:			20px;
	display:				block;
	float:					left;
	margin-right:			10px;
}

.smallimglink {
	margin-bottom:			4px;
}

.imglink img:hover, .smallimglink img:hover {
	border:					6px solid #fab000;
}

.imglink img, .smallimglink img {
	border:					6px solid #f99f00;
}

/* +++++ header ++++ */
#header h1 {
	background:				url(../images/logo.jpg) 0 0 no-repeat;
	width:					367px;
	height:					92px;
	text-indent:			-2000px;
	float:					left;
}

#header h1 a {
	width:					367px;
	height:					92px;
	display:				block;
}

/* ++++ main navi ++++ */
#top-nav ul {
	width:					489px;
	height:					27px;
	padding:				5px 0 0 60px;
}

#top-nav ul li, #textarea #content-nav li {
	float:					left;
	padding:				0 12px 0 12px;
	border-right:			1px solid #000;
}

#textarea #content-nav {
	width:					506px;
	height:					22px;
	padding:				20px 0 35px 0;
}

/* ++++ subnavi left ++++ */
#left-col #start-icons {
	padding-top:			37px;
}

#left-col #start-icons li {
	width:					218px;
	text-indent:			-2000px;
}

#left-col #start-icons #apotheke {
	height:					128px;
	background:				url(../images/apotheken-logo.jpg) 0 0 no-repeat;
}

#left-col #start-icons #parkplatz {
	height:					144px;
	background:				url(../images/parkplatz-icon.jpg) 0 0 no-repeat;
}

#left-col #subnavigation {
	background:				url(../images/navi-bg.jpg) 0 0 no-repeat;
	height:					368px;
	width:					217px;
	padding:				70px 0 0 0;
}

#left-col #subnavigation li {
	border-bottom:			1px solid #000;
}

#left-col #subnavigation li a {
	text-align:				right;
	display:				block;
	width:					192px;
	height:					16px;
	padding:				2px 24px 5px 0;
}

#left-col #subnavigation li a:hover, #left-col #subnavigation .active a {
	text-decoration:		none;
	background:				#acdc6c;
}

/* +++++ right col +++++ */
#right-col #kundenkarte {
	height:					78px;
	width:					185px;
	margin-bottom:			17px;
}

#right-col #kundenkarte li {
	text-indent:			-2000px;
}

#right-col #kundenkarte #infotext {
	background:				url(../images/kundenkarte-info-txt.gif) 0 0 no-repeat;
	width:					204px;
	height:					36px;
}

#right-col #kundenkarte #infobutton a {
	display:				block;
	background:				url(../images/kundenkarte-info-btn.gif) 0 0  no-repeat;
	width:					166px;
	height:					37px;
}

#right-col #adresslist li a {
	background:				#faa100;
	color:					#912b00;
}
	
/* ++++++++++++++++++++++++ Text ++++++++++++++++++++++++++++++++++++ */
.textlist {
	list-style-type:		square;
	padding-left:			20px;
}

.textlist-img {
	list-style-type:		square;
	padding-left:			30px !important;
	margin-left:			150px !important;
}

.colorbox {
	list-style-type:		square;
	width:					250px;
	padding:				12px 12px 12px 30px;
	background:				#f66900;
	float:					left;
}

.bold {
	font-weight:			bold !important;
}

.underline {
	border-bottom:			1px solid #F89900;
	padding:				0 0 5px 12px !important;
	margin-bottom:			10px;
}

#header #head-telefon {
	background:				url(../images/telefon.jpg) 0 0 no-repeat;
	width:					155px;
	height:					38px;
	float:					left;
	margin:					61px 0 0 94px;
	text-indent:			-2000px;
}

h2 {
	font-size:				15px;
	font-weight:			bold;
	padding-bottom:			26px;
}

h3 {
	font-size:				15px;
	font-weight:			bold;
	margin-top:			   -20px;
}


h4 {
	font-size:				13px;
	font-weight:			bold;
	color:					#000;
	background:				#fab500;
	padding:				2px 2px 2px 10px;
	margin-bottom:			10px;
	height:					20px;
	float:					none;
	clear:					both;
}

#textarea p {
	font-size:				13px;
	line-height:			20px;
	padding-bottom:			20px;
}

#textarea #unterschrift {
	margin-bottom:			20px;
}

/* telefonnummern */
#telefonnummern {
	background:				#f66900;
	width:					450px;
}

#telefonnummern .lightrow {
	background:				#e9975a;
}

#telefonnummern dt, #telefonnummern dd {
	padding:				10px;
	float:					left;
}

#telefonnummern dt {
	width:					290px;
}

#telefonnummern dd {
	width:					120px;
}

#right-col #adresslist {
	padding-left:			0;
}

#right-col #adresslist li {
	line-height:			16px;
}

/* +++++ Anfahrt +++++ */
#routenplaner {
	padding:				10px;
	border:					1px solid;
	background:				#f87b00;
	width:					486px;
	margin-bottom:			20px;
}

#routenplaner fieldset {
	border:					0;
	padding:				0;
}

#routenplaner label {
	margin-bottom:			10px;
	display:				block;
}

#routenplaner #s {
	border:					1px solid #ca3700;
	margin-bottom:			6px;
}

#routenplaner #s:focus {
	border:					1px solid #fcfdf5;
}

#routenplaner #submit {
	width:					140px;
	padding:				5px;
	background:				#ca3700;
	color:					#fff;
	font-size:				12px;
	font-weight:			bold;
	cursor:					pointer;
	border:					none;
}

div#kontaktformular-btn a {
	top: 341px;
	left: 791px;
	height: 115px;
	width: 159px;
	text-indent: -9999px;
	background:url(../images/karte.png) no-repeat;
	position:absolute;
	display:block;
}

div#events-btn {
	top: 325px;
	left: 111px;
	height: 105px;
	width: 156px;
	position:absolute;
	display: block;
}
div#events-btn img {
	border: none;
}

p.servicecard {
	width: 100px !important;
}