@charset "utf-8";
/*********************************************************************************************/
/* Theme Name: Hotel an der Rems                                                             */
/* Theme URI: http://www.hausarzt-dr-kuhn.de/                                                */
/* Version: 1.0                                                                              */
/* Description: Created by <a href="http://www.steffsteff.de">Steffsteff-Solutions</a>       */
/* Author: Stefan Kuhn                                                                       */
/* Author URI: http://www.steffsteff.de                                                      */
/*********************************************************************************************/

/*********************************************************************************************/ 
/*                                                                                           */
/* WARNING! DO NOT EDIT THIS FILE IF YOU ARE NOT FAMILIAR WITH CASCADING STYLE SHEETS (CSS)! */
/*                                                                                           */
/*********************************************************************************************/

/*********************************************************************************************/
/*                                                                                           */
/*                                 CSS STRUCTURE                                             */           
/*                                                                                           */
/*********************************************************************************************/


/*--------------------------------------------------------------------------------------------

1. GENERAL TYPOGRAPHY
	1.1 Global Reset 
	1.2 Extra fonts
	1.3 General Styles	
	1.4 List Styles
	1.5 Borders & Dividers
	1.6 Headers
	1.7 Tables
	1.8 Images
	1.9 Forms
	1.10 Buttons
	1.11 Columns Styles

2. SITE STRUCTURE
	2.1 Header
	    - Topmenu
	2.2 Header Image Slider
	2.3 Middle content
	2.4 Homepage Baners Top
	2.5 Header Top Image
	2.7 Footer
		
3. EXTENDED TYPOGRAPHY
	3.1 Typographic Elements
		- Framed boxes
		- Quotes
		- Colored Text

4. EXTENDED ELEMENTS
	4.1 Boxes
	4.2 Newsletter box
	4.3 List Rooms
	4.4 News List items
	4.5 Pagination
	4.6 Table Pricing
	4.7 Contact Form
	4.8 Contact Social Box
	4.9 Reservetion Form
	4.10 Comment form 
	4.11 Contact Box

5. WIDGETS
	5.1 Widget Recent Comment
	5.2 Widget Recent Entries

---------------------------------------------------------------------------------------------*/

/*===========================================================================================*/
/* 1. GENERAL TYPOGRAPHY */
/*===========================================================================================*/

/*----------------------------------------------*/
/* 1.1 Global Reset */
/*----------------------------------------------*/

body, html  { 
	height: 100%;
	background-color:#ffffff; 
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, 
big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;	
}
body { 
	line-height: 1; 
}
ol, ul { 
	list-style: none; 
}
blockquote, q { 
	quotes: none;
	padding:0 0 10px 20px;	 
}
blockquote:before, blockquote:after, q:before, q:after { 
	content: ''; content: none; 
}
:focus { 
	outline: 0; /* remember to define focus styles! */
}
del { 
	text-decoration: line-through; 
}
table { 
	border-collapse: collapse; /* tables still need 'cellspacing="0"' in the markup */
	border-spacing: 0; 
}


/*----------------------------------------------*/
/* 1.2 Extra fonts */
/*----------------------------------------------*/


