/* CSS TrabiWebFreital */

html {
height:100%;
}

body {
height:100%;
width:100%;
margin:0%;
padding:0%;
background-image:url(../bgstyle/trabibg50x1000.png);
background-repeat:repeat-x;
}


/* Schriften */

body,table,tr,td,div,pre,textarea {
font-family:Arial,Verdana,Helvetica,sans-serif;
font-size:9pt;
font-style:normal;
font-variant:normal;
font-weight:normal;
word-spacing:normal;
letter-spacing:normal;
text-transform:none;
text-decoration:none;
text-align:left;
color:#000000;
}

font.small {
font-size:7pt;
}


/* Links allgemein */

a:link {
text-decoration:none;
color:#000000;
}

a:visited {
text-decoration:none;
color:#000000;
}

a:focus {
text-decoration:none;
color:#ff0000;
}

a:hover {
text-decoration:none;
color:#ff0000;
}

a:active {
text-decoration:none;
color:#ff0000;
}


/* Ueberschriften */

h1 {
margin:15px;
font-size:12pt;
font-style:italic;
font-weight:bold;
}

h2 {
margin:15px;
font-size:10pt;
font-style:italic;
font-weight:bold;
}

h3 {
margin:15px;
font-size:8pt;
font-style:italic;
font-weight:bold;
}


/* Absatzkontrolle */

p {
margin:15px;
}

p.pcenter {
margin:15px;
text-align:center;
}

p.pright {
margin:15px;
text-align:right;
}

p.pnull {
margin:0px;
text-align:left;
}

hr {
margin-left:15px;
margin-top:0px;
margin-right:15px;
margin-bottom:0px;
color:#c2c2c2;
}


/* Listen */

ul {
list-style-type:circle;
}


/* Formulare */

form {
width:90%;
margin:15px;
}

table.form {
table-layout:auto;
border-collapse:collapse;
border-spacing:0px;
empty-cells:show;
}

td.form {
border:none;
vertical-align:middle;
font-size:8pt;
color:#000080;
}

td.formtop {
border:none;
vertical-align:top;
font-size:8pt;
color:#000080;
}

label {
display:block;
width:100px;
margin:0px;
float:left;
}

.forminput {
width:200px;
margin:4px;
}

.textfield {
width:90%;
min-width:200px;
margin:4px;
}

.codecontrol {
width:150px;
height:50px;
border:1px dashed #000000;
margin:4px;
}

.codeinput {
width:100px;
margin:4px;
}

.button {
width:150px;
margin:4px;
}

.errormail {
margin:4px;
font-size:8pt;
font-weight:bold;
color:#ff0000;
}

.okmail {
margin:4px;
font-size:8pt;
font-weight:bold;
color:#00bf00;
}


/* Grafik und Strukturierung */

div#outsidewrapper {
position:relative;
width:100%;
max-width:900px;
min-width:500px;
height:100%;
margin:0% auto;
}

div#insidewrapper {
overflow:auto;
height:100%;
min-height:500px;
}

div#header {
position:absolute;
width:100%;
height:140px;
padding:0px;
border:none;
top:0px;
left:0px;
background-image:url(../bgstyle/trabibg20x140.gif);
background-repeat:repeat-x;
}

span#flagright {
position:absolute;
width:100%;
height:140px;
padding:0px;
border:none;
top:0px;
left:0px;
background-image:url(../bgstyle/trabibg600x140.gif);
background-repeat:no-repeat;
background-position:right;
}

span#flagleft {
position:absolute;
width:100%;
height:140px;
padding:0px;
border:none;
top:0px;
left:0px;
background-image:url(../bgstyle/trabibg370x140.gif);
background-repeat:no-repeat;
background-position:left;
}

span#flagstream {
position:absolute;
width:100%;
height:18px;
padding:0px;
border:none;
top:122px;
left:0px;
background-image:url(../bgstyle/trabibg1x2.gif);
background-repeat:repeat;
}

