/* ############### JOHANNES LEIS ############### */
/* ############ WEBDESIGN & HOSTING ############ */
/* #                                           # */
/* # Letzte Aktualisierung: 8. Februar 2009    # */
/* #                 Autor: Johannes Leis      # */
/* #       Stylesheet Name: GREENEMBLEM        # */
/* #                                           # */
/* ############################################# */

/* ########## ALLGEMEINES ########## */
html, body {
  background-image : url('img/bg.gif'); 
  margin : 0px;
  padding : 0px; 
} 
table, td, form, img, p {
  border: 0;
  margin:  0;
  padding: 0;
}
#versteckt { 
  visibility:hidden;
}
  
/* ########## ENDE ALLGEMEINES ########## */
/* ########## LAYOUT ########## */
#main {
  background-color : #F2F2F2; 
  width : 100%; 
} 
/* ########## ENDE LAYOUT ########## */
/* ########## LOGO UND WAPPEN ########## */
#logo img {
  display : none;
}
#logo a{
  background-color : transparent;
  background-image : url('img/logo.gif'); 
  background-position: center center;
  background-repeat: no-repeat;
  height : 203px;
  left:50%;
  margin-left: 285px;
  position:absolute;
  right:50%;
  top:65px;
  width : 32px;
  z-index:2;
}
#wappen img {
  display : none;
}
#wappen a {
  background-image : url('img/wappen.gif');
  height : 85px;
  left:50%;
  margin-left: 330px;
  position:absolute;
  right:50%;
  top:65px; 
  width : 70px; 
  z-index:2;
}
#wappen a:hover {
  background-image : url('img/wappen_ho.gif');
  height : 85px;
  left:50%;
  margin-left: 330px;
  position:fixed;
  right:50%;
  top:65px; 
  width : 70px; 
  z-index:2;
}
/* ########## ENDE LOGO UND WAPPEN ########## */
#header {
  border-top : 2px solid #000000; 
  height : 26px; 
  width : 100%; 
} 

/* ########## HAUPTMENU ########## */
#mmenu {
  background-image : url('img/mmenu.gif');
  border: 0px;
  display:block;
  font-family : Sylfaen, Georgia, Times New Roman;
  font-size:9pt;
  height : 16px;
  list-style-type:none;
  margin-left: 0px;
  margin-top: 2px;
  margin-bottom: 2px;
  padding-left: 0px;
  padding-top: 6px;
  padding-bottom: 6px;
  text-align : center;
  width : 100%; 
}
#mmenu a {
  color:#000000;
  font-family : Sylfaen, Georgia, Times New Roman;
  font-size:8pt;
  padding: 7px;
  text-decoration : none;
  text-transform: uppercase;
} 
#mmenu a:hover {
  background-image : url('img/mmenu-ho.gif');
  background-repeat:repeat-x;
  border-left: 1px solid #CFDFF0;
  border-right: 1px solid #CFDFF0;
  font-family : Sylfaen, Georgia, Times New Roman;
  font-size:8pt;
  padding: 6px;
  text-decoration : none;
} 
#mmenu .selected {
  background-color: #FFFFFF;
  padding-top: 7px;
  padding-bottom: 7px;
} 
#mmenu li {
  background-image : url('img/mmenu-dot.gif'); 
  background-position: left;
  background-repeat: no-repeat;
  display: inline;
  padding-left: 12px;
} 
/* ########## HAUPTMENU ########## */
/* ########## SUBMENU ########## */
#smenu {
  background-image : url('img/smenu.png');
  border: 0px;
  display:block;
  font-family : Sylfaen, Georgia, Times New Roman;
  font-size:9pt;
  height : 16px;
  list-style-type:none;
  margin: 0px;
  margin-left: 29px;
  margin-right: 29px;
  padding-left: 0px;
  padding-top: 6px;
  padding-bottom: 6px;
  text-align : center;
  width : 521px; 
}
#smenu a {
  color:#000000;
  font-family : Sylfaen, Georgia, Times New Roman;
  font-size:8pt;
  padding: 7px;
  text-decoration : none;
  text-transform: uppercase;
} 
#smenu a:hover {
  background-color : #FFFFFF;
  background-repeat:repeat-x;
  font-family : Sylfaen, Georgia, Times New Roman;
  font-size:8pt;
  padding-top: 7px;
  padding-bottom: 7px;
  text-decoration : none;
} 
#smenu .selected {
  background-color: #FFFFFF;
  padding-top: 7px;
  padding-bottom: 7px;
} 
#smenu li {
  background-image : url('img/smenu-dot.gif'); 
  background-position: left;
  background-repeat: no-repeat;
  display: inline;
  padding-left: 12px;
} 
/* ########## SUBMENU ########## */


