body {
  font-size:1em;
  background-color:#fefefe;
}




#container {

  margin:auto;
  max-width:768px;
  
}
.clear {clear:both;}

a.header{
  background:url(header1.jpg);
  background-size:768px 330px;
  max-width:768px;
  height:330px;
  margin:auto;
  display:block;
  text-decoration:none;
}
a.header span {
  font-family: 'Courier new';
  font-size:35px;
  letter-spacing:6px;
  padding:35px 0 0 25px;
  display:block;
  color:#363c59;
  text-align:center;
}

a.header div {
  font-size: 16px;
  text-decoration:none;
  color:#fefefe;
  padding:0 0 0 300px;
  font-weight:normal;
}
a.header #icon {
  background:url(livinglife20.png) no-repeat;
  width:30px;
  height:30px;
  margin:220px 0 0 5px;
  /* 737 */
}

.headericon {
  background:url(http://livinglife.me/css/livinglife20.png) no-repeat;
  width:30px;
  height:30px;
  margin:20px 0 0 58px;
  /* 737 */
}
a.abutton {
  display:block;
  border:1px solid #888;
  border-radius:4px;
  padding:2px;
  margin:3px 0 3px 0;
  font-size:16px;
  text-decoration:none;
  background-color:#efefef;
  color:#BB3344;
  font-weight:bold;
  text-align:center;
  width:500px;
  z-index: 100;
}

form#nl {height:60px;display:block;}
#nl input {
  width:100%;
  border-radius:4px;
  border:1px solid #222;
}

button.newslettersubscribe {
  font-size:20px;
  z-index:1;
  
}




input.watermark { color: #999;}

.locations {height:50px;display:block;}
#main {
  max-width:768px;
  margin:auto;
}

.fbBox , .newsletterBox{
  margin-bottom:10px;
  border:1px solid #888;
  border-radius:4px;
  width:223px;
  padding:1px;
}


.e1 {
  margin:30px;
  padding:5px;
  border:1px solid #bbb;
  display:-moz-inline-stack;
display:inline-block;
zoom:1;
display:inline;
}

nav#subMenue {
  font-size:12px;
  background-color:#111;
  padding: 1px 5px 1px 5px;
  display:block;
  border-bottom-right-radius:7px;
  border-bottom-left-radius:7px;
  z-index:99999999;
}


nav#mainMenue {
  background-color:#000;
  padding: 0;
  display:block;
}
nav a, nav a:visited {
  border-radius:0.2em;
  padding: 0.05em 0.4em 0.05em 0.4em;
  margin:0.05em 0 0.05em 0;
  text-decoration:none;
  color:#eee;
  
}

nav#mainMenue a {color:#feb930;}
nav a:hover {color:#000;background-color:#feb930; border-radius:0.2em;}
nav#mainMenue a:hover {color:#000;background-color:#feb930; border-radius:0.2em;}




.index {
  margin:30px 0;
}
.box1 {
float:left;
max-width:500px;
margin:0 5px 0 0

}

.sideboxRight {
float:left;
width:225px;
margin:0 0 0 30px;
}


.newsletterBox h2 {font-size:18px;margin:3px 0;padding:0;text-align:center;}


.textsection {
  margin:10px 0 0 0;
  padding:30px 0 0 0;
  background-color:#fefefe;
  max-width:768px;
  display:block;
}
article {
  border-bottom:2px solid #777;
  
  padding-bottom:20px;
  margin-bottom:100px;
  max-width:600px;
  margin:30px auto 0 auto;
  
}

blockquote {
  font-style:italic;
  line-height:1.6em;
  font-size:1.3em;
  max-width:360px;
  margin:auto;
}
.textsection h1, h1.bigh1 {
  font-size:35px;
  padding:45px ;
  text-align:center;
  margin: 80px 10px 15px 10px;
  display:block;
}

.textsection img {
  vertical-align:text-top;
  float:right;
   border:1px solid #aaa; 
  margin:15px;
}

img.plainimg {
  float:none;
  margin:30px auto;
  display:block;
}

.imgBlock {
  display:block;
  font-size:10px;
  color:#999;
  min-height:100px;
}

.imgBlock img {}

h1 {
    font-family:"HelveticaNeue","Helvetica Neue",sans-serif;
    font-weight:normal;
    letter-spacing:0.2em;
    
}
h2 { 
  font-size:18px;
  margin:25px 0 5px 0;
  padding:0;
}  

p {
  display:block;
  margin:10px 5px 30px 5px;
  word-spacing: 0.1em;
  color: #333;
  font-family: "Lucida Grande", "Verdana", sans-serif;
  font-size: 15px;
  line-height: 22px;

}

.left {float:left;width:280px;}
.right {float:right;width:290px;}
.right img {width:290px;}

em {font-style:italic;}

.textsection ul,.textsection ol {
  list-style-position:outside;
  margin:30px 0 20px 30px;
  padding:10px 10px 10px 50px;
  font-size:105%;
  border:1px solid #aaa;
  border-radius:1em;
  background-color:#fbfbfb;
  
}
.textsection li {
  margin:10px 0;
  padding:0 0 0 10px;

}



.bigh1 {margin:100px 0;padding:0;}

#uebersicht {
  background-color:#fefefe;
  padding:17px;
  margin: 0 auto 20px auto;
  border-radius:10px;
 
}

