﻿/* Zentrale CSS-Styles für www.koiteich.com. Erstellt von Martin Thoenies*/

/*  central   */

body {background-color: #eff1f3;  padding: 0px; margin: 0px; background-image: url(../img/site/bg.gif);background-repeat:repeat-y;  }
#centerlayer {margin:auto; text-align: left; padding:20px 20px 20px 20px; width:1020px; z-index:1;
	top left no-repeat; border:0px; background-color: #fff1f3;}



/*  Main-Layer   */


#logolayer {position:relative;top:0px; left:0px ; z-index:5; margin:0px auto 0px 2px; text-align: left; height:200px ; padding:0px 0px 0px 0px; width:1018px; top left no-repeat; border:0px;
	 background-image: url(../img/site/kopf-hintergrund.jpg)}

#headlayer {position:relative;top:0px; left:0px ; z-index:5; margin:0px auto 0px 2px; text-align: left; padding:0px 0px 0px 0px; width:1018px; border:0px;}

#mainmenuelayer {position:relative;top:0px; left:0px ; z-index:7; margin:0px 0px 0px 1px; text-align: left; padding:0px 0px 0px 0px; width:1030px; border:0px;  }

#contentlayer {position:relative;top:0px; left:0px ; z-index:5; margin:0px 0px 0px 2px; text-align: left; padding:40px 0px 0px 0px; width:1024px; border:0px;}

#bottomlayer {; z-index:5; margin:0px 0px 0px 0px; text-align: left; padding:0px 0px 0px 0px; width:1020px; border:0px; }

/*  Sub-Layer   */

#contentlayer1-0 {position:relative;top:0px; left:0px ; float:left; z-index:6; margin:0px 0px 0px 0px; text-align: left; padding:0px 0px 10px 0px; width:1018px; top left no-repeat; border-style:solid;
	 border-width:1px 1px 1px 1px; border-color:#aaa;  background-color: #oof; }

#contentlayer1-1 {top:0px; left:0px ; float:left; z-index:6; margin:0px 0px; text-align: left; padding:0px 0px 0px 0px; width:254px;  top left no-repeat; border-style:solid; border-width:0px 0px 0px 0px; border-color:#aaa; }
#contentlayer1-2 {top:0px; left:0px ; float:left; z-index:6; margin:0px 0px; text-align: left; padding:0px 0px 0px 0px; width:254px;  top left no-repeat; border-style:solid; border-width:0px 0px 0px 0px; border-color:#aaa; }
#contentlayer1-3 {top:0px; left:0px ; float:left; z-index:6; margin:0px 0px; text-align: left; padding:0px 0px 0px 0px; width:510px; top left no-repeat; border-style:solid; border-width:0px 0px 0px 0px; border-color:#aaa;}
#contentlayer1-4 {top:0px; left:0px ; float:left; z-index:6; margin:0px 0px; text-align: left; padding:0px 0px 0px 0px; width:253px; height:158px; top left no-repeat; border-style:solid; border-width:1px 1px 1px 0px;
	 border-color:#aaa;  background-color: #aaf; }





#contentlayer254 {top:0px; left:0px ; float:left; z-index:6; margin:0px 0px; text-align: left; padding:0px 0px 0px 0px; width:254px;  top left no-repeat; border-style:solid; border-width:0px 0px 0px 0px; border-color:#aaa; }
#contentlayer510 {top:0px; left:0px ; float:left; z-index:6; margin:0px 0px; text-align: left; padding:0px 0px 0px 0px; width:210px; top left no-repeat; border-style:solid; border-width:0px 0px 0px 0px; border-color:#aaa;}
#contentlayer508 {top:0px; left:0px ; float:left; z-index:6; margin:0px 0px; text-align: left; padding:0px 0px 0px 0px; width:808px;  top left no-repeat; border-style:solid; border-width:0px 0px 0px 0px; border-color:#aaa; }
#contentlayer381 {top:0px; left:0px ; float:left; z-index:6; margin:0px 0px; text-align: left; padding:0px 0px 0px 0px; width:381px;  top left no-repeat; border-style:solid; border-width:0px 0px 0px 0px; border-color:#aaa; }
#contentlayer310 {top:0px; left:0px ; float:left; z-index:6; margin:0px 0px; text-align: left; padding:0px 0px 0px 0px; width:310px; top left no-repeat; border-style:solid; border-width:0px 0px 0px 0px; border-color:#aaa;}
#contentlayer708 {top:0px; left:0px ; float:left; z-index:6; margin:0px 0px; text-align: left; padding:0px 0px 0px 0px; width:708px;  top left no-repeat; border-style:solid; border-width:0px 0px 0px 0px; border-color:#aaa; }