div#title {
position:absolute;
width:468px;
height:60px;
padding:0px;
border:none;
margin-top:-30px;
margin-left:-234px;
top:50%;
left:50%;
}

div#menu {
position:absolute;
width:33%;
min-width:200px;
padding:0px;
border:none;
top:140px;
bottom:25px;
left:0px;
float:left;
background-image:url(../bgstyle/trabibg200x605.gif);
background-repeat:repeat-y;
}

div#menutop {
position:absolute;
width:200px;
padding:0px;
border:none;
top:0px;
bottom:0px;
left:0px;
background-image:url(../bgstyle/trabibg200x160.png);
background-repeat:no-repeat;
background-position:top left;
}

div#content {
overflow:auto;
position:absolute;
max-width:100%;
padding:0px;
border:none;
top:140px;
right:0px;
bottom:25px;
left:200px;
background-color:#ffffff;
}

div#fullpage {
overflow:auto;
position:absolute;
max-width:100%;
min-width:60%;
padding:0px;
border:none;
top:140px;
right:0px;
bottom:25px;
left:0px;
background-color:#ffffff;
background-image:url(../bgstyle/trabibg200x605.gif);
background-repeat:repeat-y;
background-position:top left;
}

div#fullpage_menu {
position:absolute;
width:200px;
padding:0px;
border:none;
top:0px;
bottom:25px;
left:0px;
}

div#fullpage_content {
position:absolute;
max-width:100%;
padding:0px;
border:none;
top:0px;
right:0px;
bottom:25px;
left:200px;
}

div#footer {
position:absolute;
width:100%;
height:25px;
padding:0px;
border:none;
bottom:0px;
left:0px;
background-image:url(../bgstyle/trabibg1x2.gif);
background-repeat:repeat;
}


/* Sonstige Strukturierung */

div.main_blank {
overflow:auto;
position:absolute;
width:100%;
height:100%;
padding:0px;
border:none;
}

div#main_blank {
overflow:auto;
position:absolute;
width:100%;
height:100%;
padding:0px;
border:none;
background-color:#ffffff;
}

iframe.main_frame {
overflow:auto;
position:absolute;
width:100%;
height:100%;
padding:0px;
border:none;
margin:0px;
}


/* Allgemeine Inhalttabelle */

table {
width:90%;
border:none;
margin:15px;
}

th {
padding:2px;
border:1px solid #ffa07a;
vertical-align:top;
text-align:left;
background-color:#ffa07a;
}

td {
padding:2px;
border:1px solid #c2c2c2;
vertical-align:top;
text-align:left;
}

td.center {
padding:2px;
border:1px solid #c2c2c2;
vertical-align:top;
text-align:center;
}

td.blind {
padding:2px;
border:none;
vertical-align:top;
text-align:left;
}

td.blindcenter {
padding:2px;
border:none;
vertical-align:top;
text-align:center;
}


/* Galerietabelle */

#centerwintable {
table-layout:auto;
width:100%;
height:80%;
margin:0px;
}

#centerwintable td {
padding:10px;
border:none;
vertical-align:middle;
text-align:center;
color:#c2c2c2;
}


/* Navigation */

ul#navigation {
width:188px;
padding:4px;
margin-top:5px;
margin-left:5px;
border:none;
}

ul#navigation li {
list-style:none;
padding:0px;
margin:0px;
}

ul#navigation span {
display:block;
padding:4px;
border:none;
background-image:url(../bgstyle/trabibg180x30_03.png);
background-repeat:no-repeat;
text-decoration:none;
font-size:11pt;
font-style:italic;
font-weight:bold;
text-align:left;
color:#ffffff;
}

ul#navigation a {
display:block;
padding:4px;
border:none;
background-image:url(../bgstyle/trabibg180x30_01.png);
background-repeat:no-repeat;
text-decoration:none;
font-size:11pt;
font-style:italic;
font-weight:bold;
text-align:left;
color:#ffffff;
}

