/* Layout */

body { background-image:url(../images/background.gif); background-repeat:repeat-x; background-color:#f4f4f4; font-family:Arial, Tahoma, Sans-Serif; font-size:100.01%; color:#888; margin:0 auto; padding:0; text-align:center; }

#framework { width:950px; margin:25px auto; padding:0; border:0; font-size:69%; }

#container { background:#fff; margin:0 auto; padding:0; border:0; text-align:left; float:left; }

#navigation-left { width:709px; height:59px; float:left; }

#navigation-main li { padding:0; margin:0; line-height:59px; border-right:1px solid #e5e5e5; float:left; }
#navigation-main a { background-color:#fff; font-size:1.1em; color:#888; text-decoration:none; line-height:33px; padding:21px 13px 0 13px; border-bottom:5px solid #999; display:block; }
#navigation-main a:hover { background-image:url(../images/navigation-main-hover.gif); background-repeat:no-repeat; background-position:left top; background-color:#fff; }
#navigation-main a.sel, #navigation-main a.sel:hover { background-color:#fff; border-bottom:5px solid #00b5cb; }

#navigation-right { width:241px; height:29px; border-top:30px solid #fff; text-align:right; float:right; }

#search-field { width:200px; float:left; }
#search-button { width:23px; float:left; }

#head { clear:both; width:950px; height:166px; border-top:1px solid #fff; border-bottom:1px solid #fff; }

#logo { background-image:url(../images/head-logo.gif); background-repeat:no-repeat; background-color:#333; color:#fff; width:274px !important; width /**/:275px; height:166px; border-right:1px solid #fff; float:left; }
#logo a { width:275px; height:166px; display:block; }

/* Body */

#body { clear:both; width:922px !important; width /**/:950px; padding:0px 14px; border-top:10px solid #e2e2e2; }

#body-left { width:173px; padding:0; margin:0; border-top:20px solid #fff; border-bottom:20px solid #fff; float:left; }

#body-left ul, #content-left ul, #content-right ul { background-image:url(../images/points.gif); background-repeat:repeat-x; background-position:top left; padding:1px 0 0 0; margin:0; }
#body-left li, #content-left li, #content-right li { background-image:url(../images/points.gif); background-repeat:repeat-x; background-position:bottom left; padding:0 0 1px 0; font-size:1em; font-weight:normal; color:#888; text-decoration:none; line-height:125%; display:block; }
#body-left li a, #content-left li a, #content-right li a, #body-left li span, #content-left li span, #content-right li span { background-color:#fff; background-repeat:no-repeat; background-position:top left; font-size:1em; font-weight:normal; color:#888; text-decoration:none; border-top:1px solid #fff; border-bottom:1px solid #fff; display:block; }

#body-left li a.sub01, #body-left li a.sub01-sel { padding:3px 0 3px 8px; }
#body-left li a.sub01:hover { color:#00b5cb; }
#body-left li a.sub01-sel { background-color:#f9f9f9; font-weight:bold; color:#888; }

#body-left li a.sub02, #body-left li a.sub02-sel { padding:3px 0 3px 16px; }
#body-left li a.sub02:hover { color:#00b5cb; }
#body-left li a.sub02-sel { font-weight:bold; color:#888; }

#body-right { width:722px !important; width:749px; padding:0 0 0 27px; margin:0; border-top:20px solid #fff; border-bottom:20px solid #fff; float:left; }

#content-left { width:495px !important; width /**/:549px; padding:0 54px 0 0; float:left; }

#content-left li a.main, #content-left li span.main { background-image:url(../images/square.gif); padding:3px 18px; }
#content-left a.main:hover { background-color:#f9f9f9; }

#content-left li span.sub { padding:3px 4px 3px 18px; }
#content-left li a.sub { padding:3px 4px 3px 24px; }
#content-left li a.sub:hover { color:#00b5cb; }

#content-right { width:173px; padding:0; margin:0; float:right; }
#content-right li a { background-image:url(../images/square.gif); padding:3px 4px 3px 18px; }
#content-right li a:hover { color:#00b5cb; }
#content-right li a.sel, #content-right li a.sel:hover { background-color:#f9f9f9; font-weight:bold; }


/* Action Bar */

#action { clear:both; background-color:#fff; height:24px; padding:0; margin:0; border-top:36px solid #fff; }
#action ul { background-image:url(../images/points.gif); background-repeat:repeat-x; background-position: top left; background-color:#fff; padding:1px 0 0 0; }
#action li { padding:0; margin:0; line-height:125%; float:left; }
#action a { font-size:1em; color:#888; text-decoration:none; padding:4px 0 4px 18px; margin:0 35px 0 0; display:block; }
#action a:hover { color:#00b5cb; }
#action a.goto-top { background-image:url(../images/goto-top.gif); background-position:left center; background-repeat:no-repeat; display:block; }
#action a.goto-print { background-image:url(../images/goto-print.gif); background-position:left center; background-repeat:no-repeat; display:block; }


/* Foot */

#foot { clear:both; background-image:url(../images/background-bottom.gif); background-repeat:no-repeat; background-position:top center; width:950px; height:24px; padding:15px 0; margin:0 auto; }
#foot p { width:447px !important; width /**/:475px; padding:0 14px; margin:0; font-size:1em; color:#888; }
#foot p.selector { text-align:left; float:left; }
#foot p.copyright { text-align:right; float:left; }
#foot a { font-size:1em; color:#888; }
#foot a:hover { text-decoration:none; }


/* Text Elemente */

h1, h2, h3, h4, h5, h6 { font-family:Georgia, Arial, Tahoma, Sans-Serif; padding:0; }
h1 { font-size:1.75em; font-weight:normal; color:#00b5cb; margin:0 0 20px 0; }
h2 { font-size:1.4em; font-weight:normal; color:#00b5cb; margin:0 0 15px 0; }
h3 { font-size:1.3em; font-weight:normal; color:#888; margin:0 0 10px 0; clear:both; }
h4 { font-family:arial, sans-serif; font-size:1.2em; color:#888; margin:0 0 10px 0; clear:both; }
h5 { font-family:arial, sans-serif; font-size:1.1em; color:#888; margin:0 0 5px 0; }

p { font-size:1em; color:#888; line-height:150%; padding:0; margin:0 0 20px 0; }

h3 a { color:#888; text-decoration:none; }

a { font-size:1em; color:#00b5cb; text-decoration:underline; outline:0; }
a:hover { text-decoration:none; }

span.left { width:55px; float:left; }
span.right { float:left; }

address br { clear:both; }
address { font-size:1em; font-style:normal; color:#888; line-height:150%; padding:0 0 20px 0; }

#content-right span.left { clear:both; width:45px; float:left; }
#content-right span.right { float:left; }

#container .error { font-size:1em; font-weight:bold; color:#BF1717; }
p.error { margin:0 0 10px 0; }

#container .ok { font-size:1em; font-weight:bold; color:#247F1F; }
p.ok { margin:0 0 10px 0; }


/* Listen Elemente */

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


/* Grafische Elemente */

img { border:0; }


/* Formular Elemente */

form { padding:0; margin:0; }
form br { clear:both; }

fieldset { border:1px solid #e5e5e5; padding:0 15px 15px 15px; margin:0; }
fieldset.none { border:0; padding:0; margin:0; }

legend { background-color:#fff; font-size:1em; color:#888; }

label { background-color:#fff; font-size:1em; color:#888; }
label.left { width:125px; padding:3px 10px 0 0; float:left; }

.left { float:left; }

input, textarea, select { background-color:#fff; font-family:Arial, Tahoma, Sans-Serif; font-size:1em; color:#888; outline:0; }

select, textarea, input.field, input.field-small { padding:2px; border-top:1px solid #ccc; border-left:1px solid #ccc; border-bottom:1px solid #eee; border-right:1px solid #eee; margin-bottom:5px; }
select:focus, textarea:focus, input.field:focus, input.field-small:focus { border-top:1px solid #999; border-left:1px solid #999; border-bottom:1px solid #ddd; border-right:1px solid #ddd; }
select { padding:2px 0; }

#content input.field, #content-left input.field { width:225px; height:16px; }

input.field-small { width:100px; }

#content select, #content-left select { width:231px; }


/* Sonstige Elemente */

.img-block { background-color:#fff; width:155px; height:105px; text-align:center; float:left; }
.no-javascript { background-color:#FEF5F5; padding:5px; margin:10px 0 0 0; font-size:1em; color:#BF1717; border:1px solid #BF1717; }
.blank { border:0; padding:0; margin:0; }


/* Navigation - Pages */

.limit-bar { height:20px; margin:0; padding:5px; border-top:1px dotted #d4d4d4; border-bottom:1px dotted #d4d4d4; }
li.limit-left { text-align:left; float:left; }
li.limit-right { text-align:right; float:right; }
ul.ul-limit { list-style:none; padding:0; margin:0; }
ul.ul-limit li { font-size:1em; color:#8C908E; padding:2px 5px 0 5px; margin:0; border-right:1px solid #D4D4D4; display:inline; }
ul.ul-limit li.none { border:none; }
ul.ul-limit li a { font-size:1em; color:#d4d4d4; text-decoration:none; padding:0 5px; margin:0; }
ul.ul-limit li a:hover { text-decoration:underline; }
ul.ul-limit li a.active { font-size:1em; font-weight:bold; color:#888; text-decoration:none; }
.input-right { display:inline; }


/* Zeilenwechsel */

.row01 { background-image:url(../images/points.gif); background-repeat:repeat-x; background-position:left top; background-color:#fff; font-size:1em; color:#888; padding:3px; }
.row02 { background-image:url(../images/points.gif); background-repeat:repeat-x; background-position:left top; background-color:#f9f9f9; font-size:1em; color:#888; padding:3px; }


/* Tabellen Elemente */

table { width:100%; font-size:1em; }

.td-titlebar { background:#888; font-size:1em; font-weight:bold; color:#fff; }
.td-titlebar a { font-size:1em; font-weight:bold; color:#fff; text-decoration:none; }
.td-titlebar a:hover { text-decoration:underline; }
#photo {
 background:url(../images/photo01.jpg) no-repeat;
 width:675px;
 height:166px;
 float:left;
}

#box-small {
 background:url(../images/box-small.gif) no-repeat;
}

#box-medium {
 background:url(../images/box-medium.gif) no-repeat;
}

#box-large {
 background:url(../images/box-large.gif) no-repeat;
}

#box-xtralarge {
 background:url(../images/box-xtralarge.gif) no-repeat;
}

#box-cms {
 background:url(../images/box-cms.gif) no-repeat;
}

#box-eshop {
 background:url(../images/box-eshop.gif) no-repeat;
}

#box-immobilien {
 background:url(../images/box-immobilien.gif) no-repeat;
}

#box-individual {
 background:url(../images/box-individual.gif) no-repeat;
}

#box-small, #box-medium, #box-large, #box-xtralarge, #box-cms, #box-eshop, #box-immobilien, #box-individual {
 width:175px;
 height:200px;
 padding:0;
 margin:0;
 float:left;
}

#box-small a, #box-medium a, #box-large a, #box-xtralarge a, #box-cms a, #box-eshop a, #box-immobilien a, #box-individual a {
 width:175px;
 height:200px;
 display:block;
}

.box-list {
 width:300px;
 float:right;
}

#content-left br {
 clear:both;
}