body {
    position:relative;
    background:url(/grafiken/backpixel.jpg) #a5c0de;
    margin:0px;
    font-family:Arial, Verdana, 'Times New Roman', Sans-serif;
    font-size:13px;
    height:100%;
    color:#000;
}

h1 {font-size:22px; margin:2em 0px 1.5em 0px; color:#4e7095;}

h2 {font-size:13px; margin:1.5em 0px 1em 0px; color:#4e7095;}

h3 {font-size:13px; margin:1.5em 0px 1em 0px;}

p {margin:1em 0px;}

ul {list-style-type:square; margin-left:0px; padding-left:1em;}

ol {margin-left:0px; padding-left:1em;}

.li li {margin-bottom:1em;}

.nobullets {list-style-type:none; padding-left:0; margin-left:0;}

.floatleft {float:left;}

.floatright {float:right;}

.clearleft {clear:left;}

.aligncenter {text-align:center;}

.aligntop {vertical-align:top;}

h1 a, h2 a, h3 a {text-decoration:none;}

h2 a:focus, h2 a:hover, h2 a:active {color:#4e7095;}

.kasten {border:1px solid #000;}

.small {font-size:11px;}

.rot_fett {font-weight:bold; color:red;}

.italic {font-style:italic;}




/**** WEBSTEIN RELATED ****/

.websteinlogo {position:absolute; top:1.5em; right:0px;}




/**** POSITION / DISPLAY****/

.relative {position:relative;}

.absolute {position:absolute;}

.displayblock {display:block;}




/**** LINKS ****/

a, a:link, a:visited {text-decoration:underline; color:#4e7095;}

a:focus, a:hover, a:active {color:#f0a948;}

a img {border:0;}




/**** HIDE ****/

.hide {display:none; visibility:hidden;}



/**** SIZE (Ändern der Schriftgröße) ****/

a.size, a.size:link, a.size:visited {text-decoration:none; color:#fff; font-size:12px; float:right; margin-right:1px; margin-top:20px; width:64px; height:35px;}

a.size:focus, a.size:hover, a.size:active {color:#f0a948;}

a.size span {display:none;}

.img0 {background:url(/grafiken/bigger.jpg) no-repeat;}

.img1 {background:url(/grafiken/smaller.jpg) no-repeat;}




/**** TOP-LINK ****/

p.top  {margin-top:50px; height:1em;}

p.top a {float:right;}




/**** PDF-LINK ****/

.pdf_link  {background:url(/grafiken/pdf_icon.png) no-repeat; padding-left:20px;}




/**** MARGIN, PADDING, WIDTH, HEIGHT, ETC. ****/

.width100 {width:100px;}

.width150 {width:150px;}

.width175 {width:175px;}

.width200 {width:200px;}

.width300 {width:300px;}

.fs14 {font-size:14px;}

.fs12 {font-size:12px;}

.fs11 {font-size:11px;}

.mr200 {margin-right:200px;}

.mr20 {margin-right:20px;}

.ml50 {margin-right:50px;}




/**** HINTERGRUND ****/

div#hintergrund {
    position:absolute;
    background:url(/grafiken/horizontal.jpg) repeat-x;
    width:100%;
    text-align:left;
}

div#top {
    background:url(/grafiken/top.jpg) center top no-repeat;
    width:100%;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:100px;
}

div#back {
    background:url(/grafiken/vertical.jpg) repeat-y;
    width:852px;
    margin-left:auto;
    margin-right:auto;
}

div#main {
    position:relative;
    background:url(/grafiken/top.jpg) -206px 0px no-repeat;
    width:100%;
    margin-left:auto;
    margin-right:auto;
    padding-left:0px;
}

div#w3c {
    width:700px;
    background:url(/grafiken/backpixel.jpg);
    text-align:center;
    padding:0 20px;
    font-size:11px;
    color:#336;
}




/**** FILIAL-BUTTONS ****/

ul.filialen {list-style-type:none; line-height:0; height:0; font-size:0; margin:0; padding:0;}

a#loew {position:absolute; right:10px; top:35px; height:105px; width:105px;}

a#muen {position:absolute; right:10px; top:152px; height:105px; width:105px;}

a#sehz {position:absolute; right:10px; top:269px; height:105px; width:105px;}




/**** HEADER ****/

div#header {
    height:174px;
    width:700px;
    margin-left:19px;
}




/**** BREADCRUMBS ****/

#breadcrumbs_start {
    height:24px;
    width:460px;
    font-size:11px;
    padding:0px;
}

#breadcrumbs {
    height:20px;
    width:460px;
    font-size:11px;
    padding:0px;
    margin:0px;
}

#breadcrumbs a {color:#A5C0DE;}

#breadcrumbs a:hover {color:#336;}

#breadcrumbs span {font-size:12px;}




/**** NAVIGATION ****/

ul#navigation {
    height:24px;
    width:702px;
    margin-left:19px;
    list-style-type:none;
    margin-top:0;
    padding:0;
    margin-bottom:0;
}

