/* Start of CMSMS style sheet 'einfache_internetseiten' */
* {
margin : 0;
padding : 0;
}
body {
font : 100% "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
/*background : #bbb url(uploads/einfache_internetseiten/b.jpg) repeat-x top left;*/
background:#bbb;
overflow-y: scroll;
}
p {
margin-bottom : 6px;
}
#header {
height : 170px;
position : relative;
background:white;
}
#footer {
background-color : #b0b0b0;
padding : 1px 20px;

}
#wrapper {
width : 928px;
margin : 10px auto;
text-align : left;
background : #fff url(uploads/einfache_internetseiten/punkt_wrap_2.jpg) repeat-y left top;
/*background : #fff url(uploads/einfache_internetseiten/punkt_wrap_klein.jpg) repeat-y left top;*/
}
#content {
width : 660px;
float : right;
font-size : 110%;
}
#sidebar {
width : 245px;
float : left;
border-bottom : 1px solid #000;
}
#footer {
clear : both;
background-color : #000;
text-align : center;
color : white;
}
#eye_catcher {
position : absolute;
left : 5px;
top : 5px;
font-size : 28px;
height : 140px;
width : 250px;
background : url(uploads/einfache_internetseiten/zettel_ohne_schrift.jpg) no-repeat top left;
padding : 10px;
}
#phone{
position:absolute;
top:64px;
left:36px;
font-size:22px;
line-height:30px;
font-weight:bold;
}
#header_foto{
position:absolute;
top:16px;
left:268px;
}
#content h1 {
line-height : 38px;
font-size : 28px;
background : #eee;
margin-bottom : 8px;
background : url(uploads/einfache_internetseiten/h1_back_3.jpg) repeat-x top left;
margin-right : 10px;
padding-left : 6px;
}
/*
#navigation li {
list-style : none;
margin : 0;
border-top : 1px solid #000;
text-align : center;
display : block;
}
#sidebar ul li a {
text-decoration : none;
color : black;
font-size : 22px;
line-height : 38px;
display : block;
height:38px;
}
#sidebar ul li a:hover {
color : red;
}
#sidebar ul li #active {
color : red;
}
*/
.last {
margin-bottom : 50px;
}
.inner {
padding : 0 4px;
}

#aktion{
position:absolute;
right:10px;
top:17px;
/*background:url(uploads/einfache_internetseiten/sonderaktion.jpg) no-repeat top left;

height:118px;
width:149px;*/

height:118px;
width:250px;
font-size:12px;
}

#aktion p{
margin-left:20px;
margin-right:113px;
text-align:center;
}
#aktion img{
position:absolute;
top:0;
right:0;
}
#sidebar ul {
/*border-bottom:1px solid black;*/
}
#sidebar ul li {
list-style : none;
margin : 0;
border-top : 1px solid #000;
text-align : center;
display : block;
}
#sidebar ul li a {
text-decoration : none;
color : black;
font-size : 22px;
line-height : 38px;
display : block;
}
#sidebar ul li a:hover {
color : red;
}
#sidebar ul li .menuactive {
color : red;
}

a:focus{
outline:none;
}

.sonderaktion{
margin-bottom:120px;
}

#aktion img{
border:none;
}

#content .inner ul{
margin:15px 0px;
}
#content .inner ul li{
padding-left:25px;
list-style:none;
background:url(uploads/einfache_internetseiten/list_style_red.jpg) no-repeat center left;
line-height:24px;
font-size:20px;
margin:10px 0;
}

#content .inner table{
width:620px;
margin-bottom:15px;
}
#content .inner table td{
padding:10px 5px;
}
#content .inner table .left{
color:#000aaa;
}
.branding{
color:red;
}
/*************************MAX MUSTERMANN********************/
 #muster{
  margin:10px auto;
  width:450px;
  position:relative;
  }
  #muster_sidebar a{
  font-size:12px;
  }
  #muster_header{
  position:relative;
  background:#bbb;
  height:80px;
  }
  #muster_header img{
  position:absolute;
  top:0;
  left:0;
  }
  #muster_header h1{
   position:absolute;
  top:10px;
  left:140px;
background:none;

  }
  #muster_sidebar{
  position: absolute;
  top:80px;
  left:0;
  }
  #muster_text{
  margin-left:90px;
  }
  #muster_text h2{
  margin:0;
  padding:0;
  text-decoration:underline;
  font-size:16px;
  }
  #muster_rahmen{
  width:460px;
 border:1px solid black;
margin:15px 0;
  }
  #muster_text #muster_h2_neu{
  text-decoration:none;
  font-size:22px;
  }
   #muster_header_2{
  position:relative;
  background:#dedede;
  height:80px;
  }
   #muster_header_2 img{
  position:absolute;
  top:0;
  left:0;
  }
  #muster_header_2 h1{
   position:absolute;
  top:10px;
  left:140px;
background:none;

  }
  #muster_sidebar #aktiv{
  text-decoration:none;
  color:black;
  }

#muster_p{
 margin:15px 15px;
}
#muster_p li{
list-style-type:upper-roman;
margin:5px 0;
}
.inner a{
color:black;
}
.inner a:link{
color:#000;
}
.inner a:visited{
/*color:#aaa;
text-decoration:none;*/
}
.templates img{
border:none;
}
.templates{
margin-bottom:50px;
}
#konzept{
  width:600px;
cellspacing:0;
margin:20px 0 20px 10px;
  }
#konzept th{
text-align:center;
padding-right:16px;
padding:6px;
}
 .prinzip{
font-size:20px;
text-align:center;
padding:0 4px 0 4px;
}
#konzept td,th{
border:1px solid black;

}
#konzept .grau{
background:#eee;
}
#konzept td #animationen{
padding:6px;
}
#content .inner #konzept ul {
background:none;
margin:0;
padding:4px 4px 4px 20px;
list-style-type:square;
}
#content .inner #konzept ul li{
background:none;
list-style-type:square;
padding-left:0;
}
#antwort{
margin-bottom:300px;
}
#form1 input{
width:200px;
border:1px solid #aaa;
}
#form1 textarea{
border:1px solid #aaa;
}
#form1 table td{
padding:0;
}
#lab_link,#wohn_link,#sjr_link,#tarif_link{
color:red;
}
/* End of 'einfache_internetseiten' */