/* CSS Document */

/*Einstellungen Browserfenster*/
* {
    margin:0;
    padding:0;
    }

/*Hintergrund body*/
body  {
    background:rgb(204,204,204) url(../images/body_hg.gif) repeat-x;
    font-family:verdana, arial, sans-serif;
    }

/*Container für alle Inhatselemente*/
#container  {
    width:900px;
    margin-top:50px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:50px;
    overflow:hidden;
    }

/*Linke Box*/
#box_links  {
    width:240px;
    height:750px;
    margin-top:0px;
    margin-left:0px;
    margin-bottom:10px;
    float:left;
    }

/*Logo in linker Box oben*/
#links_logo {
    width:240px;
    height:60px;
    background:url(../images/logo.gif) no-repeat;
    border-top:none;
    border-left:none;
    border-right:none;
    border-bottom:rgb(234,233,233) solid 3px;
    }

/*Balken unterhalb Logo*/
#links_balken {
    width:240px;
    height:27px;
    background-color:rgb(204,153,153);
    }

/*Bild unterhalb Balken und Logo*/
#links_bild_artonweb  {
    width:240px;
    height:660px;
    background:url(../images/laptop_links.gif) no-repeat;
    overflow:hidden;
    }

#links_text_philosophie {
    margin-top:40px;
    margin-left:40px;
    font-family:mistral, serif;
    font-size:22px;
    color:rgb(204,51,51);
    }
    
span.text_philosophie_klein {
    font-family:times new roman, serif;
    font-size:11px;
    }

#links_bild_philosophie  {
    width:240px;
    height:660px;
    background:url(../images/gladiole_links.gif) no-repeat;
    }

#links_bild_showroom  {
    width:240px;
    height:660px;
    background:url(../images/showroom_links.gif) no-repeat;
    }

#links_bild_brille  {
    width:240px;
    height:660px;
    background:url(../images/brille_links.gif) no-repeat;
    }

#links_bild_partner  {
    width:240px;
    height:660px;
    background:url(../images/partner_links.gif) no-repeat;
    }

#links_bild_kontakt  {
    width:240px;
    height:660px;
    background:url(../images/kontakt_links.gif) no-repeat;
    overflow:hidden;
    }

#links_text_kontakt {
    margin-top:430px;
    margin-left:50px;
    font-size:11px;
    color:white;
    }

#links_bild_vordergrund  {
    width:240px;
    height:660px;
    background:url(../images/vordergrund_links.gif) no-repeat;
    overflow:hidden;
    }

p.logo_schrift {
    margin-bottom:10px;
    font-family:consolas, verdana, sans-serif;
    font-size:24px;
    color:rgb(204,51,51);
    }

span.logo_schrift_schwarz {
    color:black;
    }

/*Mittlere Box*/
#box_mitte  {
    width:540px;
    height:750px;
    margin-top:0px;
    margin-left:20px;
    margin-bottom:10px;
    background-color:white;
    float:left;
    overflow:hidden;
    }

/*Navigationsbereich Hintergrund mit Farbbalken und Trennlinie sowie Links und Sublinks*/
#mitte_top_navigation  {
    width:530px;
    height:50px;
    margin-top:10px;
    margin-left:0px;
    margin-right:10px;
    background-color:rgb(204,51,51);
    border-bottom:rgb(234,233,233) solid 3px;
    overflow:hidden;
    }

#mitte_top_link {
    margin-top:17px;
    margin-left:40px;
    font-size:14px;
    color:white;
    }

a.top_link  {
    text-decoration:none;
    }

a.top_link:link, a.top_link:visited {
    color:white;
    }

a.top_link:hover, a.top_link:active {
    color:black;
    }

a.navi_self {
    text-decoration:none;
    }

a.navi_self:link, a.navi_self:visited {
    color:black;
    }

a.navi_self:hover, a.navi_self:active {
    color:black;
    }

#mitte_sub_navigation {
    width:530px;
    height:27px;
    margin-top:0px;
    margin-left:0px;
    margin-right:10px;
    background-color:rgb(204,153,153);
    overflow:hidden;
    }

#mitte_artonweb_sublinks  {
    width:300px;
    margin-top:6px;
    margin-left:40px;
    text-align:left;
    font-size:12px;
    color:white;
    }

/*Textfeld in der Mitte*/
/*Hintergrund*/
#mitte_textfeld_hg {
    width:540px;
    height:660px;
    margin-top:0px;
    margin-left:0px;
    background:url(../images/textfeld_hg.gif) repeat-x;
    }

/*Navigationsüberschriften*/
h1 {
    margin-top:0px;
    margin-left:50px;
    text-align:left;
    font-size:24px;
    font-weight:lighter;
    color:rgb(204,51,51);
    }

h2 {
    margin-top:40px;
    margin-left:125px;
    text-align:left;
    font-size:18px;
    font-weight:lighter;
    color:rgb(204,153,153);
    }

