@import url(/css/reset.css);
@import url(/css/superfish.css);


/* Layout
--------------------------------------------------------------------------------------- */

/* mac hide\*/
html, body {height:100%}
/* end hide */

body {
   padding:0;
   margin:0;
   text-align:center;
	background:#e5cfd6;
}

#container {
   min-height:100%;
   width:986px;
   text-align:left;
   margin:auto;
   position:relative;
   background:#fbf1f1 url(/img/bg.png) repeat-y 50%;
}

* html #container{height:99.9%;} /*For ie as treats height as min-height anyway - also addreeses rounding bug at bottom of screen in IE*/

#inner {
	width:950px;
	margin:auto;
}

#header {
	position:relative;
	height:293px;
	width:950px;
	margin:auto;
}

#header-it {
	position:relative;
	height:293px;
	width:950px;
	margin:auto;
}

#sprachen {
	position:absolute; top:-5px; right:20px; padding:5px 5px 0 5px;
	background:#fff;
	z-index:5;
	color:#999;
	text-align:center;
	font-size:0.9em;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	}
	
#sprachen a {color:#999; text-decoration:none;}


#content {
	width:950px;
	clear:both;
	margin:auto;
}

#main {
	float:left;
	width:615px;
	padding:40px 50px 40px 50px;
	background:#fff url(/img/bg-main.gif) repeat-x top;
}

#main img {border:1px dotted #ddd; padding:3px;}
#main img.noborder {border:none; padding:0;}

#box {
   position:relative;	
   width:195px;
   float:right;
   color:#222;
   padding:40px 20px 15px 20px;
   margin:0 0 15px 0;
   background:#f6e9ef url(/img/bg-box.gif) repeat-x top;
}

#footer {
   width:900px;
   clear:both;
   color:#fff;
   bottom:0;
   position:absolute;
   padding:17px 0 17px 50px;
   font:0.9em/1.8em Arial, Helvetica, sans-serif;
   background:url(/img/footer.png) repeat-x;
}

#clearfooter {width:100%;height:52px;clear:both} 




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

#menu {
	float:left;
	margin:0;
	display:inline;
	background:url(/img/menu.png) repeat-x;
}

#menu .content {
	padding:0;
}

.sf-menu ul li {font-size:.9em;}
.sf-menu ul li.last {border:0;}

#suche {
	float:right; 
	width:235px; 
	margin:0;
	height:42px;
	background: url(/img/menu-h.png) repeat-x;
}

#suche .content {
	padding:11px 0 0 20px;
}

input.suche-input {
	width:125px;
	font:bold 1em/1em Arial, Helvetica, sans-serif;
}

input.suche-button {
	color:#fff; 
	font:bold 1em/1em Arial, Helvetica, sans-serif;
	background:none; 
	border:none;
	cursor:pointer;
}



/* Typography
--------------------------------------------------------------------------------------- */

