/***************************************
 *   ___  ___  ___
 *  / __)/ __)/ __)
 * ( (__ \__ \\__ \
 *  \___)(___/(___/
 *
 * 2006 - Dave Pisek
 ***************************************/


* {margin:0; padding:0}
body {padding-bottom:30px; background:url(../images/body_bg.jpg) repeat-x 0 6px; font-family: tahoma, sans; font-size:small; line-height:1.4em}

a {text-decoration:none}
a:hover {}
a:visited {}
a:active {}

a.img {}
a.img:hover {border:none}

a.back {background:#94130B; color: #fff}

ul {list-style:none; margin-bottom:15px}
ul.enum {list-style:square; margin-left:15px}

ol {margin:20px 0 30px 25px}
ol li {padding-left:5px}

ul.enum li ul {list-style:disc; font-style:oblique; margin-bottom:0}
a.active {border-bottom:1px dotted #94130B}

p {line-height:1.5em; font-size:89%}
p.lower {padding-top:15px}

h1 {line-height:1em; padding:25px 25px 10px 10px; font-size:140%; font-weight:normal; font-style:oblique; font-family:verdana, sans}
h2 {margin-bottom:10px; color:#880701; font-size:105%;}
h2.after {margin:5px 0}
h3 {font-weight:bold; font-size:100%; margin:25px 0 0 0; margin-bottom:-5px}
h4 {font-weight:normal; color:#880701; margin:10px 0 -5px 0}

div.middle h2, div.middle h3, div.middle p,div.middle li {padding-right:10px}

span.red {color:#880701}
h2.biggerMargin { margin-top:15px }

/*******************
  Struktur
*******************/

div#wrap, div#header, div#menu, div#content {width:897px}

/* The boxes inside the main sections */
div.left, div.middle, div.right, div.big {float:left; padding:0 0 0 15px}
div.left   	{width:167px}
div.middle 	{width:425px; padding:0}
div.right  	{width:167px}
div.big 	{width:592px; background:#fff}

div#wrap    {margin:0 auto; background:url(../images/wrap_bg.gif) repeat-y top left; overflow:auto;}
div#header  {float:left; height:110px}
div#menu    {float:left; height:190px; border-bottom:15px solid #fff; border-top:5px solid #fff}
div#content {float:left}


/****************
   Header
****************/

div#header div {height:110px; text-align:center;}

div#header div.left img {margin-top:10px; margin-left:-25px;}
div#header div.middle img {margin-top:20px}
div#header div.right {width:173px; font-size:85%; font-weight:bold; }
div#header div.right p {margin-top:0px}

div#header a {color:#000; padding:0 0 0 0; margin-right:3px}
div#header a:hover {color:#880701}

div#header a#kontakt {background:url(../images/header_mail.jpg) no-repeat center left; padding-left:12px; }
div#header a#telefon {background:url(../images/header_phone.jpg) no-repeat center left; padding-left:12px; }

p.languages { text-align:center; padding-top: 5px }
p.languages img { margin-right: 5px}

/****************
    Menu
****************/

div#menu div {height:190px}
div#menu div.left, div#menu div.right {color:#fff; background:url(../images/left_right_bg.jpg) repeat-x #A9221C}
div#menu div.middle {background:url(../images/menu_middle_bg.jpg) no-repeat top left}
div#menu div.right a {color:#fff}

div#menu ul {font-weight:bold; padding:10px 0 0 0}
div#menu li {padding-left:15px; line-height:1.4em;}
div#menu li.active {background:url(../images/menu_li_active.jpg) no-repeat center left}
div#menu li a {color:#fff}
div#menu li a:hover {color:#FCDEDE}

/****************
    Content
****************/
div#content div.middle {padding:0 0 0 10px; width:415px}
div#content div.left {padding:0 15px; width:152px}
div#content div.right {width:275px}

div#content a {font-weight:bold; color:#880701}
div#content a:hover {border-bottom:1px dotted #880701}

div#content a.back {background: transparent; border-bottom: 1px dotted }
div#content p {margin:7px 0}
div#content img {border:0} /* border: 2px solid #ccc*/
div#content p.img {line-height:1em}
div#content div.right a { border-bottom:1px dotted #880701 }
div#content div.right a.image { border:none }


div.aktuelles, div.angebote {padding:0px 0}
div#content div.aktuelles {margin-right:15px; background:url(../images/content_aktuelles_border.jpg) repeat-x bottom}
div#content div.last      {background:transparent}

div#content div.angebote {float:left; padding-bottom:5px}
div#content div.angebote img {float:right; margin-top:10px; padding-right:0}
div#content div.angebote p   {float:left; width:163px}
div#content div.angebote h3  {float:left; width:120px}

table {margin:15px 0 20px 0}
th	  {background:#F8DBDB}
tr:hover {background:#F8DBDB}
th.noBg {background:#fff}
td, th {padding:0 10px 0 2px}
td {text-align:right; border:1px solid #FCF0F0}
td.link {text-align:left}

table.noHover tr:hover {background:#fff}
table strong {color:#880701}

div#content div.right img {margin:5px 50px}
div#content a.image:hover {border:none}

div#content ul {margin:10px 0 15px 15px}
div#content ul ul {margin-top:0}

div#content ul.submenu {margin-left:0}

div#content ul li {margin-bottom:5px}
div#content ul ul li {margin-bottom:0}

img#personenGif {padding:5px 0 0 4px}
img.bicubic {-ms-interpolation-mode: bicubic;} 

/*Gallery*/
div#images {margin-top:20px}
div#images a:hover {border:none}
a.linkopacity img {filter:alpha(opacity=85); -moz-opacity: 0.85; pacity: 0.85;}

a.linkopacity:hover img {filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0;}
img.gallery {margin:0 10px 10px 10px}

/*Formulare*/
form {margin-right:10px}
fieldset {border:1px solid #A9221C; margin:5px; padding:7px}
legend {padding:5px; font-weight:bold; color:#A9221C}

input {padding:1px; border:1px solid #A9221C}
input:focus {background:#FCF0F0}
select {padding:1px 0 1px 0}
option {padding:0 10px 0 0}

textarea { border:1px solid #A9221C; width:100%; height:80px; }
textarea:focus { background:#FCF0F0 }

select.kategorie {width:150px}


input.button {background:#A9221C; border:none; margin: 15px 10px 0 0; font-weight:bold;
              color:#fff; cursor: pointer}

input.button.moreLeftMargin {margin-left:5px}

form p span {color:#A9221C}

form p strong { color:#A9221C }

fieldset.float p {float: left}
fieldset.float label {float: left}
fieldset.float input {float: right; margin:0 10px 0 5px}
fieldset.float p strong {float:right}
fieldset.float a {float: right}

fieldset.float.more input{ margin-right: 10px; width: 220px}


/*Links*/
div#links { margin-top:30px }
div#links a {display:block; margin:25px 0}
div#links a:hover { border:none }