#contentclearlayer {top:0px; left:0px ; z-index:5; margin:0px 0px; text-align: left;width:1018px;  padding:0px 0px 0px 0px; border-style:solid; border-width:1px 1px 1px 1px; border-color:#aaa;
	 background-image: url(../img/site/content-bg.gif) }




/*  Tabellen-Layer   */
#tabelle-main {top:0px; left:0px ; z-index:6; margin:20px 0px 0px 0px; text-align: left; padding:0px 0px 0px 0px; width:1018px;  top left no-repeat; border-style:solid; border-width:0px 0px 0px 0px; border-color:#aaa; }

#tabelle-sub-name {top:0px; left:0px ; float:left; z-index:6; margin:20px 0px 20px 20px; text-align: center; padding:0px 0px 0px 0px; height:100px; width:200px;  top left no-repeat; border-style:solid; border-width:0px 0px 0px 0px; border-color:#aaa; }
#tabelle-sub-logo {top:0px; left:0px ; float:left; z-index:6; margin:20px 0px 20px 0px; text-align: left; padding:0px 0px 0px 0px; height:100px; width:200px;  top left no-repeat; border-style:solid; border-width:0px 0px 0px 0px; border-color:#aaa; }
#tabelle-sub-product {top:0px; left:0px ; float:left; z-index:6; margin:20px 0px 20px 20px; text-align: left; padding:0px 0px 0px 0px; height:100px; width:120px;  top left no-repeat; border-style:solid; border-width:0px 0px 0px 0px; border-color:#aaa; }
#tabelle-adress {top:0px; left:0px ; float:left; z-index:6; margin:20px 0px 20px 20px; text-align: left; padding:0px 0px 0px 0px; height:100px; width:150px;  top left no-repeat; border-style:solid; border-width:0px 0px 0px 0px; border-color:#aaa; }
#tabelle-contact {top:0px; left:0px ; float:left; z-index:6; margin:20px 0px 20px 20px; text-align: left; padding:0px 0px 0px 0px; height:100px; width:250px;  top left no-repeat; border-style:solid; border-width:0px 0px 0px 0px; border-color:#aaa; }








/*  Fonts   */

