/* main.css - written by Christina Kollmair - 2008 */

/* Textformatierung */
html, body, div, p, h1, h2, h3, ul, ol, span, a, table, td, form, img, li { margin: 0; padding: 0; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
a { color: #0071FF; text-decoration: underline; font-weight: normal;}
a img {border: 0; }
img { border: 0; margin-bottom: 10px; margin-top: 5px; }
p {margin-bottom: 10px; margin-top: 0px; line-height: 17px; }
.box { font-size: 11px; line-height: 14px; }
.nav { font-size: 12px; color: #4D5561; }

h1 { margin-top: 0px; margin-bottom: 20px; padding: 0px; font-style:normal; font-size: 25px; color: #EE7C01; font-weight: normal;}
h2 { margin: 0px; padding: 0px; font-size: 11px; color: #EE7C01; }
h3 { margin: 0px; padding: 0px; font-size: 11px; color: #EE7C01; font-weight: bold;}
h4 { margin-top: 20px; margin-bottom: 5px; font-size: 12px; font-weight: bold;  }
h5 { margin-top: 0px; margin-bottom: 0px; font-size: 17px; font-weight: normal;  }
h6 { margin: 0px; padding: 0px; font-size: 12px; color: #EE7C01; font-weight: bold; display: inline;}
.unter { margin-bottom: 12px; padding: 0px; font-size: 14px; color: #EE7C01; }

strong { font-weight: bold;  }
.nav li { display: inline; margin-left: 10px; }
ul { list-style-type:circle; list-style-position: inside; margin-bottom: 10px; }
.lauftext { font-size: 12px; line-height: 17px; }
.orangebox { outline:4px double #EE7C01; padding:2px;  }

/* Table */
#kontakt {position: relative; padding: 0px; margin : 0 0 0 150px;}
#kontakt table { background: #ECF3F3; margin: 0 ; border: 1px solid #CCCCCC; }
#kontakt caption { font-size: 25px; color: #EE7C01; margin: 20px; }
#kontakt td { padding: 0; } 
#kontakt input { background-color:#FFFFFF; border: 1px solid #CCCCCC; }
#kontakt input:hover { border: 1px solid #999999; }
#kontakt input:focus { border: 1px solid #000000; }
#kontakt textarea { border: 1px solid #CCCCCC; }
#kontakt textarea:hover { border: 1px solid #999999; }
#kontakt textarea:focus { border: 1px solid #000000; }
#kontakt .knopf { margin: 20px; }


/* Layout */
body {background: #ECF3F3 ; color: #4D5561; text-align: center; margin: 0px; padding:0px; font-size: 12px;}
.container { width: 770px; padding: 0px; margin : 0px auto; text-align : left;}
.header {position : relative; background: #ECF3F3 url(../img/head_lachtrainer2.gif) no-repeat; height: 171px; width: 770px;}
.headertitle { position: relative; top: 151px; left: 10px ; width: 715px; padding: 0px; margin : 0px; }
.content { position: relative; width: 715px; background: url(../img/content-bg2_ute.gif) repeat-y; padding: 0px; margin : 0px; }
.boxen { float: left; position: relative; background: #ffa; padding: 0px; margin : 0px; }
.box1 { float: right; position: relative; width: 178px;  background: #FFF ; border-width: 1px; border-color: #EE7C01; border-style: solid ;  padding: 10px; margin-left : 13px; margin-bottom : 10px;}
.box2 { float: left; position: relative; width: 178px;  background: #F7F9FA ; border-width: 1px; border-color: #A3B2B6; border-style: solid ;  padding: 10px; margin-right: 27px; margin-bottom : 10px; }
.box3 { float: left; position: relative; width: 178px;  background: #F7F9FA ; border-width: 1px; border-color: #A3B2B6; border-style: solid ;  padding: 10px; margin-bottom : 10px; }
.photoright { float: right; position: relative; margin-left: 20px; }
.inhalt { position: relative;  padding: 20px; margin : 0px; }
.inhalt2 { position: relative;  padding: 0px; margin : 0px; margin-right: 20px; }
.foot {background: #ECF3F3 url(../img/footer2_ute.gif) no-repeat; height: 30px; margin: 0px; width: 714px; padding-top: 5px;}
.space { position: relative; width: 400px; margin : 0 0 40px 0}
.einleitung { clear: both; padding: 0px; margin : 0px; overflow: auto; }
.boxes { padding: 0px; margin : 0px; clear: both; overflow: auto; }