/* ########## INHALT ########## */
#contentheader {
  background-color : #f7fafc; 
  background-image : url('img/bg-content.jpg'); 
  margin:0 auto;
  text-align:center;
  position:relative;
  width : 580px;
} 
#content {
  background-color : #f7fafc; 
  background-image : url('img/bg-content.jpg'); 
  border-bottom: 3px solid #FFFFFF;
  border-left : 2px solid #F2F2F2; 
  border-right : 2px solid #F2F2F2; 
  color : #666666; 
  font-family : Verdana, Helvetica, sans-serif; 
  font-weight : normal; 
  font-size : 8pt; 
  line-height : 180%; 
  margin:0 auto;
  padding-top : 10px; 
  padding-left : 40px; 
  padding-right : 40px; 
  position:relative;
  width : 500px;
} 
#content a {
  color : #666666; 
  font-family : Verdana, Helvetica, sans-serif; 
  font-weight : normal; 
  font-size : 8pt; 
  text-decoration : underline; 
} 
#content a:hover {
 text-decoration : none; 
} 
#content h1,
#content h2 {
  color : #85A426;
  font-family : Sylfaen, Georgia, Times New Roman;
  font-size : 20pt; 
  font-weight : bold;
  margin:10px;
  margin-bottom:30px;
  text-decoration : none;
}
#content li {
  margin:  0;
  padding: 0;
} 
/* ########## ENDE INHALT ########## */

/* ########## FUSSZEILE ########## */

#footer {
  color : #FFFFFF; 
  font-family : Verdana, Helvetica, sans-serif; 
  font-weight : normal; 
  font-size : 8pt; 
  line-height : 180%; 
  padding : 10px; 
  position:relative;
  margin:0 auto;
  width : 500px;
} 
#footer:hover {
  color : #FFFFFF;
}
#footer:hover a {
  color : #FFFFFF;
}
#footer h1,
#footer h2 {
  color : #FFFFFF;
  font-family : Sylfaen, Georgia, Times New Roman;
  font-size : 18px; 
  font-weight : bold;
  padding-bottom : 8px;
  text-decoration : none;
}
#footer a {
  color : #FFFFFF;
  font-family : Verdana, Helvetica, sans-serif; 
  font-weight : normal; 
  font-size : 8pt; 
  text-decoration : underline; 
  padding: 5px;
} 
#footer a:hover {
  text-decoration : none; 
} 
#fmenu {
  border: 0px;
  margin: 0px;
  padding: 0px;
}
#fmenu li {
  background-color: #333333;
  background-repeat: no-repeat;
  display: inline;
} 
#fmenu a {
  background-color: #333333;
  color : #000000;
  font-family : Verdana, Helvetica, sans-serif; 
  font-weight : normal; 
  font-size : 8pt; 
  text-decoration : underline; 
  padding: 5px;
} 
/* ########## FUSSZEILE ########## */



#info-box2 {
  background-color : #FCFCE0;
  border : 5px solid #E2EBBC; 
  color : #000000; 
  padding : 10px;
  text-align : left; 
  text-decoration : none; 
  vertical-align : top; 
}

#info-box {
  background-image : url('img/bg.gif'); 
  border : 5px solid #000000; 
  color:#FFFFFF;
  margin:0px;
  margin-bottom :5px; 
  padding : 15px; 
  width: 458px;
}
#info-box li {
  display: inline;
} 
#info-box h1,
#info-box h2 {
  color : #FFFFFF;
  font-family : Sylfaen, Georgia, Times New Roman;
  font-size : 18px; 
  font-weight : bold;
  padding-bottom : 8px;
  text-decoration : none;
}

#form {
  border : 1px solid #A5ADB5; 
  color:#666666;
  font-family : Verdana, Helvetica, sans-serif; 
  font-size:8pt;
  margin-bottom:2px;
  padding:3px;
  text-decoration:none;
}
#form-textarea {
  border : 1px solid #A5ADB5; 
  color:#666666;
  font-family : Verdana, Helvetica, sans-serif; 
  font-size:8pt;
  font-weight:normal;
  padding:4px;
  text-decoration:none;
}

#home {
  background-image : url('img/bg.gif'); 
  border : 5px solid #000000; 
  height:58px;
  margin-bottom :5px; 
  padding : 15px; 
  width: 458px;
}

#kontakt {
  background-image : url('img/bg.gif'); 
  border : 5px solid #000000; 
  height:100px;
  margin-bottom :5px; 
  padding : 15px; 
  width: 458px;
}
#kontaktimg {
  border : 3px solid #FFFFFF; 
} 

#left_side {
  color:#FFFFFF;
  float: left;
  width: 229px;
}

#right_side {
  color:#FFFFFF;
  float: right;
  width: 229px;
}



#imglink {
  border : 5px solid #DCE8F4; 
  margin :1px; 
  padding : 4px; 
} 
#imglink:hover {
  border : 5px solid #000000; 
} 

#img {
  border : 5px solid #000000; 
  margin :1px; 
  padding : 4px; 
} 

/* ########## SEITENSPEZIFISCH ########## */

/* ##### HOSTINGBANNER ##### */
#hostingbanner { 
  background: url(img/inarbeit-hosting.gif) no-repeat; 
  display: block; 
  width: 521px; 
  height: 295px; 
  margin:0 auto;
  padding:0px;
} 
#hostingbanner li { 
  list-style-type: none; 
  padding:0px;
  margin:0px;
} 
   