@font-face {
    font-family: 'JournalRegular';
    src: url('../css/journal-webfont.eot?') format('eot'),
         url('../css/journal-webfont.woff') format('woff'),
         url('../css/journal-webfont.ttf') format('truetype'),
         url('../css/journal-webfont.svg#webfontGhV9TBys') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MelbourneBold';
    src: url('../css/melbourne_bold-webfont.eot?') format('eot'),
         url('../css/melbourne_bold-webfont.woff') format('woff'),
         url('../css/melbourne_bold-webfont.ttf') format('truetype'),
         url('../css/melbourne_bold-webfont.svg#webfontzCPiyXMS') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MelbourneRegular';
    src: url('../css/melbourne_reg-webfont.eot?') format('eot'),
         url('../css/melbourne_reg-webfont.woff') format('woff'),
         url('../css/melbourne_reg-webfont.ttf') format('truetype'),
         url('../css/melbourne_reg-webfont.svg#webfontQzFjdvCi') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*----------------------------------------------*/
/* 1.3 General Styles */
/*----------------------------------------------*/

/* Floating & Alignment */

.aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignleft {
	float: left;
}
.alignleft_padding {
	float: left;
	padding:0 5px;
}
.alignright {
	float: right;
}	
.text-right {
	text-align:right;
}
.text-left {
	text-align:left;
}
.text-center {
	text-align:center;
}
.text-border {
	font-weight:bold;
}

/* Clear Floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
* html .clearfix {
	height: 1%;
}
.clearfix_1 {
	display: block;
}	
.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}	
.fix{
	clear: both;
	height: 1px;
	margin: -1px 0 0;
	overflow: hidden;}

a {
	text-decoration:none;
	outline:none;
	color:#fff;
}

/*----------------------------------------------*/
/* 1.4 List Styles */
/*----------------------------------------------*/

ul { 
	list-style:disc outside; 
}
ol { 
	list-style:decimal outside; 
}
li { 
	margin:0;
}
ol li { 
	margin-top:5px; 
	margin-bottom:7px 
}
ul, ol, dd { 
margin-left:25px; 
}
ul ul, ol ul, ul ol, ol ol { 
	margin-bottom:0; 
}

/*----------------------------------------------*/
/* 1.5 Headers */
/*----------------------------------------------*/

h1,h2,h3,h4,h5,h6{
	font-weight:normal;
	font-family: 'MelbourneBold', Arial, sans-serif;
	color:#1a1a1a;
}	
h1{
	font-size:24px;
	line-height:24px;
	margin-bottom:20px;
}	
h2{
	font-size:20px;
	font-family: 'MelbourneBold', Arial, sans-serif;
	line-height:23px;
	margin-bottom:15px;
}	
h3{
	font-size:19px;
	line-height:22px;
}	
h3.widgettitle{
	margin-bottom:10px;
}
h3.paddingtitle {
	padding: 5px 5px 5px 5px;
}
h3.padding-top-bot {
	padding: 5px 0 5px 0;
}
h4{
	font-size:17px;
	color:#333;
	margin-bottom:10px;
}	
h5{
	font-size:16px;
	font-weight:normal;
}	
h6{
	font-size:14px;
	letter-spacing:2px;
	margin-bottom:5px;
	padding-bottom:5px;
	text-transform:uppercase;
	line-height:20px;
	font-weight:normal;
	color:#444e69;
}

/*----------------------------------------------*/
/*      1.6 Borders, Lines & Dividers           */
/*----------------------------------------------*/

hr {
	border:0px solid transparent !important;
	background-color:transparent !important;
	height:1px;
	background:#ededed;
}
.divider{	
	background:url(../images/divider_line.gif) bottom repeat-x;
	padding-top:1px;
}
.divider_small {
	border-bottom:1px solid #ccc;
	padding-right:5px;
}
.divider_blank {
	height:30px;
	
}

/*----------------------------------------------*/
/*  1.7 Backgrounds                                 */
/*----------------------------------------------*/

.background_grey {
	background-color:#f0f0f0;
}


/*----------------------------------------------*/
/* 1.8 Images                                   */
/*----------------------------------------------*/

img.alignleft {
	margin:5px 16px 5px 0 !important;
}
img.alignright {
	margin:5px 0 5px 16px !important;
}
img.framed,.video_frame,.wp-caption,#flickr a img, dl.gallery-item img{ 
	padding:6px;margin:2px;
}
p.wp-caption-text{
	margin-bottom:0px;
	text-align:center;
}	
.wp-caption{
	margin-bottom:10px !important;
	padding-top:10px;
	text-align:center;
}	
.image_frame img, img.image_frame{
	background:#fff;
	padding:7px;
	border:1px solid #d6d6d6;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}



/*============================================================================================*/
/* 2. SITE STRUCTURE */
/*============================================================================================*/

body {
	background-color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	color:#595959;
	font-size:13px;
	line-height:1.4em;
	min-width:996px:
}	

/*----------------------------------------------*/
/* 2.1 Header */
/*----------------------------------------------*/

.head {
	background:url(../images/head_bg_center.jpg) center 0 no-repeat;
}
.head .container {
	height:30px;
}	
.header{		  
  	 
}
.header .container {
	height:457px;
}
.header_right {
	float:right;
	margin:40px 5px 0 0;
}
.header_footer {
	background:url(../images/header_bg_bottom.jpg) center 0 no-repeat;
	height:30px;
}

	
	


/*----------------------------------------------*/
/* 2.3 Middle content                           */
/*----------------------------------------------*/
.container {
	position:relative;
	z-index:0;
	width:960px;
	margin:0 auto;
}
.container a {
	color:#999;
}
.container a:hover {
	color:#666;
}
.container p {
	padding: 5px 5px 5px 5px;
}

/*----------------------------------------------*/
/* 2.4 Menu                                     */
/*----------------------------------------------*/

.menue {
  position:relative;  
  width: 362px;
  padding: 0;
  margin: 0;
  margin-left: 400px;
  padding-top: 220px;
  background:url(../images/header_bg.jpg) no-repeat;    
}
.menue ul {
  margin: 0;
  padding: 0;  
  list-style-type: none;
}
.menue li {
  margin: 0;
  padding: 0;
  margin-right:100px;
  margin-left:150px;
}
.menue a {
  display: block;

  padding: 0;
  padding-right: 25px;
  padding-top: 3px;
  padding-bottom: 3px;

  background-color: transparent;
  background-image: url(../images/mp_bg.gif);
  background-repeat: no-repeat;
  background-position: 0 50%;

  font-weight: normal;
  text-align: right;
  text-transform: uppercase;
  color: #333333;
}
.menue a:link, .menue a:visited {
  color: #333333;
  text-decoration: none;
}
.menue a:hover, .menue a:active {
  color: #333333;
  background-image: url(../images/mpo2_bg.gif);
  background-repeat: no-repeat;
  background-position: 0 50%;
}

.ubermenue a:link, .ubermenue a:visited, .ubermenue a:hover, .ubermenue a:active {
  color: #333333;
  background-image: url(../images/mpo_bg.gif);
  background-repeat: no-repeat;
  background-position: 0 50%;
}

/*----------------------------------------------*/
/*       2.6 Columns Styles */
/*----------------------------------------------*/


/*-------------------------------------------------------*/
/*    960px grid system ~ Core CSS.                      */
/*    24 Columns  margin left: 5px  margin right: 5px    */
/*-------------------------------------------------------*/


/* grid - Containers
----------------------------------------------------------*/

.container_grid_24 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

/* grid - Globals
---------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16,
.grid_17,
.grid_18,
.grid_19,
.grid_20,
.grid_21,
.grid_22,
.grid_23,
.grid_24 {
	display: inline;
	float: left;
	margin-left: 5px;
	margin-right: 5px;
}
.push_1, .pull_1,
.push_2, .pull_2,
.push_3, .pull_3,
.push_4, .pull_4,
.push_5, .pull_5,
.push_6, .pull_6,
.push_7, .pull_7,
.push_8, .pull_8,
.push_9, .pull_9,
.push_10, .pull_10,
.push_11, .pull_11,
.push_12, .pull_12,
.push_13, .pull_13,
.push_14, .pull_14,
.push_15, .pull_15,
.push_16, .pull_16,
.push_17, .pull_17,
.push_18, .pull_18,
.push_19, .pull_19,
.push_20, .pull_20,
.push_21, .pull_21,
.push_22, .pull_22,
.push_23, .pull_23 {
	position: relative;
}

/* grid - children (begin = first, end = last)
--------------------------------------------------------------------------------*/

.begin {margin-left: 0;}
.end {margin-right: 0;}

/* grid - 24 Columns
--------------------------------------------------------------------------------*/

.container_grid_24 .grid_1 {width: 30px;}
.container_grid_24 .grid_2 {width: 70px;}
.container_grid_24 .grid_3 {width: 110px;}
.container_grid_24 .grid_4 {width: 150px;}
.container_grid_24 .grid_5 {width: 190px;}
.container_grid_24 .grid_6 {width: 230px;}
.container_grid_24 .grid_7 {width: 270px;}
.container_grid_24 .grid_8 {width: 310px;}
.container_grid_24 .grid_9 {width: 350px;}
.container_grid_24 .grid_10 {width: 390px;}
.container_grid_24 .grid_11 {width: 430px;}
.container_grid_24 .grid_12 {width: 470px;}
.container_grid_24 .grid_13 {width: 510px;}
.container_grid_24 .grid_14 {width: 550px;}
.container_grid_24 .grid_15 {width: 590px;}
.container_grid_24 .grid_16 {width: 630px;}
.container_grid_24 .grid_17 {width: 670px;}
.container_grid_24 .grid_18 {width: 710px;}
.container_grid_24 .grid_19 {width: 750px;}
.container_grid_24 .grid_20 {width: 790px;}
.container_grid_24 .grid_21 {width: 830px;}
.container_grid_24 .grid_22 {width: 870px;}
.container_grid_24 .grid_23 {width: 910px;}
.container_grid_24 .grid_24 {width: 950px;}

/* grid - prefix extra space - 24 Columns
--------------------------------------------------------------------------------*/

.container_grid_24 .prefix_1 {padding-left: 40px;}
.container_grid_24 .prefix_2 {padding-left: 80px;}
.container_grid_24 .prefix_3 {padding-left: 120px;}
.container_grid_24 .prefix_4 {padding-left: 160px;}
.container_grid_24 .prefix_5 {padding-left: 200px;}
.container_grid_24 .prefix_6 {padding-left: 240px;}
.container_grid_24 .prefix_7 {padding-left: 280px;}
.container_grid_24 .prefix_8 {padding-left: 320px;}
.container_grid_24 .prefix_9 {padding-left: 360px;}
.container_grid_24 .prefix_10 {padding-left: 400px;}
.container_grid_24 .prefix_11 {padding-left: 440px;}
.container_grid_24 .prefix_12 {padding-left: 480px;}
.container_grid_24 .prefix_13 {padding-left: 520px;}
.container_grid_24 .prefix_14 {padding-left: 560px;}
.container_grid_24 .prefix_15 {padding-left: 600px;}
.container_grid_24 .prefix_16 {padding-left: 640px;}
.container_grid_24 .prefix_17 {padding-left: 680px;}
.container_grid_24 .prefix_18 {padding-left: 720px;}
.container_grid_24 .prefix_19 {padding-left: 760px;}
.container_grid_24 .prefix_20 {padding-left: 800px;}
.container_grid_24 .prefix_21 {padding-left: 840px;}
.container_grid_24 .prefix_22 {padding-left: 880px;}
.container_grid_24 .prefix_23 {padding-left: 920px;}

/* grid - suffix extra space - 24 Columns
--------------------------------------------------------------------------------*/

.container_grid_24 .suffix_1 {padding-right: 40px;}
.container_grid_24 .suffix_2 {padding-right: 80px;}
.container_grid_24 .suffix_3 {padding-right: 120px;}
.container_grid_24 .suffix_4 {padding-right: 160px;}
.container_grid_24 .suffix_5 {padding-right: 200px;}
.container_grid_24 .suffix_6 {padding-right: 240px;}
.container_grid_24 .suffix_7 {padding-right: 280px;}
.container_grid_24 .suffix_8 {padding-right: 320px;}
.container_grid_24 .suffix_9 {padding-right: 360px;}
.container_grid_24 .suffix_10 {padding-right: 400px;}
.container_grid_24 .suffix_11 {padding-right: 440px;}
.container_grid_24 .suffix_12 {padding-right: 480px;}
.container_grid_24 .suffix_13 {padding-right: 520px;}
.container_grid_24 .suffix_14 {padding-right: 560px;}
.container_grid_24 .suffix_15 {padding-right: 600px;}
.container_grid_24 .suffix_16 {padding-right: 640px;}
.container_grid_24 .suffix_17 {padding-right: 680px;}
.container_grid_24 .suffix_18 {padding-right: 720px;}
.container_grid_24 .suffix_19 {padding-right: 760px;}
.container_grid_24 .suffix_20 {padding-right: 800px;}
.container_grid_24 .suffix_21 {padding-right: 840px;}
.container_grid_24 .suffix_22 {padding-right: 880px;}
.container_grid_24 .suffix_23 {padding-right: 920px;}

/* grid - push space - 24 Columns
--------------------------------------------------------------------------------*/

.container_24 .push_1 {left: 40px;}
.container_24 .push_2 {left: 80px;}
.container_24 .push_3 {left: 120px;}
.container_24 .push_4 {left: 160px;}
.container_24 .push_5 {left: 200px;}
.container_24 .push_6 {left: 240px;}
.container_24 .push_7 {left: 280px;}
.container_24 .push_8 {left: 320px;}
.container_24 .push_9 {left: 360px;}
.container_24 .push_10 {left: 400px;}
.container_24 .push_11 {left: 440px;}
.container_24 .push_12 {left: 480px;}
.container_24 .push_13 {left: 520px;}
.container_24 .push_14 {left: 560px;}
.container_24 .push_15 {left: 600px;}
.container_24 .push_16 {left: 640px;}
.container_24 .push_17 {left: 680px;}
.container_24 .push_18 {left: 720px;}
.container_24 .push_19 {left: 760px;}
.container_24 .push_20 {left: 800px;}
.container_24 .push_21 {left: 840px;}
.container_24 .push_22 {left: 880px;}
.container_24 .push_23 {left: 920px;}

/* grid - pull space - 24 Columns
--------------------------------------------------------------------------------*/

.container_24 .pull_1 {left: -40px;}
.container_24 .pull_2 {left: -80px;}
.container_24 .pull_3 {left: -120px;}
.container_24 .pull_4 {left: -160px;}
.container_24 .pull_5 {left: -200px;}
.container_24 .pull_6 {left: -240px;}
.container_24 .pull_7 {left: -280px;}
.container_24 .pull_8 {left: -320px;}
.container_24 .pull_9 {left: -360px;}
.container_24 .pull_10 {left: -400px;}
.container_24 .pull_11 {left: -440px;}
.container_24 .pull_12 {left: -480px;}
.container_24 .pull_13 {left: -520px;}
.container_24 .pull_14 {left: -560px;}
.container_24 .pull_15 {left: -600px;}
.container_24 .pull_16 {left: -640px;}
.container_24 .pull_17 {left: -680px;}
.container_24 .pull_18 {left: -720px;}
.container_24 .pull_19 {left: -760px;}
.container_24 .pull_20 {left: -800px;}
.container_24 .pull_21 {left: -840px;}
.container_24 .pull_22 {left: -880px;}
.container_24 .pull_23 {left: -920px;}

/* cols
----------------------------------------------------*/

.col {
	float:left;
	margin-left:10px;
	margin-right:10px;
}	
.col_1_2 , 
.text .col_1_2 {
	width:315px;
}
.col_1_3, 
.text .col_1_3 {
	width:203px;
}

/*----------------------------------------------*/
/*       2.6 Header Slider                      */
/*----------------------------------------------*/


#slider1 {	
    width: 420px; /* important to be same as image width */
    height: 500px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
	z-index:999;
	top:-380px;
}
#slider1 a {
	color:#ccc;
}
#slider1 a:hover {
	color:#fff;
}

