body, html { margin:0; padding: 0; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 10px; }
table { border: none; margin: 0; padding: 0; }
table tr { padding: 0; margin: 0; }
table td { padding: 0; margin: 0; vertical-align: top; text-align: center; }
table.header { width: 100%; }
table.main { width: 980px; }

table.header tr td,
table.main tr td,
table.footer tr td { text-align: left; }
table.main { border-bottom: 0px solid #000; }

table.page tr td { text-align: center; }

table.header tr td.rot { background-color: #df0008; border-top: 1px solid #000; border-bottom: 1px solid #000; }
table.header tr td.schwarz{ background-color: #000; width: 161px; }
table.header tr td.grau { background-color: #ccc; border-top: 1px solid #000; border-bottom: 1px solid #000; }
table.header tr td.weiss{ background-color: #fff; width: 161px; border-top: 1px solid #000; border-bottom: 1px solid #000; border-left: 1px solid #000; }
table.header tr td.menu { border-bottom: 1px solid #000; border-top: 1px solid #000; }
table.header tr td.middle { border-left: 1px solid #000; border-right: 1px solid #000; text-align: center; }
table.header tr td.middle img { padding-right: 9px; }
table.header tr td.right { border-right: 0px solid #000; width: 60%; }
table.header .language { margin-top: 30px; }
table.header .language .german { margin-top: 5px; }
table.header .language .english { margin-top: 5px; }

ul { padding-left: 1em; margin-left: 0; }
ul li{ list-style-position: outside; }


.menu { font-size: 13px; font-weight: bold; height: 24px; text-align: left; }
.menu ul { list-style-position: outside;  list-style-type: none; padding-left: 0; padding-top: 2px; margin: 0; }
.menu ul li { display: inline; margin-left: 20px; text-align: left; }
.menu ul li a,
.menu ul li a:link,
.menu ul li a:visited,
.menu ul li a:focus,
.menu ul li a:active { color: #000; text-decoration: none; font-weight: normal; }
.menu ul li a:hover { color: #df0008; }
.menu ul li.current a { color: #df0008; }

.menusub { font-size: 13px; font-weight: normal; padding: 10px 0px; text-align: left; }
.menusub ul { list-style-position: outside; list-style-type: none; padding-left: 0; padding-top: 30px; margin-bottom: 20px; margin: 0; border-bottom: 1px solid #ccc; }
.menusub ul li { padding: 1px 10px; text-align: left; border-top: 1px solid #ccc; }
.menusub ul li a,
.menusub ul li a:link,
.menusub ul li a:visited,
.menusub ul li a:focus,
.menusub ul li a:active { color: #000; text-decoration: none; }
.menusub ul li a:hover { color: #df0008; }
.menusub ul li a.active { color: #df0008; }

.main { font-size: 13px; }
.main tr td { text-align: left; }
.main tr td.middle { width: 174px; }
.main .left { width: 150px; border-right: 1px solid #000; }
.main .left .newsblock { margin-top: 100px; border: none; }
.main .left .newsblock .news { padding: 9px; }
.main .left .news { padding: 10px; font-size: 10px; }

.main .left .roscreativ { margin-top: 100px; border: none; }
.main .left .roscreativ .adresse { padding: 9px; }
.main .left .adresse { padding: 10px; font-size: 10px; }

.main .right { padding: 10px; padding-top: 40px; border-right: 0px solid #000; }

table tr#footer { height: 26px; }

h1 { color: #000; font-size: 20px; margin-bottom: 5px; }
h2 { font-size: 20px; margin-bottom: 5px; }
h3 { color: #000; font-size: 16px; margin-bottom: 5px; }
h4 { font-size: 16px; margin-bottom: 5px; color: #df0008; }
h5 { color: #000; font-size: 14px; margin: 5px 0; }
h6 { font-size: 14px; margin: 5px 0; color: #df0008; }
p { margin: 0; margin-bottom: 0.5em; }

a img { border: none; }



form#rexform fieldset { padding: 0; border: none; }
form#rexform legend { display: none; }
form#rexform div.formblock { margin-bottom: 2px; }
form#rexform div.formblock  label { display: inline; float: left; width: 90px; }
form#rexform div.formblock  input,
form#rexform div.formblock  select,
form#rexform div.formblock  textarea { width: 300px;}
form#rexform div.formblock  input.formsubmit { width: 300px; margin-left: 90px; }

div.forminfo { color: #f00; padding: 20px 0; }


a:link,
a:visited,
a:focus,
a:hover,
a:active { color: #df0008; text-decoration: none; }

/* ######################################################################################################
** ### Subtemplates #####################################################################################
** ######################################################################################################
*/

	.subcolumns { 
		width: 100%;
		padding: 0 1px 0 1px; 
		margin: 0 -1px 0 -1px; 
		overflow:hidden;
	}
		
	.c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l {float: left; overflow: hidden;}
	.c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r {float: right; overflow: hidden;}
	
	.c25l, .c25r { width: 24.999%; }
	.c33l, .c33r { width: 33.333%; }
	.c50l, .c50r { width: 49.999%; }
	.c66l, .c66r { width: 66.666%; }
	.c75l, .c75r { width: 74.999%; }
	.c38l, .c38r { width: 38.196%; } /* Goldener Schnitt */
	.c62l, .c62r { width: 61.803%; } /* Goldener Schnitt */
	
	.subc  { padding: 0 0.5em 0 0.5em; overflow: hidden; }
	.subcl { padding: 0 1em 0 0; overflow: hidden; }
	.subcr { padding: 0 0 0 1em; overflow: hidden; }



  div.download { background-color: #eee; padding: 4px 8px; margin-bottom: 3px; }
  div.download strong { font-weight: bold; }
  div.download a { font-weight: bold; padding: 0 15px; }
  div.download span { font-size: 10px; color: #666; }

}