@charset "utf-8";
body  { font: 100% Verdana, Arial, Helvetica, sans-serif; background-color: #aaabab; margin: 0; padding: 0;	text-align: center; color: #000000; }


/* **** Page-Container-Declarations **** */
.page #container.start { width: 960px; background-color: #ffffff; background-image:url(../images/street.jpg); background-repeat:repeat-x; margin: 0 auto; border: 1px solid #000000; text-align: left; } 
.page #container { width: 960px; background-color: #ffffff; margin: 0 auto; border: 1px solid #000000; text-align: left; } 


.page #head { padding: 0 10px; height:120px; } 
.page #head.follow { padding: 0 10px; height:120px; background-image:url(../images/streethead.jpg); background-repeat:repeat-x; } 


.page #sidebar.start { float: left; display: block; margin: 0; padding: 20px 0 0 0; width: 10em; height:298px; color:#ffffff; border-right: 1px #ffffff solid; }
.page #sidebar.profil { float: left; display: block; margin: 0; padding: 20px 0 0 0; width: 10em; height:297px; background-color: #ffffff; border-right: 1px #000000 solid; }
.page #sidebar.follow { float: left; display: block; margin: 0; padding: 20px 0 0 0; width: 10em;  background-color: #ffffff; }


.page #content { width:500px; min-height:280px;   } 
.page #content.profil { margin: 0 0 0 10em; padding: 0; width:800px; height:324px; background-image:url(../profil/images/ampel.jpg); background-repeat:repeat-x; } 
.page #content.follow { margin: 0 0 0 10em; padding: 0; width:799px; border-left: 1px #000000 solid; } 


.page #footer.start { padding: 0 10px; height: 200px;  } 
.page #footer.follow { padding: 0 10px; height: 80px;  } 



/* ************** Font-Styles *************** */

#head h1 { margin: 0; padding: 10px 0; }

.page #content h1 { margin:0px 0px 10px 40px; padding:30px 0px 0px 0px; width:300px; font-size:19px; color:#ffffff; font-family:Arial, Helvetica, sans-serif;  }
.page #content p { margin:10px 4px 4px 40px; width:310px; font-size: 12px; color:#ffffff; line-height: 16px; }

.page #content.follow h1 { margin-left: 40px; padding:20px 0 4px 0; width:550px; font-size:19px; color:#4a4b4d; font-family:Arial, Helvetica, sans-serif; }
.page #content.follow h2, .article h2 { margin-left: 40px; padding: 0; font-size:19px; color:#4a4b4d; font-family:Arial, Helvetica, sans-serif; }
.page #content.follow p { margin-left: 40px; padding: 0; width: 550px; font-size: 12px; color:#000000; line-height: 16px; } 
.page #content.follow.article p  { margin-left: 40px; padding: 0; font-size: 12px; color:#000000; line-height: 16px; } 

.article { margin: 0; padding: 0; width: 590px; border:1px yellow solid; }
img.pix { margin: 0; padding: 0px 60px 0px 0px; }
img.picx { margin: 0; padding: 80px 0px 0px 0px; }
img.pixlft { float: left; margin: 10px 20px 10px 40px; }
img.pixrgt { float: right; }

.page #footer p { margin: 0; padding: 178px 10px 10px 8px; font-size: 10px; }
.page #footer.follow p { margin: 0; padding: 58px 10px 10px 8px; font-size: 10px; }
.page #footer p a { text-decoration:none; color: #000000; }
.page #footer p a:hover { color: #d51c29; text-decoration: underline; }

/* ************* Kontaktformular ***************** */

.field_title { font-size:12px; }
.textfield { width: 350px; }
.textarea { width:350px; height:100px; }
.field_heading { font-size:11px; }
.page #content.follow table { margin-left:40px; }
.adress { display:block; font-size:12px; line-height:16px; margin: 58px 40px 0px 0px; }

/* ************** List-Styles ************* */

#content.follow ul { list-style-type: none; display: block; margin: 10px 0 0 0; padding-left:40px; }
#content.follow ul li { margin: 0; padding: 0; width: 300px; /* margin-bottom: 4px; margin-top: 4px; */ } 
#content.follow li.list { margin:0; padding: 2px 2px 2px 30px; font-size:12px; line-height:16px; 
	background-image:url(../images/bar.gif); background-repeat:no-repeat; background-position:0px 7px;   }

/* ************** Form *************** */
.textfield { width:350px; }
.disable { width:350px; background-color:#ccc; }
#message { width:350px; height:102px; }

/* *** Reusable-Control-Classes *** */

.fltrt { float: right; margin-left: 8px; }
.fltlft { float: left; margin-right: 8px; }
.clearfloat { clear: both; height: 0; font-size: 1px; line-height: 0px; }