body {font-size:80%;color:#333;font-family: Helvetica, Arial, sans-serif; line-height:1.5em;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.5em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:0.5em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;height:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.2em;}
.list p {margin:0 0 0.5em;}
a:focus, a:hover {color:#000;}
a {color:#009;text-decoration:underline;}
blockquote {margin:1.5em;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre, code {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.25em;}
ul, ol {margin:0 1.5em 1.25em 2.5em;}
.list ul, .list ol {margin:0 1.5em 0.5em 2.5em;}
ul {list-style-type:disc;}
ul.margin li, ol.margin li {margin-bottom:1em;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:0.5em;}
th {font-weight:bold;background:#C3D9FF;}
th, td {0;}
tr.even td {background:#E5ECF9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.9em;margin-bottom:1.875em;line-height:1.7em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.right {text-align:right;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#ff0000;}
.highlight {color:#b7386b;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}
.floatright {float:right;}
.floatleft {float:left;}
img.floatright	{margin:5px 0 15px 15px;}
img.floatleft {margin:5px 15px 15px 0;}
img.noborder {border:none;}
.clear {clear:both;}
#box hr {color:#f4cadb; background:#f4cadb; border: 1px dotted #fff; border-style: none none dotted; margin-bottom:1.25em; }




h1 {
	font-size:1.7em; line-height:1em;
	color:#bb5d83;
}

h1 small {
	display:block;
	font-size:0.7em;
	padding-top:5px;
	color:#bb5d83;
}

#box h1, #box h1 small {
	color:#fff;
}

h2 {
	font:1.1em/1.2em Helvetica, Arial, sans-serif;
	color:#b7386b;
	margin-top:1.7em;
}

h2 strong {font-size:1.4em; font-weight:normal; padding-left:5px;}

h2 small {
	display:block;
	font-size:0.9em;
	padding-top:2px;
}

#box h2 {
	color:#b7386b;
	font:1.1em/1.2em Helvetica, Arial, sans-serif;
	padding:0; margin-top:0;
}

#box h2 small {
	display:block;
	font-size:0.85em;
	padding-top:2px;
}

h3 {
	font:bold 1em/1.5em Arial, Helvetica, sans-serif;
}



.index h2 {font:1.4em/1.2em Helvetica, Arial, sans-serif;
	color:#b7386b;
	margin:0 0 1em; padding-bottom:3px;
	border-bottom:1px solid #f1c6d7;}

.pink {color:#b7386b; font-size:1.3em; line-height:36px; padding-left:40px;}

.preis {font-size:1.05em; color:#b7386b;}

table.preise td {
	padding:5px 0;
	border-bottom:1px dotted #d9d9d9;
}

table.preise td.last {
	padding:5px 0;
	border-bottom:none;
}

table.abstand td {
	padding:2px 0;
}


hr {border:none; size:1; height:1px; background:#f1c6d7; color:#f1c6d7; margin:2em 0;}




/* Form
--------------------------------------------------------------------------------------- */

form#two {
	width:470px;
	margin:0;
	padding:0;
	background:#fff;
	}

form#two fieldset {
	width:450px; 
	display:block;
	border:1px solid #eee;
	padding:5px;
	margin-bottom:1em;
	line-height:1.5em;
	background:#FAFAFA;
	}
	
form#two legend {
	font:1.2em Arial, Helvetica, sans-serif;
	color:#B43835;
	margin-bottom:5px; 
	padding:3px; 
	}
	
form#two input {
	border:1px solid #ddd;
	background:#fff;
	padding-left:0.5em;
	margin-bottom:0.6em;
	}
	
form#two textarea {
	width:410px;
	height:10em;
	border:1px solid #ddd;
	padding:0.5em;
	overflow:auto;
	background:#fff;
	}

form#two fieldset#pers_daten input:focus, form#two textarea:focus {
	background: #fef0f1;
	border:1px solid #ddd;
	}
	
#pers_daten label {
	clear:left;
	display:block;
	float:left; 
	width:100px; 
	text-align:right; 
	padding-right:10px; 
	color:#000; 
	margin-bottom:0.6em;
	}

		
.anrede {
	display:block;
	float:left;
	margin-bottom:0.6em;
	margin-right:0.5em;
	color:#000;
	}
	
#info label {
	color:#000; 
	display:block;
	float:left;
	padding-left:15px;
	}
	
#info input {
	clear:left;
	float:left;
 	color:#888;
	margin-left:80px;
	}




/* Links
--------------------------------------------------------------------------------------- */

#main a:link, #main a:visited, #main a:active {color:#b7386b; text-decoration:none; border-bottom:1px dotted #b7386b;}
#main a:hover {color:#b7386b; text-decoration:none; border-bottom:1px solid #b7386b;}

#box a:link, #box a:visited, #box a:active {color:#b7386b; text-decoration:none; border-bottom:1px dotted #b7386b;}
#box a:hover {color:#b7386b; text-decoration:none; border-bottom:1px solid #b7386b;}

#footer a:link, #footer a:visited, #footer a:hover, #footer a:active {color:#edd8e7; text-decoration:none;}





/* Superfish
--------------------------------------------------------------------------------------- */

.sf-menu a, .sf-menu a:visited  { 
	color:			#fff;	
	font-weight:	bold;
}

.sf-menu li {
	background:		url(/img/menu.png) repeat-x;
}
.sf-menu li li {
	background:		url(/img/menu.png) repeat-x;
	border-bottom:	1px solid #FBF1F1;
}

.sf-menu li li li {
	background:		#d76c97;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		url(/img/menu-h.png) repeat-x;
	color:			#fff;
	outline:		0;
}

.sf-menu li#uberlink {
	background:		url(/img/menu-h.png) repeat-x;
	color:			#fff;
}






.angebote td table {margin:0;}
.angebote td p {margin-bottom:.5em;}
.angebote h2 {margin-top:0;}