/* (c) EIKONA AG, it.x informationssysteme gmbh, Alle Rechte vorbehalten. */

/* Farben */
.schwarz								{ color:#000000; }
.weiss									{ color:#ffffff; }

/* Global */
html                              		{ height:100%; margin:0px; padding:0px; }
body                              	    { height:100%; margin:0px; padding:0px; background:#DCE0EF; overflow-y:scroll; text-align:left; } 

*                                 		{ font-family: Arial, Sans Serif; font-size:12px; font-weight:normal; color:#464646; }

a:link									{ color:#496584; text-decoration:none; font-weight:bold; }
a:visited								{ color:#496584; text-decoration:none; font-weight:bold; }
a:hover									{ color:#000000; text-decoration:none; font-weight:bold; }
a:active								{ color:#000000; text-decoration:none; font-weight:bold; }
a:focus         						{ outline: none; }

div, p                               	{ margin:0px; padding:0px; }

h1										{ font-weight:bold; font-size:16px; line-height:16px; margin:0px; padding:0px; color:#496584; }
h2										{ font-weight:bold; font-size:12px; margin:0px; padding:0px; padding-bottom:5px; }

img										{ border:0px; outline:none; }

b, strong, .fett                   		{ font-weight:bold; }
i										{ font-style: italic; }

ul										{ margin:0px; padding:0px; }
ol										{ margin:0px; padding:0px; }
ul li									{ list-style:none; }

.trennung								{ clear:both; margin:0px; padding:0px; }

/* Aufteilung */
#top									{ position:relative; z-index:2; width:100%; height:76px; background:url(../pics/layout/tobo_back.gif) repeat-x bottom; }
#top .content							{ position:relative; width:960px; height:76px; background:#ffffff url(../pics/layout/tobo_back.gif) repeat-x bottom; }
#top .content .col1						{ position:absolute; top:0px; left:0px; width:201px; height:75px; background:#ffffff url(../pics/layout/col1_back.gif) no-repeat; }
#top .content .col2						{ position:absolute; top:0px; left:201px; width:759px; height:75px; background:#ffffff url(../pics/layout/col2_back.jpg) repeat-y; }
#middle									{ position:relative; z-index:1; width:960px; min-height:100%; height:auto !important; height:100%; margin-top:-127px; margin-right:auto; background: url(../pics/layout/middle_back.gif) repeat-y; }
#middle .abstand						{ padding-top:127px; }
#middle .col1							{ float:left; width:201px; }
#middle .col2							{ float:left; width:558px; line-height:18px; text-align:justify; }
#middle .col2 .content					{ padding:20px; }
#middle .col3							{ float:right; width:201px; }
#bottom									{ position:relative; z-index:2; width:100%; height:51px; background:url(../pics/layout/tobo_back.gif) repeat-x top; }
#bottom .content						{ position:relative; width:960px; height:51px; background:#ffffff url(../pics/layout/tobo_back.gif) repeat-x top; }
#bottom .content .col1					{ position:absolute; top:1px; left:0px; width:201px; height:50px; background:#ffffff url(../pics/layout/col1_back.gif) no-repeat; }
#bottom .content .col2					{ position:absolute; top:1px; left:201px; width:759px; height:50px; background:#ffffff url(../pics/layout/col2_back.jpg) repeat-y; text-align:right; }

/* Master */

/* Titel */
.menz									{ height:75px; padding-left:10px; }
.menz h1								{ font-weight:bold; font-size:24px; line-height:75px; margin:0px; padding:0px; font-style:italic; color:#000000; }
.menz h1 .grau							{ font-weight:bold; font-size:24px; color:#a5a5a5; }
.menz h1 .light							{ font-weight:normal; font-size:24px; color:#000000; }

/* Claims */
.claims									{ width:200px; height:30px; line-height:30px; text-align:center; background:#496584; }
.claims	.text							{ font-size:11px; color:#DCE0EF; }

/* Adresse */
.adresse								{ width:180px; margin-left:10px; padding-bottom:10px; }
.adresse strong							{ color:#a5a5a5; }
.adresse .text							{ color:#a5a5a5; }

/* Slogan */
.slogan									{ width:200px; height:50px; }
.slogan	.text							{ font-size:12px; color:#DCE0EF; clear:both; }
.slogan	em								{ font-size:12px; color:#DCE0EF; }
.slogan	em.eins							{ padding-top:10px; padding-left:20px; color:#DCE0EF; float:left; }
.slogan	em.zwei							{ padding-top:3px; padding-right:20px; color:#DCE0EF; float:right; }
.slogan strong							{ font-size:12px; color:#DCE0EF; }

/* Copyright */
.copyright								{ position:absolute; top:0px; right:0px; width:200px; height:50px; font-size:11px; color:#000000; text-align:center; line-height:50px; }
.copyright b							{ font-size:11px; color:#000000; }
