@import url(/css/impressum.css);
@import url(/css/reset.css);
@import url(/css/colors.css);
@import url(/css/elements.css);
@import url(/common/popup.css);
@import url(/css/formular.css);

body	{	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;
			background: url(/files/allgemein/body_bg.jpg) top left repeat-x;
			}

h1, table.formular tr.headline td	{font-size: 15px; font-weight:normal; margin-bottom: 12px; }
table.formular tr.headline td { padding-top:15px;}
h2	{font-size: 12px; font-weight:normal; margin-bottom: 2px;}

ul {list-style-type: none;}
p {line-height: 18px; margin-bottom:12px;}
a {text-decoration: none;}

div.price { margin-bottom: 10px; }
div.price,
table { width: 445px; }
table tr td { padding: 7px; font-size: 11px;}

table.price tr { text-align: center; }
table.price tr.preis td,
table.price tr.add td { font-size: 10px; }
table.price tr.preis td { font-weight: bold; }
table.price tr.head td { padding: 3px; font-weight: bold;}
table.price tr.date td { font-weight: bold; }


/* breite = xx px */
div.page, div#site-head, div#footer {width: 940px;}
div.page {	margin: 0em auto; position: relative; z-index: 0;
			background: url(/files/allgemein/innerpage_bg.jpg) top left repeat-y;
			}
div.page img#page {position: absolute; z-index: 10;}

div#site-head {	height: 306px;
				background: url(/files/allgemein/header.jpg) top left no-repeat;
				position: relative;
				z-index: 20;
				}
div#site-head img {padding-top: 35px; padding-left: 10px;}

div#right { float: left; width: 152px; }

ul#main-menu {	position: relative; z-index: 30;
				margin-top: 25px; margin-bottom: 20px;
				}
ul#main-menu li {padding-left: 10px; padding-top: 10px; margin-bottom: 0px;}
ul#main-menu li.active {
    background: url(/files/allgemein/menu.jpg) top left no-repeat;
}
ul#main-menu li.noChilds {
    background: none;
}
ul#main-menu li a {font-size: 14px;}
ul#main-menu li ul#sub-menu {	padding-left: 20px; padding-bottom: 6px;
								/*background: url(/files/allgemein/sub_menu_last_bg.jpg) bottom left no-repeat;
								background-color: #fff0b3;*/
								margin-left: -10px;
								width: 132px;
								}
ul#main-menu li ul#sub-menu li {	background: url(/files/allgemein/sub_icon.jpg) 0px 6px no-repeat;
									padding: 0px; padding-left: 8px; padding-bottom:3px;
                                    width: 120px;
									}							
ul#main-menu li ul#sub-menu li a {font-size: 11px;}
ul#main-menu li img.line {
    position: absolute;
    left: 0px;
}

ul#lang-menu {
    position: absolute;
    top: 5px;
    right: 10px;
}
ul#lang-menu li { float: left; }
ul#lang-menu li img { padding-top: 0px; }

div#news {float: right; width: 281px; z-index: 60; position: relative; right: 11px; margin-top: 25px;}
div#news ul#speise-menu,
div#news h1 {	font-size: 11px; font-weight: bold;
				background: url(/files/allgemein/news_bg.gif) top left no-repeat;
				padding: 10px; padding-right: 20px; padding-bottom: 0px;
				position: relative; z-index: 100;
				}
div#news h3 {padding-bottom: 40px;}
div#news img {float: left; padding-right: 6px; padding-left: 10px;}
div#news img#aktuell {padding: 0px;}
div#news p {padding-right: 5px; padding-left: 10px;}
div#news ul#speise-menu {clear: both; margin-top: 35px;}
div#news ul#speise-menu li a {font-weight: bold;}

div#news div.teaser {
    background: url(/files/allgemein/teaser_bg.jpg) 0px 15px no-repeat;
    width: 280px;
    min-height: 84px;
}

div#outercontent {
    position: relative;
    width: 638px; float: left;
    z-index: 40;
    padding-left: 10px;
}
    
div#content {	width: 445px;
				z-index: 50;
				min-height: 500px;
                height:auto !important;
                height: 500px;
				background: url(/files/allgemein/content_bg.jpg) top left no-repeat;
				position: relative;
				float: right;
				padding: 20px; padding-top: 35px; padding-bottom: 30px; 
				}

div#content ul li {
    background: url(/files/allgemein/sub_icon.jpg) no-repeat 0px 5px;
    padding-left: 10px;
    margin-bottom: 5px;
}

div#content div#subsub-menu {
	position: relative;
}

div#content p#subsub-menu-active {}

div#content p#subsub-menu-active span {
	height:22px;
	padding:3px;
	padding-right:30px; 
	border:1px solid #064b0b; 
	background-color:#ffffff;
	background-image: url(/files/allgemein/dropdown_bg.gif);
	background-repeat: no-repeat;
	background-position: right;
}
div#content p#subsub-menu-active a { color:#064b0b;}

div#content div#subsub-menu-list {
	position:absolute;
	top:19px;
	margin:0px;
	display:none;
	padding:10px; 
	padding-left:3px; 
	border:1px solid #064b0b;
	background-color:#ffffff;
}

div#content div#subsub-menu ul li {
    background: none;
}

div.element, div#footer, div.clear {clear: both;}

div#footer {	height: 38px;
				margin: 0em auto; position: relative;
				background: url(/files/allgemein/footer.jpg) top left no-repeat;
				z-index: 50; position: relative;
				}
div#adress {
    width:900px; text-align:center;
    position: relative;
    margin: 0em auto; 
    padding-top: 2px; padding-bottom: 10px;
    font-size: 9px;
    color: #8d8d8d;
}

div#bottom-menu {float: right; margin-right: 20px; margin-top: 8px;}
div#bottom-menu li {float: left; padding-left: 10px; *padding-left: 20px; font-weight: bold;}
div#content ul#subsub-menu li img,
div#bottom-menu li img { position: relative; top: -3px; padding-left: 10px;}

img.plus { margin-left: -10px; }


.seminarpauschale table { border: none; }
.seminarpauschale table tr.head td { text-align: center;}
.seminarpauschale table tr td { text-align: left;}

/*----------CONTACT-HEADER----------------------------------------------------*/
#contact {
    position: absolute;
    top: 5px;
    right: 130px;
    text-align: right;
}
#contact a {
    display: block;
    font-weight: bold;
    color: #fff;
    padding: 3px 10px 3px 20px;
    background: #cab57e url(/files/allgemein/contactClose.jpg) no-repeat center left;
}
#contact a:hover { text-decoration: underline; }
#contact a#close {
    display: none;
    background: #cab57e url(/files/allgemein/contactOpen.jpg) no-repeat center left;
}
#contact #contactInfo {
    display: none;
    position: absolute;
    top: 20px;
    right: 0px;
    width: 200px;
    margin-top: 5px;
    padding: 10px;
    color: #000;
    text-align: left;
    background: #fff;
    opacity: 0.9;
    filter: alpha(opacity = 90);
}
#contact #contactInfo a {
    display: inline;
    padding: 0px;
    font-weight: normal;
    color: #000;
    background: none;
    text-decoration: underline;
}
#contact #contactInfo a:hover { text-decoration: none; }