/* CSS Document FRESH&EAZY - www.freshandeazy.com 

for TGA Akademie

www.brightling.de

feb 2012

*/

* { margin:0; padding:0; border:0; }

a:focus { outline: 0; }
img { border:none; }
.clearfix { clear:both; }
.left { float:left; }
.right { float:right; }
.line { border-bottom:thin dotted #b6b8ba; padding:10px 0px; }
.noline { padding:10px 0px; }

html {   }
body { margin: 0 auto; font-family: Arial, Helvetica, sans-serif; color:#939598; font-size:13px; }

#wrap { width:90%; max-width: 1020px; height:auto; margin:0 auto; background: #FFF; }

#header { width:100%; margin:0 auto; height:0px; color: #a6a6a8;  overflow:hidden; }

#main { width:98%; margin:40px auto; height:auto; }

#sidebar { width:30%; float:left; height:100%; }

#content { width:68%; float:right; height:auto;   }

h1 { font-size:30px; line-height:38px; font-weight:300; margin:0 auto; padding-bottom: 20px; }
h2 { font-size:25px; line-height:32px; font-weight: normal; margin:30px auto; text-transform:uppercase;  }
h3 { font-size:23px; line-height:30px; font-weight: normal; margin:15px auto; color:#58595b; }
h4 { font-size:14px; margin:0 auto;  }
h5 { font-size:20px; margin:0 auto; font-weight: normal; text-transform:uppercase; color:#58595b; }
h6 { font-size:11px; margin:0 auto; color:#58595b;  }
p 	{ font-weight:normal; line-height:18px; margin: 0px auto; padding-bottom: 5px;} 
a 	{ font-weight:bold; color:#58595b; text-decoration:none; } 
a:hover {text-decoration: underline; }

.nav01 { }
.nav01 ul { list-style:none;  }
.nav01 li { height: auto; font-size:14px; text-transform:uppercase; }
.nav01 a { font-weight:bold; color: #a6a6a8; display:block; background:url(../images/list_btn_white.png) left center no-repeat; line-height:30px; padding-left: 20px; margin-left:-10px; }
.nav01 a:hover { background:url(../images/list_btn_grey.png) left center no-repeat; text-decoration: none; color:#58595b; }

.nav02 { margin-top:35px; }
.nav02 ul { list-style:none;  }
.nav02 li { height:auto; font-size:12px; font-weight:normal; text-transform:uppercase;  }
.nav02 li a { font-weight:normal; display:block; background:url(../images/list_btn_white.png) left center no-repeat; line-height:25px; padding-left: 20px; margin-left:-10px; color:#939598;  }
.nav02 li a:hover { background:url(../images/list_btn_grey.png) left center no-repeat; text-decoration: none; color:#58595b; }

.socials { margin: 30px auto;  padding-left:10px; color:#939598; font-size:12px; }
.socials ul { list-style:none; margin:10px auto; }
.socials li { float:left; height:30px; width:30px; margin-right:5px; display:block; }
.socials li a { display:block; cursor:pointer; line-height:30px; }
.socials li a:hover { text-decoration:none; }
a.facebook { background:url(../images/facebook.png) no-repeat bottom center; }
a:hover.facebook { background:url(../images/facebook.png) no-repeat top center; } 
a.google { background:url(../images/google.png) no-repeat bottom center; }
a:hover.google { background:url(../images/google.png) no-repeat top center; } 
a.xing { background:url(../images/xing.png) no-repeat bottom center; }
a:hover.xing { background:url(../images/xing.png) no-repeat top center; }

.start { width:100%; height:350px; margin:10px auto 100px auto; background:url(../images/intpl_start.jpg) top left no-repeat; border-right:#a8a9ae solid 20px; margin-right:-20px; text-align:left; }
.start h1 { line-height:40px; width:100%; display:block; background:url(../images/intpl_start-bg.png); padding:8px 13px 8px 8px; margin:254px auto 0 auto; float:left; }

.column { width:48%; height:auto; } 
.column img {width:100%; height:auto; margin:10px auto; } 
.column33 { width:32%; height:auto; }
 
 
.column66 { width:64%; height:auto; }
.column66 img {width:48%; height:auto; } 
.newsbox {  }

.button { text-align:right; margin-right:10px; clear:both; }
.button ul { list-style:inside none; }
.button li { font-size:13px; line-height:40px; }
.button li a { color:#222c48; }
.button li a:hover { text-transform:uppercase; }
 
#footer { width:100%; margin:0 auto; padding:12px; background:#dcddde; height:auto; color:#828487; font-size:12px; font-weight:bold; }
#footer a { color:#a7a9ac; font-weight:normal; }
#footer a:hover { color:#222c48; text-decoration:none; }

pre { overflow:auto; }

/*    T A B L E S    */
table { vertical-align:top; margin:15px auto 25px auto; }
table img { vertical-align:top; margin-top:-15px; }
th { text-align:left; font-size:16px; } 
td { padding: 8px 0px 5px 0px; ove }





/*   F O R M   */

form table td { vertical-align: top; padding: 0px;}

form { padding: 3px 0 0; margin: 10px auto; width: 100%; }
		
fieldset { border: none; margin: 0; padding: 10px 24px; }

fieldset legend { font-weight: bold; font-size: 22px; margin:15px 0 0 6px; }
label { display:block; cursor: pointer; font-weight: bold; line-height: 24px; }

input, select, textarea { background-color: #fff; color: #4d4d4d; border: 1px solid #939598; font: 12px Helvetica, Arial, sans-serif; padding: 5px 6px; margin: 0 auto 14px auto;
					-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
					-webkit-box-shadow: inset 2px 2px 3px #e2e2e2; -moz-box-shadow: inset 2px 2px 3px #e2e2e2; box-shadow: inset 2px 2px 3px #e2e2e2;
					filter:progid:DXImageTransform.Microsoft.Shadow (color=#e2e2e2, Direction=135, Strength=3); -ms-filter:"progid:DXImageTransform.Microsoft.Shadow (color=#e2e2e2, Direction=135, Strength=3)"; }

input[type="submit"] { background-color: #58595b; color: #fff; cursor: pointer; border: 1px solid #58595b; padding: 5px 6px; width: auto;
  						-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
						background: -moz-linear-gradient(top, #58595b, #939598);
						background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #58595b), color-stop(1, #939598)); 
						filter: progid:DXImageTransform.Microsoft.gradient (startColorStr=#58595b, EndColorStr=#939598);
						-ms-filter: "progid:DXImageTransform.Microsoft.gradient (startColorStr=#58595b, EndColorStr=#939598)";
						-webkit-box-shadow: 2px 2px 5px #e2e2e2; -moz-box-shadow: 2px 2px 5px #e2e2e2; box-shadow: 2px 2px 5px #e2e2e2;
						text-shadow: 1px 1px 3px #333; }
input[type="submit"]:hover { background: #939598; text-shadow: none; }

form table select {width: 140px;}