h1.grey-standard14{font-size:14px; padding:0px 0px 0px 0px; margin: 4px 0px 10px 5px; letter-spacing:1px; font-family: verdana, arial; font-weight:100; color:#333;}

h2.white-standard13{font-size:13px; padding:0px 0px 0px 0px; margin: 4px 0px 10px 5px; letter-spacing:1px; font-family: verdana, arial; font-weight:100; color:#fff;}
h2.white-standard11{font-size:11px; padding:0px 0px 0px 0px; margin: 4px 0px 10px 5px; letter-spacing:1px; font-family: verdana, arial; font-weight:100; color:#fff;}
h2.grey-standard13{font-size:13px; padding:0px 0px 0px 0px; margin: 4px 0px 10px 5px; letter-spacing:1px; font-family: verdana, arial; font-weight:100; color:#333;}
h2.grey-standard13-f{font-size:13px; padding:0px 0px 0px 0px; text-align:left;  margin: 4px 0px 10px 120px; letter-spacing:1px; font-family: verdana, arial; font-weight:100; color:#333;}
h2.grey-fat14{font-size:14px; padding:0px 0px 0px 0px; margin: 20px 0px 10px 5px; letter-spacing:1px; font-family: verdana, arial; font-weight:800; color:#333;}
h2.grey-standard11-t{font-size:11px; padding:0px 0px 0px 0px; text-align:left;  margin: 0px 0px 10px 4px; letter-spacing:1px; font-family: verdana, arial; font-weight:600; color:#333;}


/*  Fonts STandards  */
h2.grey-standard12-f{font-size:12px; padding:0px 0px 0px 0px; text-align:left;  margin: 4px 0px 10px 0px; letter-spacing:1px; font-family: verdana, arial; font-weight:600; color:#333;}
span.grey-standard12{font-size:11px; padding:0px 0px 0px 0px; text-align:left;  margin: 4px 0px 10px 0px; letter-spacing:1px; font-family: verdana, arial; font-weight:100; color:#333;}
h2.grey-standard11-f{font-size:11px; padding:0px 30px 0px 10px; text-align:left;  margin: 4px 0px 10px 0px; letter-spacing:1px; font-family: verdana, arial; font-weight:600; color:#333;}
span.grey-standard11{font-size:11px; padding:0px 0px 0px 0px; margin: 0px 10px 0px px; letter-spacing:0px; line-height:14px;font-family: verdana, arial; font-weight:100; color:#444;}
h2.grey-standard12-t{font-size:12px; padding:0px 0px 0px 0px;  margin: 30px 0px 0px 0px; letter-spacing:1px; font-family: verdana, arial; font-weight:600; color:#333;}



h2.blue-standard13{font-size:13px; padding:0px 0px 0px 0px; margin: 4px 0px 10px 5px; letter-spacing:1px; font-family: verdana, arial; font-weight:100; color:#1a408a;}


h3.grey-standard12{font-size:11px; padding:0px 0px 0px 0px; margin: 4px 0px 2px 5px; letter-spacing:0px; font-family: verdana, arial; font-weight:100; color:#333;}
h3.white-standard12{font-size:11px; padding:0px 0px 0px 0px; margin: 4px 0px 2px 5px; letter-spacing:0px; font-family: verdana, arial; font-weight:100; color:#fff;}



p.grey-standard11{font-size:11px; padding:0px 0px 0px 0px; margin: 0px 10px 0px 5px; letter-spacing:0px; line-height:14px;font-family: verdana, arial; font-weight:100; color:#444;}
p.grey-standard11-f{font-size:11px; padding:0px 0px 0px 0px; text-align:left; margin: 0px 10px 0px 5px; letter-spacing:0px; line-height:14px;font-family: verdana, arial; font-weight:800; color:#444;}
p.white-standard11{font-size:11px; padding:0px 0px 0px 0px; margin: 0px 10px 0px 5px; letter-spacing:0px; line-height:14px;font-family: verdana, arial; font-weight:100; color:#fff;}
p.grey-standard9{text-align:left; font-size:9px; padding:0px 0px 0px 0px; margin: 0px 10px 0px 5px; letter-spacing:0px; line-height:14px;font-family: verdana, arial; font-weight:100; color:#222;}
p.white-standard{font-size:11px; letter-spacing:1px; line-height:14px;font-family: verdana, arial; font-weight:100; color:#ffffff;}
p.grey-float11{font-size:6px; left:clear; padding:0px 0px 0px 0px; margin: 0px 10px 0px 5px; letter-spacing:0px; line-height:14px;font-family: verdana, arial; font-weight:100; color:#b9bdc2;}
p.white-standard10{font-size:10px; padding:0px 0px 0px 0px; margin: 0px 10px 0px 5px; letter-spacing:0px; line-height:14px;font-family: verdana, arial; font-weight:100; color:#444;}




/*  Links   */

ul.horizontal {list-style-type:none;  margin:0px 0px 0px 0px; padding:0px;}
li.horizontal {width:auto; float:right;  margin:0px 10px 3px 0px; text-decoration:none; text-align:center; display:block;  }

a.horizontal:link {font-size:11px; font-family: verdana, arial; text-decoration:none; 
 	 text-align:center; color:#555; display:block;}

a.horizontal:visited {font-size:11px; font-family: verdana, arial; text-decoration:none; 
 	 text-align:center; color:#555; display:block;}

a.horizontal:focus {font-size:11px; font-family: verdana, arial; text-decoration:none; 
 	 text-align:center; color:#555; display:block;}
 	 
a.horizontal:hover {font-size:11px; font-family: verdana, arial; text-decoration:none; 
 	 text-align:center; color:#999; display:block;}
 	 
a.horizontal:active {font-size:11px; font-family: verdana, arial; text-decoration:none; 
 	 text-align:center; color:#555; display:block;}





ul.menue {list-style-type:none;  margin:0px 0px 0px 0px; padding:0px;}
li.menue {width:255px; height:30px; float:left;  margin:0px 0px 0px 0px; text-decoration:none; text-align:center; display:block;  }

a.menue:link {font-size:11px; font-family: verdana, arial; text-decoration:none; font-weight:100;  
 	 text-align:center; color:#fff; display:block; line-height:32px;  background-image: url(../img/site/menue-off-blue.jpg);}

a.menue:visited {font-size:11px; font-family: verdana, arial; text-decoration:none; 
 	 text-align:center; color:#fff; display:block;  background-image: url(../img/site/menue-off-blue.jpg);}

a.menue:focus {font-size:11px; font-family: verdana, arial; text-decoration:none; 
 	 text-align:center; color:#fff; display:block;  background-image: url(../img/site/menue-off-blue.jpg);}
 	 
a.menue:hover {font-size:11px; font-family: verdana, arial; text-decoration:none; 
 	 text-align:center; color:#fff; display:block;  background-image: url(../img/site/menue-on-blue.jpg);}
 	 
a.menue:active {font-size:11px; font-family: verdana, arial; text-decoration:none; 
 	 text-align:center; color:#fff; display:block;  background-image: url(../img/site/menue-off-blue.jpg);}








a.fliesstext:link {font-size:11px; font-family: verdana, arial; line-height:14px; margin: 0px 10px 0px 5px; text-decoration:none; font-weight:800;  
 	 text-align:left; color:#555; display:block; }

a.fliesstext:visited {font-size:11px; font-family: verdana, arial; line-height:14px; margin: 0px 10px 0px 5px; text-decoration:none; font-weight:800;
 	 text-align:left; color:#555; display:block;}

a.fliesstext:focus {font-size:11px; font-family: verdana, arial; line-height:14px; margin: 0px 10px 0px 5px; text-decoration:none; font-weight:800;
 	 text-align:left; color:#555; display:block;}
 	 
a.fliesstext:hover {font-size:11px; font-family: verdana, arial; line-height:14px; margin: 0px 10px 0px 5px; text-decoration:none; font-weight:800;
 	 text-align:left; color:#333; display:block;}
 	 
a.fliesstext:active {font-size:11px; font-family: verdana, arial; line-height:14px; margin: 0px 10px 0px 5px; text-decoration:none; font-weight:800;
 	 text-align:left; color:#555; display:block;}














a.member:link {font-size:12px; padding:0px 0px 0px 0px;  margin: 30px 0px 0px 0px; letter-spacing:1px; text-decoration:none; font-family: verdana, arial; font-weight:600; color:#333; display:block;}
a.member:visited {font-size:12px; padding:0px 0px 0px 0px;  margin: 30px 0px 0px 0px; letter-spacing:1px; text-decoration:none; font-family: verdana, arial; font-weight:600; color:#333; display:block;}
a.member:focus {font-size:12px; padding:0px 0px 0px 0px;  margin: 30px 0px 0px 0px; letter-spacing:1px; text-decoration:none; font-family: verdana, arial; font-weight:600; color:#333; display:block;}
a.member:hover {font-size:12px; padding:0px 0px 0px 0px;  margin: 30px 0px 0px 0px; letter-spacing:1px; text-decoration:none; font-family: verdana, arial; font-weight:600; color:#777; display:block;}
a.member:active {font-size:12px; padding:0px 0px 0px 0px;  margin: 30px 0px 0px 0px; letter-spacing:1px; text-decoration:none; font-family: verdana, arial; font-weight:600; color:#333; display:block;}




a.weblink:link {font-size:11px; padding:0px 0px 0px 0px;  margin: 10px 0px 0px 0px; letter-spacing:0px; text-decoration:none; font-family: verdana, arial; font-weight:100; color:#333; display:block;}
a.weblink:visited {font-size:11px; padding:0px 0px 0px 0px;  margin: 10px 0px 0px 0px; letter-spacing:0px; text-decoration:none; font-family: verdana, arial; font-weight:100; color:#333; display:block;}
a.weblink:focus {font-size:11px; padding:0px 0px 0px 0px;  margin: 10px 0px 0px 0px; letter-spacing:0px; text-decoration:none; font-family: verdana, arial; font-weight:100; color:#333; display:block;}
a.weblink:hover {font-size:11px; padding:0px 0px 0px 0px;  margin: 10px 0px 0px 0px; letter-spacing:0px; text-decoration:none; font-family: verdana, arial; font-weight:100; color:#777; display:block;}
a.weblink:active {font-size:11px; padding:0px 0px 0px 0px;  margin: 10px 0px 0px 0px; letter-spacing:0px; text-decoration:none; font-family: verdana, arial; font-weight:100; color:#333; display:block;}












/*  Bilder   */


img.logo { margin:0px 0px 0px 5px; }
img.picture { margin:6px 0px 0px 20px; }
img.qr {text-align:left; border:none; margin:0px 5px 0px 5px;}
img.table { margin:0px 0px 0px 0px; }



hr.news {clear:both;  z-index:7; margin:auto; text-align: center; padding:0px; margin:10px 0px 10px 0px; width:100%; height:1px;  background-color: #999; top left no-repeat; border:0px;} 




table.kontakt  {margin:0px 0px 0px 30px; z-index:4;  font-size:12px; font-family: verdana, arial; text-align:left;  border:solid; border-width:1px; border-color:#ccc; color:#333; font-weight:100;line-height:18px;}



table.content {top:0px; left:0px ; float:left; z-index:6; margin:0px 0px; text-align: left; padding:0px 0px 0px 0px; width:253px; height:300px; top left no-repeat; border-style:solid; border-width:1px 1px 1px 1px; border-color:#aaa;  background-color: #b9bdc2; }










table.member_sicher {border:solid; rules:all; border-color:#ccc; border-width:1px 1px 1px 1px; padding:0px 0px 0px 0px; margin:20px 0px 0px 50px; z-index:4; background-color:#fff; font-size:12px;
	             font-family: verdana, arial; text-align:justify;  color:#333; font-weight:600;line-height:14px;}


table.member {border:solid; rules:all; border-color:#ccc; border-width:1px 1px 1px 1px; padding:0px 0px 0px 0px; margin:20px 0px 0px 50px; z-index:4;  font-size:12px;
	             font-family: verdana, arial; text-align:justify;  color:#333; font-weight:600;line-height:14px;}


td.member {border:1px solid #ccc; padding:10px }
td.picture {border:1px solid #ccc; padding:10px; margin:10px 0px 500px 0px;  }

p.grey-standard11-table{font-size:11px; padding:0px 0px 0px 0px; margin: 0px 0px 0px 0px; letter-spacing:0px; line-height:14px;font-family: verdana, arial; font-weight:100; color:#444;}











span.link {position: absolute; right:10px;}















/* ----------------------------------------------Eingabeformular----------------------------------------------------------- */	

label {display: block; float: left; width: 100px; font-size:12px; font-family: verdana, arial; margin:3px; color:#333;}
input {display: block; float: left; font-size:14px; font-family: verdana, arial; margin:3px; background-color:#b9bdc2;}
textarea#nachricht {display: block; float: left; font-size:14px; font-family: verdana, arial; margin:3px; background-color:#b9bdc2;}
form br {clear: left;}


input#submit {font-size:12px; font-family: verdana, arial; text-decoration:none; 
 	 text-align:center; color:#000000; display:block; height:25px;padding-top:6px; 
   padding-bottom:3px; background-image: url(../img/button-up.gif); background-repeat:repeat-x;}

input#reset {font-size:12px; font-family: verdana, arial; text-decoration:none; 
 	 text-align:center; color:#000000; display:block; height:25px; width:120px; padding-top:6px; 
   padding-bottom:3px; background-image: url(../img/button-up.gif); background-repeat:repeat-x;}

ul.kontakt {list-style-type:none;  margin:0px; margin-left:125px; padding:0px; margin-bottom:0px; margin-top:0px; }
li.kontakt {float:left;  margin:2px; text-decoration:none; text-align:center; display:block;  }







label {text-align: right; padding-right: 1em;}
	