#slider1 .container {
	height:500px;
}

#slider1Content {
    width: 420px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
}
.slider1Image {
    float: left;
    position: relative;
	display: none;
}
.slider1Image span {
    position: absolute;
	font-family: Arial, Helvetica, sans-serif;	
	font-size:14px;
	line-hight:18px;
    padding: 10px 13px;
    width: 400px;
    background-color: #6b6b6b;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}

.slider1Image span strong {
    font-size: 18px;		
}
.span_top {   /* Overlay Slider on top - set or remove comment characters for over slider left, right or bottom */
	top: 0;
	left: 0;
	width:375px !important;
	height:180px;
}
/*.span_bottom {   
	bottom: 0;
    left: 0;
	width:375px !important;
	heigh:110px;
} */
/*.span_left {
	top: 0;
    left: 0;
	width: 200px !important;
	height: 379px;
} */
/*.span_right {
	right: 0;
	bottom: 0;
	width: 200px !important;
	height: 379px;
} */
.clear_slider {
    clear: both;
}

/*----------------------------------------------*/
/*              2.7 Footer                      */
/*----------------------------------------------*/

.footer {
	width:960px;
	min-height:110px !important;	
	margin: 0 auto;	
	background:#dedede;
	opacity: .7; filter:Alpha(Opacity=75);
	padding: 0;
	color:#666;
	font-size:12px;
	line-height:1.7em}

.footer .address p {
	margin:0;
	line-height:1.8em;	
}

/* bottom menu */
.botmenu ul {
	margin:10px 0 3px 0;
	padding:0;
	text-align:right}

.botmenu ul li {
	list-style:none;
	display:inline;
	background:url(../images/botmenu_line.gif) right center no-repeat;
	padding:0 12px 0 7px}

.botmenu ul li.last {
	padding:0 0 0 5px;
	background:none;
}
.botmenu ul li a {
	color:#666;
}
.botmenu ul li a:hover {
	color:#999;
}
.follow {
	text-align:right}

.copyright {
	text-align:right;
	padding-top:50px;}

.social { 
	list-style:none;	 
	width:180px;
	position:relative;
	left:505px;
	top:10px;
	 
}
.social ul {
	margin:0 0 3px 0;	
	padding:0;
	text-align:right;
	dispaly:inline;
}
.social li { 
	display:inline; 
	float:left; 
	background-repeat:no-repeat; 
}
.social li a { 
	display:block; 
	width:32px; 
	height:32px; 
	padding-right:2px; 
	position:relative; 
	text-decoration:none; 
}
.social li a strong { 
	font-weight:normal; 
	position:absolute; 
	left:20px; 
	top:-1px; 
	color:#fff;
	padding:3px; 
	z-index:9999;
 	text-shadow:1px 1px 0 rgba(0, 0, 0, 0.75); background-color:rgba(0, 0, 0, 0.7);
 	-moz-border-radius:3px; 
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); 
	-webkit-border-radius:3px; 
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); 
	border-radius:3px; 
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