/*Textfeld mit Schriftformatierungen für h1, Fliesstext und Bilder*/
#mitte_textfeld {
    width:380px;
    margin-top:10px;
    margin-left:60px;
    text-align:left;
    overflow:hidden;
    }

h3  {
    margin-top:25px;
    margin-bottom:12px;
    font-size:12px;
    color:rgb(204,51,51);
    }

.h3_after {
    padding-top:25px;
    }

p {
    margin-bottom:8px;
    font-size:12px;
    color:rgb(102,102,102);
    }

p.showroom  {
    margin-top:20px;
    }

p.showroom_after  {
    clear:left;
    padding-top:20px;
    }
  
#mitte_textfeld img {
    width:140px;
    margin-right:15px;
    border:none;
    float:left;
    overflow:hidden;
    }

ul li {
    list-style-type:none;
    background-image:none;
    padding:0;
    margin-left:1.5em;
    font-size:12px;
    font-weight:bold;
    color:rgb(102,102,102);
    }

ul ul {
    margin-top:5px;
    }

ul ul li {
    list-style-type:circle;
    margin-left:5em;
    font-size:12px;
    font-weight:lighter;
    color:rgb(102,102,102);
    }

a.mitte_textfeld  {
    text-decoration:none;
    }

a.mitte_textfeld:link, a.mitte_textfeld:visited {
    font-size:0.8em;
    color:rgb(204,51,51);
    }

a.mitte_textfeld:hover, a.mitte_textfeld:active {
    font-weight:bold;
    }

/*Formular auf der Kontaktseite*/
form#kontakt  {
    width:380px;
    margin-top:10px;
    color:rgb(102,102,102);
    line-height:2;
    /*border:rgb(234,233,233) solid 1px;*/
    }

label {
    position:relative;
    bottom:2px;
    font-size:12px;
    cursor:pointer;
    }

label.davor {
    float:left;
    clear:left;
    width:100px;
    margin-right:10px;
    text-align:right; 
    }

input, textarea {
    border:rgb(234,233,233) solid 1px;
    color:rgb(102,102,102);
    }

input#anrede_herr {
    margin-left:110px;
    }

#senden {
    margin-top:10px;
    margin-left:110px;
    padding:5px;
    cursor:pointer;
    }

form p  {
    margin-top:10px;
    margin-left:110px;
    text-align:left;
    }

/*Rechte Box mit Bild*/
#box_rechts_bild_artonweb {
    width:90px;
    height:750px;
    margin-top:0px;
    margin-left:10px;
    margin-bottom:10px;
    background:url(../images/laptop_rechts.gif) no-repeat;
    float:left;
    overflow:hidden;
    }

#box_rechts_bild_philosophie {
    width:90px;
    height:750px;
    margin-top:0px;
    margin-left:10px;
    margin-bottom:10px;
    background:url(../images/gladiole_rechts.gif) no-repeat;
    float:left;
    overflow:hidden;
    }
    
#box_rechts_bild_showroom {
    width:90px;
    height:750px;
    margin-top:0px;
    margin-left:10px;
    margin-bottom:10px;
    background:url(../images/showroom_rechts.gif) no-repeat;
    float:left;
    overflow:hidden;
    }

#box_rechts_bild_brille {
    width:90px;
    height:750px;
    margin-top:0px;
    margin-left:10px;
    margin-bottom:10px;
    background:url(../images/brille_rechts.gif) no-repeat;
    float:left;
    overflow:hidden;
    }

#box_rechts_bild_partner {
    width:90px;
    height:750px;
    margin-top:0px;
    margin-left:10px;
    margin-bottom:10px;
    background:url(../images/partner_rechts.gif) no-repeat;
    float:left;
    overflow:hidden;
    }

#box_rechts_bild_kontakt {
    width:90px;
    height:750px;
    margin-top:0px;
    margin-left:10px;
    margin-bottom:10px;
    background:url(../images/kontakt_rechts.gif) no-repeat;
    float:left;
    overflow:hidden;
    }

#box_rechts_bild_vordergrund {
    width:90px;
    height:750px;
    margin-top:0px;
    margin-left:10px;
    margin-bottom:10px;
    background:url(../images/vordergrund_rechts.gif) no-repeat;
    float:left;
    overflow:hidden;
    }

/*Inhaltsbereich unten für Impressum und sonstiges*/
#box_unten  {
    clear:both;
    width:900px;
    height:30px;
    background-color:rgb(234,233,233);
    overflow:hidden;
    }

#footer_text {
    margin-top:8px;
    margin-left:auto;
    margin-right:100px;
    text-align:right;
    font-size:12px;
    color:rgb(204,51,51);
    }

a.unten_text {
    text-decoration:none;
    }

a.unten_text:link, a.unten_text:visited  {
    color:rgb(204,51,51);
    }
    
a.unten_text:hover, a.unten_text:active  {
    font-weight:bold;
    color:rgb(204,51,51);
    }