#hostingbanner a {
  background-color:#FFFFFF; 
  border: 4px solid #CBE162;
  color : #000000;
  display: block; 
  position: absolute; 
  text-decoration:none;
  text-align:right;
  filter:alpha(opacity=10);
  -moz-opacity:0.1; 
  font-family : Verdana, Helvetica, sans-serif; 
  font-size : 8pt;
  padding-top:1px;
} 
   
#hostingbanner a:hover { 
  background-color:#FFFFFF; 
  border: 4px solid #CBE162;
  filter:alpha(opacity=30);
  -moz-opacity:0.3; 
}
#hostingbanner a span { 
  visibility: hidden; 
}
#hostingbanner a:3hover span { 
  visibility: visible; 
}
#Webpräsenz1 {
  left: 42px;
  top: 112px;
  height: 94px;
  width: 140px;
}
#Webpräsenz2 {
  left: 196px;
  top: 112px;
  height: 94px;
  width: 140px;
}
/* ##### ENDE HOSTINGBANNER ##### */
/* ##### WEBDESIGNBANNER ##### */
#webdesignbanner { 
  background: url(img/leistungen.gif) no-repeat; 
  display: block; 
  font-family : Verdana, Helvetica, sans-serif; 
  font-weight : normal; 
  font-size : 8pt; 
  height: 289px; 
  margin:0 auto;
  text-align:left;
  width: 521px; 
} 
#webdesigntext {
  height: 250px;
  width: 250px;
  padding:20px;
  line-height : 180%; 
}
#webdesigntext a{
  color : #666666;
  display:block; 
  font-family : Verdana, Helvetica, sans-serif; 
  font-weight : normal; 
  font-size : 8pt; 
  line-height : 100%; 
  text-decoration : none; 
  padding:8px;
  margin:-10px;
  width: 230px;
} 
#webdesigntext a:hover {
  background-color:#ECEEEC; 
  text-decoration : none; 
} 
/* ##### ENDE WEBDESIGNBANNER ##### */
/* ##### MULTIMEDIAMAP ##### */
#mmediamap { 
  background: url(img/multimedia.gif) no-repeat; 
  display: block; 
  width: 521px; 
  height: 410px; 
  padding:0px;
  margin:0 auto;
} 
#mmediamap li { 
  list-style-type: none; 
  padding:0px;
  margin:0px;
} 
   
#mmediamap a {
  border: 5px solid #D4D4D4;  
  display: block; 
  position: absolute; 
  text-decoration:none;
  visibility: visible; 
  overflow: hidden;
} 
   
#mmediamap a:hover { 
  border: 5px solid #CBE162; 
}

#mmediamap a span { 
  visibility: hidden; 
}
#mmediamap a:hover span { 
  visibility: hidden; 
} 
#mmediamap a:hover span a { 
  visibility: hidden; 
} 
#macmini {
  left: 240px;
  top: 155px;
  height: 75px;
  width: 65px;
}
#modding {
  left: 100px;
  top: 245px;
  height: 120px;
  width: 120px;
}
#media {
  left: 400px;
  top: 245px;
  height: 120px;
  width: 120px;
}

#mmediamap2 { 
  list-style-type:decimal;
} 

/* ##### ENDE MULTIMEDIAMAP ##### */

/* ##### HOSTING ##### */

#hosting-tab{
  background-color : #d5d5d5;
  padding: 0px; 
  margin : 1px; 
  height:25px;
  width: 100%;
  font-family : Tahoma, Verdana, Arial; 
  font-weight : normal; 
  font-size : 8pt;
}
#hosting-tab td {
  background-color : #FFFFFF;
  height:25px;
  padding-left : 5px; 
  padding-right : 5px; 
}
#hosting-tab-titel td {
  background-color : #ebebeb;
  padding-left : 5px; 
  padding-right : 5px; 
  height:25px;
}

/* ##### ENDE HOSTING ##### */

/* ##### WEBDESIGN ##### */

#accordian {
  margin:0 auto;
  padding:5px;
  width:490px;
  z-index:2;
}
#accordian a{
  color:#666666;
}
.accordion_headings {
  background:transparent url(img/webdesign-menu.gif) no-repeat scroll center top;
  clear:both;
  color:#666666;
  cursor:pointer;
  font-family : Sylfaen, Georgia, Times New Roman;
  font-size : 12pt; 
  font-weight : bold;
  height:23px;
  margin-top:0px;
  padding:7px 10px;
}
.accordion_headings:hover {
  background:transparent url(img/webdesign-menu-hover.gif) no-repeat scroll center top;
}
.accordion_child {
  border:0px solid #DCE8F4;
  clear:both;
  color:#666666;
  padding:20px 30px;
}

/* ##### ENDE WEBDESIGN ##### */

#johannes-leis a {
  background-image : url('img/johannesleis-bg.gif');
  padding-top:8px;
  padding-left:8px;
  padding-right:8px;
  padding-bottom:22px;
  height : 120px;
  left:50%;
  margin-left: 140px;
  position:absolute;
  right:50%;
  top:20px;
  width:87px;
}
#johannes-leis a:hover {
  background-image : url('img/johannesleis-bg-hover.gif');

}