li.delicious { 
	background-image:url("../images/delicious.png"); 
}
li.digg { 
	background-image:url("../images/digg.png"); 
}
li.facebook { 
	background-image:url("../images/facebook.png"); 
}
li.google { 
	background-image:url("../images/google.png"); 
}
li.linkedin { 
	background-image:url("../images/linkedin.png"); 
}
li.reddit { 
	background-image:url("../images/reddit.png"); 
}
li.rss { 
	background-image:url("../images/rss.png"); 
}
li.twitter { 
	background-image:url("../images/twitter.png"); 
}

/* SOCIAL ICONS - CSS3 */
#css3:hover li { 
	opacity:0.2; 
}
#css3 li { 
	-webkit-transition-property: opacity; 
	-webkit-transition-duration: 500ms;
	-moz-transition-property: opacity; 
	-moz-transition-duration: 500ms; 
}
#css3 li a strong { 
	opacity:0;
 	-webkit-transition-property: opacity, top; 
	-webkit-transition-duration: 300ms;
 	-moz-transition-property: opacity, top; 
	-moz-transition-duration: 300ms;
}

#css3 li:hover { 
	opacity:1; 
}
#css3 li:hover a strong { 
	opacity:1; top:-10px; 
}

.forrst a {
	background-image: url(../images/forrst.png);
	background-position: 0 1px;
	padding-bottom: 1px;
	margin-bottom: 8px;
	text-decoration: none;
	font-size: 12px;
	display: block;
	height: 15px;
	color: #727272;
	padding-left: 20px;
	background-repeat: no-repeat
}
.forrst a:hover {
	background-position: 0 -17px;
	color: #444444;
}
.google_plus a {
	background-image: url(../images/g_plus_small.png);
	background-position: 0 1px;
	padding-bottom: 1px;
	margin-bottom: 8px;
	text-decoration: none;
	font-size: 12px;
	display: block;
	height: 15px;
	color: #727272;
	padding-left: 20px;
	background-repeat: no-repeat
}
.google_plus a:hover {
	background-position: 0 -17px;
	color: #444444;
}
.facebook_small a {
	background-image: url(../images/facebook_small.png);
	background-position: 0 1px;
	padding-bottom: 1px;
	margin-bottom: 8px;
	text-decoration: none;
	font-size: 12px;
	display: block;
	height: 15px;
	color: #727272;
	padding-left: 20px;
	background-repeat: no-repeat
}
.facebook_small a:hover {
	background-position: 0 -17px;
	color: #444444;
}