#uebersicht .symb {
  margin:-5px 0;
  font-size:58px;
  float:left;
  font-family:serif;
}
#uebersicht h2 {
  display:block;
  float:left;
  margin:17px 0 5px 20px;
  padding:0;
  font-size:14px;
  display:inline;
}
#uebersicht p {
  clear:both;
  margin:0;
  line-height:14px;
}
a.u-item,a.u-item:visited {text-decoration:none;}
a:hover.u-item {background-color:#feb930;border-color:#444;}
a:hover.u-item p {color:#222;}
.u-item {
  width:210px;
  height:110px;
  margin:8px;
  float:left;
  background-color:#fefefe;
  padding:2px 8px 8px 8px;
  border:1px solid #888;
  border-radius:6px;
}

.u-item h2 {font-size:14px;margin:0;padding:0;font-weight:bold;color:#444;}

.u-item p {font-size:10px;color:#888;}




.sidebarTop ul {}
.sidebarTop li {}


#nl {
  margin:10px 5px 10px 10px;
}

#nl input {
  width:170px;
  font-size:12px;
  border:1px solid #999;
  padding:2px;
  margin:2px;
  display:block;
  }

#nl button {
  font-size:10px;
  margin:4px;
}  

#nl h2 {  
  font-size:14px;
  margin:5px;
  padding:4px;
  background-color:#aaa;
}  

#nl p {font-size:10px;color:#ababab;}


.faq h1 {
  margin:10px 0 10px 0;
  border-bottom:1px solid #666;
  text-align:left;
  font-size:18px;
  letter-spacing:0.2em;
}
.faq h1:before {
  content:"?";
  font-size:50px;
  padding:0 20px;
  color:#363c59;
}

.faq p {
  padding: 0 0 0 30px;
}


.faq li {
  line-height: 1.3em;
  margin:1.1em 0;
}


.isizebox {
  margin:10px;
  padding:0;
  width:500px;
  text-align:justify;
  color:#bbb;
}
.isize {
  font-size:16px;
  margin:2px;
  font-family:courier;
  padding:0;
  font-weight:bold;
  
}
.i1 {font-size:19px;}
.i2 {font-size:24px;}
.i3 {font-size:13px;}
.i4 {font-size:22px;}
.dich {font-size:47px;}
.i4 {font-size:22px;}

.imgp {
  background: #eee url(indexslice.jpg);
  height:20px;
  width:500px;
  display:block;
}


.sideboxRight ul {
  font-family:"Courier";
  font-size:12px;
}
.sideboxRight li {
  list-style-type:none;
}

footer {
  font-size:14px;
  width:768px;
  margin:60px auto;
  text-align:center;
}

/* Overlays */

#ipad_textarea {
	width: 100%;
	height: 100%;
	border: 0;
	font-family: "Helvetica Neue", Helvetica, Arial;
	font-size: 16px;
}

.newsletterform {
  width:470px;
  margin:auto;
  display:block;
}
label {
  display:block;
  margin:3px;
  text-align:right;
}

.ovHeading {font-size:16px;color:#000;}
.ovForm textarea {width:100%;height:200px;}
.ovForm span {font-size:12px;color:#777;margin:0 7px 0 0;}
.subtext {font-size:10px;color:#888;padding:10px 0;}
.ovForm button {float:right;}
textarea.textareaSmall {width:100%;height:70px;margin:15px 0;}

/*    Sub Pages Sub Domain      */




a.subheader{
  background-color:#276396;
  background-size:768px 80px;
  max-width:768px;
  height:80px;
  margin:auto;
  display:block;
  text-decoration:none;
  line-height:30px;
  font-size:60px;
}
.subheader1  {
  color:#ddf0f8;
  padding:15px 0 0 34px;
  font-size:50px;
  font-family:"Courier";
  font-weight:bold;
  line-height:30px;
}
.subheader1 div {
  float:left;
}


.subheader1 .sub {font-size:39px;color:#fff;}
.subheader1 .sub2 {font-size:18px;color:#fff;}

a.subheader2 {height:120px;}
.subheader2 {font-size:17px;color:#fff;
  margin:4px;
  line-height:17px;
}
.subheader2 h2 {margin:2px 0 10px 20px;color:#ffcc00;}
.subheader2 span {display:block;}
.subheader li {margin:3px 0;font-size:15px;}

.fbutton {border:1px solid #444;border-radius:6px;}
a.fbutton {margin:0 25px;}
a:hover.fbutton {background-color:#144874;}

.subIndex {

}


.subIndex table {
  width:768px;
  margin:20px auto;
  font-size:15px;
  font-weight:bold;
  font-family:"Courier";
}
.subIndex table td {
 
}
.firstrow td{
  padding-top:10px;

}
.subIndex h1 {
  font-size:18px;
  font-family:"Courier";
  font-weight:bold;
  margin:30px 0 0 0;
  color:#777;
}
.tablehead td{
  border-bottom:1px solid #ccc;
  color:#bbb;
  font-size:12px;

}

button {
  font-size:12px;
}







/* groups */
.groups {
  
}
.groups p span {
  display:block;
  font-size:13px;
  color:#444;
  line-height:17px;
  margin:0 100px 15px 60px;
  font-style:italic;
}

.groups h1 {}
.groups h2 {font-weight:bold;font-size:18px;padding:44px 0;}
.groups h2:before {content:"➜ ";font-size:30px;margin:5px 0 10px -30px;}

.groups a {color:blue;font-size:14px;}
.groups a:visited {}