ul#navigation a:hover {
border:none;
background-image:url(../bgstyle/trabibg180x30_02.png);
background-repeat:no-repeat;
color:#ff7f50;
}


/* Bilder */

img {
border:none;
}

img.preview {
width:75px;
height:75px;
padding:2px;
border:1px solid #c2c2c2;
margin:5px;
}

img.bigpreview {
width:150px;
height:150px;
padding:2px;
border:1px solid #c2c2c2;
margin-top:0px;
margin-right:2px;
margin-bottom:2px;
margin-left:0px;
}

span.bigpreview_text {
display:inline;
position:absolute;
width:150px;
padding:0px;
border:none;
margin-top:3px;
margin-left:-155px;
background-color:#c2c2c2;
font-size:9pt;
font-style:italic;
font-weight:bold;
text-align:left;
color:#ffffff;
}

img.indexvariable {
padding:2px;
border:1px solid #c2c2c2;
}

img.indexleft {
width:195px;
height:138px;
padding:2px;
border:1px solid #c2c2c2;
margin-top:0px;
margin-right:15px;
margin-bottom:15px;
margin-left:0px;
float:left;
}

img.indexright {
width:195px;
height:138px;
padding:2px;
border:1px solid #c2c2c2;
margin-top:0px;
margin-right:0px;
margin-bottom:15px;
margin-left:15px;
float:right;
}

img.pressleft {
padding:2px;
border:1px solid #c2c2c2;
margin-top:0px;
margin-right:15px;
margin-bottom:15px;
margin-left:0px;
float:left;
}

img.pressright {
padding:2px;
border:1px solid #c2c2c2;
margin-top:0px;
margin-right:0px;
margin-bottom:15px;
margin-left:15px;
float:right;
}

img.floatleft {
padding:2px;
margin-top:0px;
margin-right:15px;
margin-bottom:15px;
margin-left:0px;
float:left;
}

img.floatright {
padding:2px;
margin-top:0px;
margin-right:0px;
margin-bottom:15px;
margin-left:15px;
float:right;
}

img.thumbnail {
width:75px;
height:75px;
padding:2px;
border:1px solid #c2c2c2;
margin:5px;
}

span.tumbnail_text {
display:inline;
position:absolute;
width:55px;
padding:0px;
border:1px solid #ffffff;
margin-top:55px;
margin-left:-85px;
background-color:#c6d6fd;
font-size:8pt;
}

img.loading {
width:31px;
height:31px;
padding:0px;
border:none;
}

img.w3c_butten {
width:57px;
height:20px;
padding:2px;
border:none;
}

img#nomeeting {
position:absolute;
right:-30px;
bottom:40px;
}


/* Webflyer */

div#webflyer {
overflow:hidden;
display:block;
position:absolute;
width:210px;
height:315px;
padding:2px;
border:1px solid #c2c2c2;
background-color:#ffffff;
margin-top:-160px;
margin-left:-107px;
top:50%;
left:50%;
font-size:9pt;
font-weight:bold;
text-align:left;
color:#ff0000;
}

img.webflyer {
width:210px;
height:300px;
padding:0px;
border:none;
margin:0px;
}

div#close {
position:absolute;
width:13px;
height:13px;
padding:1px;
top:2px;
right:2px;
border:none;
background-color:#ff0000;
text-align:center;
cursor:pointer;
}

#close a {
font-family:Arial,Verdana,Helvetica,sans-serif;
font-size:8pt;
font-weight:bold;
color:#ffffff;
text-decoration:none;
color:#ffffff;
}


/* Copyright */

div#c {
width:140px;
padding:0px;
border:none;
margin-top:10px;
margin-left:30px;
font-size:8pt;
text-align:center;
color:#ffffff;
}

#c a:link {color:#ffffff;}
#c a:visited {color:#ffffff;}
#c a:hover {color:#ff7f50;}


/* Schluss */