/*----------------------------------------------*/
/* 4.1 Boxes                                    */
/*----------------------------------------------*/

.box {
	margin-bottom:5px;	
}
	
	
.box .inner {
	padding:15px;
}

.box h3 {
	font-family: 'MelbourneBold', Arial, sans-serif;
	font-size:19px;
	padding:10px 5px 0 10px;
}
		
.box .inner h3 {
	font-family: 'MelbourneBold', Arial, sans-serif;
	font-size:19px;
	padding:0 0 10px 0;
}

.box h3 span {
	font-family:'MelbourneRegular', Arial, sans-serif;
	font-size:24px;
	padding-right:4px;
}


.box_grey {
	background:#f0f0f0;
	opacity: .8; filter:Alpha(Opacity=80);
	min-height:215px !important;
}
.box_grey_bg {
	background:#f0f0f0;
	opacity: .8; filter:Alpha(Opacity=80);
	min-height:330px !important;
	
}

.box_grey h3 {
	color:#000;
	margin-bottom:12px;
}

.box_grey .bordered {
	border-bottom:1px dotted #fff;
	padding-bottom:8px;
}
.box_grey p {
	color:#000;	
	margin:5px 5px 10px 5px;
}
.box_grey a {
	color:#FFF;
}
.box_grey a:hover {
	color:#CCC;
}

