html { overflow-y: scroll }
html, body { height: 100% }
body { color: #004b96; margin: 0; padding: 0; font: 12px Helvetica, sans-serif; line-height: 120%;
background: rgb(0,75,150);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDA0Yjk2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(-45deg, rgb(0,75,150) 0%, rgb(0,0,0) 100%);
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgb(0,75,150)), color-stop(100%,rgb(0,0,0)));
background: -webkit-linear-gradient(-45deg, rgb(0,75,150) 0%,rgb(0,0,0) 100%);
background: -o-linear-gradient(-45deg, rgb(0,75,150) 0%,rgb(0,0,0) 100%);
background: -ms-linear-gradient(-45deg, rgb(0,75,150) 0%,rgb(0,0,0) 100%);
background: linear-gradient(135deg, rgb(0,75,150) 0%,rgb(0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004b96', endColorstr='#000000',GradientType=1 );
}

* html #cntnt #wrapper { height: 100% }

h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0 0 10px 0 }
h1 { font: 32px Verdana, sans-serif }
h2 { font: 28px Verdana, sans-serif }
h3 { font: 14px Verdana, sans-serif }
a { color: #800000; font-weight: normal; text-decoration: none }
a:hover { text-decoration: underline }
a img { border: none }
ul { padding: 0 0 0 15px; margin: 5px 0; list-style-type: square }
ol { padding: 0 0 0 15px; margin: 5px 0 }
li { padding: 2px }

#wrapper { position: relative; min-height: 100%; width: 980px; margin: 0 auto }
#cntnt { position: absolute; min-height: 90%; width: 980px; padding: 0; margin: 32px 10px 0 10px; background: #fff url("/tragecobat/images/bg-cont.png") no-repeat left top }
#menutop { position: absolute; top: 0; left: 800px; height; 80px; text-align: center; z-index: 50 }
#menutop img { padding-top: 17px }

#header { float: left; position: relative; width: 980px; height: 160px; margin: 0; padding: 0 }
#header img { padding: 0 }

#logo { float: left; width: 298px; height: 120px; padding: 10px }

#menu { float: right; position: relative; width: 650px; padding: 0; margin: 54px 2px 0 0; height: 44px; background: transparent url("/tragecobat/images/bgmenu.png") repeat-x left top }
#menu ul { list-style: none; padding: 0; margin: 0 }
#menu li { position: relative; float: left; padding: 2px 0; width: 108px; text-align: center }
.menui a:link,.menui a:visited { color: #fff; font: 12px 'Arial Black', 'Arial Bold', Gadget, sans-serif; line-height: 18px; padding: 0; margin: 0; text-decoration: none }
.menui a:hover,.menuis a:link,.menuis a:visited,.menuis a:hover { color: #c6c7c8; font: 12px 'Arial Black', 'Arial Bold', Gadget, sans-serif; line-height: 18px; padding: 0; margin: 0; text-decoration: none }

#anlese { float: left; width: 298px; min-height: 600px; padding: 10px }
#page { float: left; width: 406px; min-height: 600px; margin: 0; padding: 10px; line-height: 140% }
#news { float: right; font-size: 10px; width: 200px; min-height: 400px; margin: 0; padding: 10px 0 }
#news strong { display: block; color: #004b96; font-weight: bold; padding: 0 0 0 15px; line-height: 35px; background: transparent url("/tragecobat/images/bgright.png") no-repeat left top }
#news p { color: #707173; padding: 0 10px 10px 15px; border-bottom: 1px solid #c6c7c8 }

#footer { position: absolute; width: 960px; height: 30px; bottom: 0; left: 0; font-size: 10px }
#ftr { float: left; color: #707173; width: 650px; height: 20px; margin: 0 0 0 328px; padding: 5px 0 0 0; border-top: 2px solid #004b96 }
#ftr a:link,#ftr a:visited,#ftr a:hover { color: #707173; text-decoration: none }
#top { float: right; width: 249px; padding: 0; text-align: right }

.orange { color: #e85426; font-style: italic }
.top a { font-weight: normal }
.inacti a { color: #51503c; background: #a8a89e; padding: 0 }
.active a { color: #ffffff; background: #029834; padding: 0 }
.imgr { margin-left: 10px }
.imgl { margin-right: 10px }
.imglb { padding: 0 0 5px 10px }
.imgb { padding: 0 0 5px 0 }
.lft { float: left; width: 300px }
.rgt { float: right; width: 300px; text-align: right }
.nwsblock { float: left; color: #A8A8A5; padding: 5px 10px; width: 680px }
.right { text-align: right; padding: 10px 0; display: block }
.clear { clear: both }
.block { display: block }

#commentForm { width: 500px; margin: 10px 0 0 0 }
#commentForm label.error { float:left; display:inline-block; width: 450px; padding:3px }

form.cmxform { width: 370px }
form.cmxform legend { padding-left: 0 }
form.cmxform legend, form.cmxform label { color: #333 }
form.cmxform fieldset { border: none }
form.cmxform fieldset fieldset { background: none }
form.cmxform fieldset p, form.cmxform fieldset fieldset { padding: 5px 0; margin: 2px 0 }
form.cmxform label.error, label.error {	/* remove the next line when you have trouble in IE6 with labels in list */ color: red; font-style: italic }
div.error { display: none }
input {	border: 1px solid black  }
input.checkbox { border: none }
input:focus { border: 1px dotted black  }
input.error { border: 1px dotted red }
form.cmxform .gray * { color: gray }
fieldset { border: 0 groove threedface ; padding: 0; margin: 0}
.bgwhite { background: #ffffff }
.xaticoblue { color: #0083a9 }

.form-all { padding: 0 0 0 30px }
.form-label { width:150px !important }
.form-label-left,.form-label-radio { width:200px !important }
.form-line { padding: 4px 0 }
.form-label-left{float:left;display:inline-block;text-align:left;padding:3px;white-space:normal}
.form-label-radio{float:left;display:inline-block;text-align:left;padding:3px;white-space:normal;margin-bottom:30px}
.form-label-right { width:150px !important }
.form-radio,.form-checkbox{ vertical-align:middle; border:none}

.login input,.login textarea,.login select { padding: 2px; margin: 2px 0; font: 400 1em verdana, sans-serif; color: #444; background: #EEE; border: 1px solid #444 }
.login input:focus,.login input:hover,.login textarea:focus,.login textarea:hover,.login select:focus,.login select:hover { color: #000; background: #E4F7FA; border: 1px solid #00DFFF }
.login input.button { padding: 2px 5px; font: 400 1.1em "trebuchet ms", serif; color: #555; background: #9FF3FF; border-width: 1px; border-style: solid; border-color: #FFF #00DFFF #00DFFF #FFF }