ul#navigation li {padding-left:2px; background:url(/grafiken/button_devide.png) no-repeat; display:inline; float:left;}

ul#navigation li.lino {padding:0; background:none;}

a.navi, a.navi:link, a.navi:visited {float:left; display:block; height:20px; background:none; color:#336; text-align:center; font-size:12px; font-weight:bold; text-decoration:none; padding-top:4px;}

a.navi:focus, a.navi:hover, a.navi:active {background:url(/grafiken/button_klick.png) repeat-x;}

a.n_open, a.n_open:link, a.n_open:visited, a.n_open:focus, a.n_open:hover, a.n_open:active {background:url(/grafiken/button_klick.png) repeat-x;}

a.home {width:88px;}

a.news {width:65px;}

a.sehhilfen {width:140px;}

a.links {width:65px;}

a.downloads {width:105px;}

a.kontakt {width:130px;}

a.impressum {width:95px;}

span.info {color:gray; font-size:10px; text-transform:uppercase;font-family:Verdana, 'Times New Roman', Sans-serif;}

li a.low-vision, li a.low_vision {
    background:url(/grafiken/low_vision_blue.png) no-repeat bottom center;
    color:black;
    display:block;
    height:120px;
}

.lv {
    float:right;
    margin-right:50px;
}



/**** SUB-NAVIGATION ****/

div#sub_navigation {
    width:160px;
    padding:50px 10px 50px 10px;
    float:left;
    margin-left:20px;
}

ul.navig {
    padding-top:0;
    margin-top:0;
    margin-left:0;
    padding-left:0px;
    font-size:15px;
    font-weight:bold;
    list-style-type:none;
    margin-bottom:1em;
}

ul.navig li {font-variant:small-caps; color:#336;}

ul.navig ul {
    padding-top:5px;
    padding-left:0px;
    font-weight:normal;
    text-decoration:none;
    font-size:13px;
}

ul.navig ul li {padding-top:0px; font-variant:normal;}

ul.navig a, ul.navig a:link, ul.navig a:visited {text-decoration:none; color:#336;}

ul.navig a:focus, ul.navig a:hover, ul.navig a:active {text-decoration:underline;}

ul.navig li a.navilinks_unter, ul.navig li a.navilinks_unter:link, ul.navig li a.navilinks_unter:visited {text-decoration:underline;}




/**** INHALT ****/

div#inhalt_start {
    height:452px;
    width:700px;
    margin-top:3px;
    margin-left:19px;
    background-color:#a5c0de;
    z-index:100;
}

div#inhalt_ {
    min-height:400px;
    width:460px;
    margin-top:0px;
    margin-left:220px;
    padding:0px 10px 50px 10px;
}

#text {line-height:1.5em; margin-top:30px;}

.coll {
    list-style-type:none;
    margin-left:0;
    padding-left:0;
}




/**** FOOTER ****/

div#footer {
    background:url(/grafiken/footer.jpg) center no-repeat;
    bottom:0px;
    height:42px;
    width:738px;
    font-size:12px;
    color:#D8E5F3;
    clear:left;
}

div#footer p {position:relative; height:1.5em; margin:0px; padding:7px 30px 0 20px;}

div#footer a, div#footer a:link, div#footer a:visited {text-decoration:none; color:#D8E5F3;}

div#footer a:focus, div#footer a:hover, div#footer a:active {color:#f0a948;}

#footer_middle {position:absolute; margin-left:300px; bottom:3px;}

.size_f {position:absolute; bottom:3px; right:30px;}

#footer a#webstein_footer {position:absolute; bottom:3px; padding-left:30px; color:#D8E5F3;}




/**** ANKERLISTE ****/

div.ankerliste {margin:2em 0; border-top:1px dashed silver; border-bottom:1px dashed silver;}

ul.ankerlistenpunkte {list-style-type:none; list-style-image:url(/grafiken/ankerlistenpunkt.png); font-weight:bold;}




/**** TABELLEN ****/

table.tabelle {border-collapse:collapse; width:460px;}

table.tabelle td {border:1px dashed silver; padding:2px 5px;}




/**** LISTENTRENNZEICHEN ****/

ul.tick {list-style-type:none; list-style-image:url(/grafiken/tick.png); padding-left:0px; margin-left:25px;}

ul.tick li {margin-bottom:1em; padding-left:10px;}




/**** ICONLINKS ****/

.iconlinks {width:460px; min-height:100px; margin-bottom:20px;}

.iconlinks img {float:left;}

.iconlinks p {margin:0px 0px 0px 120px;}




/**** FOLDER ****/

.folder {width:150px; height:200px; float:left; text-align:center; margin-bottom:1em;}

.folder a {text-decoration:none;}




/**** GRAFIK-BESCHREIBUNGEN ****/