.copyright_img {
	width:105px;
	height:105px;
			
}
.copyright_text {
	width:220px;	
	height:80px;
	margin-top:-75px;
	margin-left:110px;
	
}
.contact_info {
	margin-top:20px;
	padding-left:120px;	
}
.contact_info_1 {
	margin-top:20px;
	padding-left:30px;	
}
.contact_info_2 {
	margin-top:-40px;
	padding-left:30px;	
}
.day {
	float:left;	
}
.opening {
	float:left;
	
}
.open {
	margin:0;
}
.open_text {
	font-size:16px;
	font-weight:900;	
}
.image_box {
	width:55px;
	float:left;
}
.text_box {
	width:480px;
	float:left;
}
.news_image_box {
	width:70px;
	float:left;
}
.news_text_box {
	width:465px;
	float:left;
}
/*---------------------------------------*/
/*   4.2  Colorbox Core Style:           */   
/*---------------------------------------*/

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(images/overlay.png) repeat 0 0;}
#colorbox{outline:0;}
    #cboxTopLeft{width:21px; height:21px; background:url(../images/controls.png) no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(../images/controls.png) no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(../images/controls.png) no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(../images/controls.png) no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url(../images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(../images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(../images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(../images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxLoadingOverlay{background:url(../images/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(../images/loading.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(../images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(../images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(../images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/*---------------------------------------*/
/*   4.3  Apotheken Finder               */   
/*---------------------------------------*/


/*   Apotheken Finder Home
----------------------------------------

.apofinder_grid_14 {
	position: relative; 
	font: 14px Trebuchet MS,Arial,Helvetica,sans-serif; 
	color: #434343; 
	width: 546px; 
	height: 157px; 
	background-color: #fff; 
	padding: 0; 
	border: 1px solid #bfbfbf;
	margin: 0;	
}
.apofinder_grid_14_box  {
	position: absolute; 
	top: 40px; 
	left: 8px; 
	width: 350px;
}
.apofinder_grid_14_form {
	display: block; 
	position: absolute; 
	top: -32px; 
	left: 0; 
	font-size: 12px; 
	font-weight: bold; 
	line-height: 18px; 
	width: auto; 
	background-color: #e2001a;
	padding: 6px 7px 7px; 
	border: 1px solid #e2001a; 
	border-bottom: none; 
	margin: 0;
}
.apofinder_grid_14 .form {
	padding: 0; 
	border: 0; 
	margin: 0;
}
.apofinder_grid_14 .fieldset {
	height: 44px; 
	background: #fff url(http://www.aponet.de/fileadmin/aponet/res/css/img/sprite/no-repeat.gif) no-repeat -300px 0; 		    padding: 0; 
	border: 1px solid #e2001a; 
	margin: 0;
}
.apofinder_grid_14 .input {
	position: absolute; 
	top: 13px; 
	left: 43px; 
	font: 15px/20px Trebuchet MS,Arial,Helvetica,sans-serif; 
	color: #898989; 
	width: 180px; 
	background-color: #fff; 
	padding: 0; 
	border: 0;
	margin: 0;
}
.apofinder_grid_14 .button {
	position: absolute; 
	left: 223px; 
	width: 40px; 
	height: 27px; 
	padding: 0; 
	margin: 9px 0 0 5px;
}

/*   Apotheken Finder Other sites
----------------------------------------

.apofinder {
	position: relative; 
	font: 14px Trebuchet MS,Arial,Helvetica,sans-serif; 
	color: #434343; 
	width: 458px; 
	height: 155px; 
	background-color: #fff; 
	padding: 0; 
	border: 1px solid #bfbfbf;
	margin: 0;	
}
.apofinder_box  {
	position: absolute; 
	top: 40px; 
	left: 8px; 
	width: 350px;
}
.apofinder_form {
	display: block; 
	position: absolute; 
	top: -32px; 
	left: 0; 
	font-size: 12px; 
	font-weight: bold; 
	line-height: 18px; 
	width: auto; 
	background-color: #e2001a;
	padding: 6px 7px 7px; 
	border: 1px solid #e2001a; 
	border-bottom: none; 
	margin: 0;
}
.apofinder .form {
	padding: 0; 
	border: 0; 
	margin: 0;
}
.apofinder .fieldset {
	height: 44px; 
	background: #fff url(http://www.aponet.de/fileadmin/aponet/res/css/img/sprite/no-repeat.gif) no-repeat -300px 0; 		    padding: 0; 
	border: 1px solid #e2001a; 
	margin: 0;
}
.apofinder .input {
	position: absolute; 
	top: 13px; 
	left: 43px; 
	font: 15px/20px Trebuchet MS,Arial,Helvetica,sans-serif; 
	color: #898989; 
	width: 180px; 
	background-color: #fff; 
	padding: 0; 
	border: 0;
	margin: 0;
}
.apofinder .button {
	position: absolute; 
	left: 223px; 
	width: 40px; 
	height: 27px; 
	padding: 0; 
	margin: 9px 0 0 5px;
}
*/
/*---------------------------------------*/
/*   4.4  cluetip Tooltips               */   
/*---------------------------------------*/


/* global 
-----------------------------------------*/
div.ui-cluetip {
  font-size: 1em;
}
.ui-cluetip-header,
.ui-cluetip-content {
  padding: 12px;
}
.ui-cluetip-header {
  font-size: 1em;
  margin: 0;
  overflow: hidden;
}

.cluetip-title .cluetip-close {
  float: right;
  position: relative;
}
.cluetip-close img {
  border: 0;
}

#cluetip-waitimage {
  width: 43px;
  height: 11px;
  position: absolute;
  background-image: url(images/wait.gif);
}
.cluetip-arrows {
  display: none;
  position: absolute;
  top: 0;
  left: -11px;
  width: 11px;
  height: 22px;
  background-repeat: no-repeat;
  background-position: 0 0;
  border-width: 0;
}
.cluetip-extra {
  display: none;
}

/*    cluetipClass: 'default'
-------------------------------------- */

.cluetip-default,
.cluetip-default .cluetip-outer {
  background-color: #d9d9c2;
}
.cluetip-default .ui-cluetip-header {
  background-color: #87876a;
}