.beschreibung {vertical-align:bottom; width:438px; min-height:210px; padding:10px; border:1px dashed silver; margin:2em 0; background:#fdeecb;}

.beschreibung img {float:left; border:1px solid silver; margin-right:20px; margin-bottom:10px; }

.beschreibung p {margin:0; margin-left:230px;}

.beschreibung p .icon_nobo {border:none;}

.beschreibung span.bu {float:left; display:block; width:200px;}




/**** EINLEITUNG ****/

.einleitung {width:489px; position:relative;}

.einleitung p {width:290px; margin-top:0;}

.einleitung img {float:right;}




/**** KONTAKT-FORMULAR ****/

#formular {width:300px; padding-left:80px; padding-right:80px; background:#fdeecb; width:300px; border:1px dashed silver;}

.label {display:block;}

.form_button {
    background-color:#eee;
    border:1px solid silver;
    width:120px;
    height:20px;
    color:#000;
    cursor:pointer;
    font-size:13px;
}


.kontakt_feld {
    background-color:#fff;
    border:1px solid silver;
    width:192px;
    padding-left:3px;
    padding-right:3px;
    font-size:13px;
}

.kontakt_feld_gross {
    background-color:#fff;
    border:1px solid silver;
    width:292px;
    padding-left:3px;
    padding-right:3px;
    font-size:13px;
}


.kontakt_textfeld {
    border:1px solid silver;
    width:292px;
    padding-left:3px;
    padding-right:3px;
    height:150px;
    font-size:13px;
}

input {font-family:Arial, Verdana, 'Times New Roman', Sans-serif;}

textarea {font-family:Arial, Verdana, 'Times New Roman', Sans-serif;}

.form_caption {margin-left:-70px; margin-top:10px;}




/**** IMAGES ****/

#images {height:452px; width:700px;}



/**** STARTTEXT ****/

#starttext {height:0px; overflow:hidden;}




/**** NEWS ****/

.ml35 {
    margin-left:35px;
}

.forminput {
    position:relative;
    margin-left:35px;
    margin-top:50px;
    font-size:12px;
}

.forminput p {
    margin-top:0.5em;
    margin-bottom:0.5em;
}

.formbox {
    margin-left:330px;
}

.artikelbereiche {
    position:absolute;
}

.artikelbereiche p {
    margin-bottom:90px;
}

.label_70 {
    width:70px;
    display:block;
    float:left;
}




/*---- NEWS ----*/

.jsinsert {cursor:pointer;}

form#forminput p {
    margin-left:.7em;
    margin-top:.5em;
    margin-bottom:.5em;
}
form#forminput h3 {
    margin-left:.7em;
}

form#forminput fieldset {
    margin-bottom:1em;
    padding-bottom:1em;
}

form#forminput fieldset legend {
    font-weight:bold;
}

.newstitel {
    width:410px;
}

.newstext {
    width:410px;
    height:285px;
    font-size:13px;
}

#kategorie {
    width:300px;
}

.label_70 {
    width:70px;
    display:block;
    float:left;
}

.label_lang {
    width:260px;
    display:block;
    float:left;
}

.upload {
    width:420px;
}

.small {
    font-size:11px;
}

#datum {
    width:120px;
}

.news_box {
    margin-top:2em;
    margin-bottom:4em;
    border-bottom:1px dashed #c0c0c0;
}

.news_box h3 {
    font-size:16px;
}

p.schlagzeile {
    margin-bottom:0px;
    margin-top:0px;
    color:#10264B;
    font-weight:bold;
}

a.startnewslinks {
    font-weight:normal;
}

.news_caption {
    margin-bottom:5px;
    margin-top:5px;
    font-size:18px;
}

h3.u_news_caption {
    font-size:13px;
}

a.news_link {
    text-decoration:none;
}

.news_kat {
    margin-top:0;
    position:relative;
    font-size:13px;
    border-bottom:1px dashed #c0c0c0;
    border-top:1px dashed #c0c0c0;
    font-weight:bold;
    background:#d9e5f3;
}

.news_edit {
    margin-top:0;
    position:relative;
    font-size:13px;
    clear:both;
}

.news_datum {
    position:absolute;
    right:0px;
    font-weight:bold;
}

.newsimg {
    margin:-7px 20px 10px -5px;
    width:220px;
    float:left;
    background:url(/images/startseite/news_background.jpg) -5px 0px no-repeat;
}

.newsimg img {
    margin-top:10px;
    margin-left:5px;
}

.news_box p {
    width:auto;
}

.unterschrift {
    display:block;
    width:200px;
    margin-top:5px;
    font-size:11px;
    color:gray;
    padding-left:5px;
}

.inline {display:inline;}

.feld_klein_select {
    background-color:#eee;
    border:1px solid silver;
    width:40px;
    height:18px;
    color:#000;
    cursor:pointer;  
}

.news_box a.rot_fett {color:red;}

.angebote-link, .angebote-link:link, .angebote-link:visited {
    background:url(/grafiken/neu.png) no-repeat;
    font-size:16px;
    font-weight:bold;
    display:block;
    float:left;
    margin-left:5px;
    color:#333366;
    padding-left: 80px;
    height:42px;
    padding-top:30px;
    text-decoration:none;
}

.angebote-link:focus, .angebote-link:hover, .angebote-link:active {
    color:#333366;
    text-decoration:underline;
}