/*
.cluetip-default #cluetip-outer {
  position: relative;
  margin: 0;
  background-color: #d9d9c2;
}
.cluetip-default h3#cluetip-title {
  margin: 0 0 5px;
  padding: 8px 10px 4px;
  font-size: 1.1em;
  font-weight: normal;
  background-color: #87876a;
  color: #fff;
}
.cluetip-default #cluetip-title a {
  color: #d9d9c2;
  font-size: 0.95em;
}
.cluetip-default #cluetip-inner {
  padding: 10px;
}
.cluetip-default div#cluetip-close {
  text-align: right;
  margin: 0 5px 5px;
  color: #900;
}
*/

/* default arrows
--------------------------------------*/

div.cluetip-default .cluetip-arrows {
  border-width: 0;
  background: transparent none;
}
div.clue-right-default .cluetip-arrows {
  background-image: url(images/darrowleft.gif);
}
div.clue-left-default .cluetip-arrows {
  background-image: url(images/darrowright.gif);
  left: 100%;
  margin-right: -11px;
}
div.clue-top-default .cluetip-arrows {
  background-image: url(images/darrowdown.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  width: 22px;
  height: 11px;
}
div.clue-bottom-default .cluetip-arrows {
  background-image: url(images/darrowup.gif);
  top: -11px;
  left: 50%;
  margin-left: -11px;
  width: 22px;
  height: 11px;
}

/*    =cluetipClass: 'jtip'
-------------------------------------- */

.cluetip-jtip {
  background-color: #fff;
}
.cluetip-jtip .cluetip-outer {
  border: 2px solid #ccc;
  position: relative;
  /*background-color: #fff;*/
}

.cluetip-jtip .cluetip-inner {
  padding: 5px;
  display: inline-block;
}
.cluetip-jtip div.cluetip-close {
  text-align: right;
  margin: 0 5px 0;
  color: #900;
}

.cluetip-jtip .ui-cluetip-header {
  background-color: #ccc;
  padding: 6px;
/*  margin-bottom: 1em;*/
}

/* jtip arrows */
div.cluetip-jtip .cluetip-arrows {
  border-width: 0;
  background: transparent none;
}
div.clue-right-jtip .cluetip-arrows {
  background-image: url(images/arrowleft.gif);
}
div.clue-left-jtip .cluetip-arrows {
  background-image: url(images/arrowright.gif);
  left: 100%;
  margin-right: -11px;
}
div.clue-top-jtip .cluetip-arrows {
  background-image: url(images/arrowdown.gif);
  top: 100%;
  left: 50%;
  width: 22px;
  height: 11px;
  margin-left: -11px;
}
div.clue-bottom-jtip .cluetip-arrows {
  background-image: url(images/arrowup.gif);
  top: -11px;
  left: 50%;
  width: 22px;
  height: 11px;
  margin-left: -11px;
}

/*    =cluetipClass: 'rounded'
-------------------------------------- */
.cluetip-rounded {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background-color: #fff;
  border: 1px solid #ccc;
}

.cluetip-rounded .cluetip-outer {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background-color: #fff;
}

.cluetip-rounded  .cluetip-arrows {
  border-color: #ccc;
}

/* need to be more specific here to override ThemeRoller defaults */
div.cluetip-rounded  .cluetip-arrows {
  font-size: 0;
  line-height: 0%;
  width: 0;
  height: 0;
  border-style: solid;
  background: transparent none;
}
div.clue-right-rounded .cluetip-arrows {
  border-width: 11px 11px 11px 0;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
div.clue-left-rounded .cluetip-arrows {
  left: 100%;
  margin-right: -11px;
  border-width: 11px 0 11px 11px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;

}
div.clue-top-rounded .cluetip-arrows {
  top: 100%;
  left: 50%;
  border-width: 11px 11px 0 11px;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
.clue-bottom-rounded .cluetip-arrows {
  top: -11px;
  left: 50%;
  border-width: 0 11px 11px 11px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-left-color: transparent;

}
/* stupid IE6 HasLayout hack */
.cluetip-rounded .cluetip-title,
.cluetip-rounded .cluetip-inner {
  zoom: 1;
}

/*------------------------------------*/
/*     Slide Toggle                   */
/*------------------------------------*/
/* für die Box */


.dbox{
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:normal;
color:#333333;
line-height:130%;
margin: 15px 0px 25px 80px;

}
.linkleiste {
width:100%;
padding:3px;
color:#999;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
margin:0px 0px 4px 50px;
}
.linkleiste a:link {
color:#999;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
text-decoration:none;
text-transform:none;
}
.linkleiste a:visited {
color:#666;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
text-decoration:none;
text-transform:none;
}
.linkleiste a:hover{
color:#666;
font-size:12px;
text-decoration:none;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-transform:none;
}
.linkleiste .bild {
        margin:0 0 -2px 0;
}

/*----------------------------------*/
/*       Cookies ...................*/
/*----------------------------------*/