body{margin:0px;padding:0px; text-align: left;  background-color: #41A9EB;}

div#sitecontainer {margin:0px; text-align:left; background-image:url(../websitepics/logo.jpg);background-repeat:no-repeat; background-color: #FFFFFF;}

div#top {width:980px; height:150px; font-family:verdana,arial; color:#4D4F4E;}
div#logo {width:350px; height:150px; float: left; }
div#kontakt {width:200px; height:130px; float:left; padding-top: 20px; font-size:8pt;  }
div#nav {width:430px; height:130px; float:left; padding-top: 20px; font-size:8pt; }
div#nav1 {background-image:url(../websitepics/nav_trenner.gif);background-repeat:repeat-x; padding-bottom: 20px; display: inline;}

div#main_container {width:980px; }

div#content {width:890px; font-family:verdana,arial; color:#4D4F4E; font-size: 8pt; line-height: 1.5em; text-align: justify; padding-left: 60px; padding-right: 30px; padding-top: 10px; padding-bottom: 30px; }
div.con_li_66 { width: 535px; float:left; padding-right: 50px; }
div.con_li_33 { width: 280px; float:left; padding-right: 20px; }
div.con_mi_33 { width: 280px; float:left; padding-right: 20px; }
div.con_re_33 { width: 270px; float:left; padding-right: 10px; }

div#bottomcontainer {width:100%; height:455px; background-image:url(../websitepics/tease_bg.gif); background-repeat:repeat-x; clear: left;}
div#teasing {width:980px;font-family:verdana,arial; color:#4D4F4E; font-size: 9pt; line-height: 1.5em; text-align: justify; font-size: 8pt;}
div#tease_li {overflow: hidden; width:255px; height: 160px; padding-left: 60px; padding-right: 20px; padding-top: 20px; padding-bottom: 30px; float:left; border-right: 1px solid #3289BB; margin-top: 5px; }
div#tease_mid { overflow: hidden; width:255px; height: 160px; padding-left: 20px; padding-right: 20px; padding-top: 20px; padding-bottom: 30px; float:left; border-left: 1px solid #5CA9D9; margin-top: 5px; border-right: 1px solid #3289BB; margin-top: 5px; text-align: left; }
  div#news_up, div#news_down {padding: 0px; margin: 0px; text-align: right; }
  div#news_messages {width:255px; height: 135px; overflow: hidden; padding: 0px; margin: 0px; }    
    div.news {padding: 5px; border-top: 1px solid #61B3E2; background-color: #45A8E3; }
div#tease_re {overflow: hidden; width:255px; height: 160px; padding-left: 20px; padding-right: 20px; padding-top: 20px; padding-bottom: 30px; float:left; border-left: 1px solid #5CA9D9; margin-top: 5px; }
  div#login_form {width:255px; height: 135px; background-color: #45A8E3; overflow: hidden; padding: 0px; margin: 0px; }    
    div.login_left {width: 60px; float:left; color: #FFFFFF; padding-bottom: 5px;}
    div.login_right {width: 160px; float:left; padding-bottom: 5px;}
div#footer_container {width: 980px; font-family:verdana,arial; color:#4D4F4E; font-size: 8pt; padding-left: 60px; padding-top: 20px; clear: left; }
div#copyright {float: left;}
div#service_nav {float: left;}

A.nav1a { color: #FFFFFF; background-color:#008BCC; text-decoration: none; font-weight: bold; padding: 1px; }
A.nav1a:Visited { color: #FFFFFF; background-color:#008BCC; text-decoration: none; font-weight: bold; padding: 1px; }
A.nav1a:Active {color: #FFFFFF; background-color:#008BCC; text-decoration: none; font-weight: bold; padding: 1px; }
A.nav1a:Hover {color: #FFFFFF; background-color:#008BCC; text-decoration: none; font-weight: bold; padding: 1px; }

A.nav1ina { color: #4D4F4E; text-decoration: none; font-weight: bold; padding: 1px; }
A.nav1ina:Visited { color: #4D4F4E; text-decoration: none; font-weight: bold; padding: 1px; }
A.nav1ina:Active {color: #4D4F4E; text-decoration: none; font-weight: bold; padding: 1px; }
A.nav1ina:Hover {color: #FFFFFF; background-color:#008BCC; text-decoration: none; font-weight: bold; padding: 1px; }

A.nav2a { color: #FFFFFF; background-color:#4ABDFA; text-decoration: none; font-weight: bold; padding: 1px; }
A.nav2a:Visited { color: #FFFFFF; background-color:#4ABDFA; text-decoration: none; font-weight: bold; padding: 1px; }
A.nav2a:Active {color: #FFFFFF; background-color:#4ABDFA; text-decoration: none; font-weight: bold; padding: 1px; }
A.nav2a:Hover {color: #FFFFFF; background-color:#4ABDFA; text-decoration: none; font-weight: bold; padding: 1px; }

A.nav2ina { color: #4D4F4E; text-decoration: none; font-weight: bold; padding: 1px; }
A.nav2ina:Visited { color: #4D4F4E; text-decoration: none; font-weight: bold; padding: 1px; }
A.nav2ina:Active {color: #4D4F4E; text-decoration: none; font-weight: bold; padding: 1px; }
A.nav2ina:Hover {color: #FFFFFF; background-color:#4ABDFA; text-decoration: none; font-weight: bold; padding: 1px; }

A.service_nav_a { color: #FFFFFF; background-color:#008BCC; text-decoration: none; padding: 1px; }
A.service_nav_a:Visited { color: #FFFFFF; background-color:#008BCC; text-decoration: none; padding: 1px; }
A.service_nav_a:Active {color: #FFFFFF; background-color:#008BCC; text-decoration: none; padding: 1px; }
A.service_nav_a:Hover {color: #FFFFFF; background-color:#008BCC; text-decoration: none; padding: 1px; }

A.service_nav_ina { color: #FFFFFF; text-decoration: none; padding: 1px; }
A.service_nav_ina:Visited { color: #FFFFFF; text-decoration: none; padding: 1px; }
A.service_nav_ina:Active {color: #FFFFFF; text-decoration: none; padding: 1px; }
A.service_nav_ina:Hover {color: #FFFFFF; background-color:#008BCC; text-decoration: none; padding: 1px; }

.color_blue { color:#008BCC; }

h1 {font-size:18pt; color: #008BCC; font-weight: normal; margin: 10px 0px 20px 0px; padding: 0px 0px 0px 0px; line-height: 1.2em; }
h1.inline {display: inline;}
h2 {font-size:11pt; color: #FFFFFF; font-weight: bold;   margin: 5px 0px 8px 0px; padding: 0px 0px 0px 0px; }
h2.login_headline_white {font-size:11pt; color: #FFFFFF; font-weight: bold;   margin: 5px 0px 12px 0px; padding: 0px 0px 0px 0px; }
h2.teasing_pull {font-size:11pt; color: #FFFFFF; font-weight: bold;   margin: 5px 0px -4px 0px; padding: 0px 0px 0px 0px; }
h2.login_headline {font-size:11pt; color: #4D4F4E; font-weight: bold; margin: 8px 0px 8px 0px; padding: 0px 0px 5px 10px; }
h3 {font-size:13pt; color: #008BCC; font-weight: normal; margin: 10px 0px 10px 0px; padding: 0px; }

p {margin: 5px 0px 5px 0px; padding: 0px; }

span.date {font-weight: bold;}

div#content A         { color: #008BCC; text-decoration: underline; }
div#content A:Visited { color: #008BCC; text-decoration: underline; }
div#content A:Active  { color: #008BCC; text-decoration: underline; }
div#content A:Hover   { color: #008BCC; text-decoration: underline; }

div#teasing A         { color: #FFFFFF; text-decoration: underline; }
div#teasing A:Visited { color: #FFFFFF; text-decoration: underline; }
div#teasing A:Active  { color: #FFFFFF; text-decoration: underline; }
div#teasing A:Hover   { color: #FFFFFF; text-decoration: underline; }

fieldset.login {border-left: 0px; border-right: 0px; border-bottom: 0px; border-top: 1px dotted #61B3E2; margin: 5px; display: inline; } 

input.login {font-family:verdana,arial; color:#4D4F4E; font-size: 8pt; border: 1px inset #4D4F4E; width: 150px; display: inline;}
input.login_submit {font-family:verdana,arial; color:#FFFFFF; background-color: #45A8E3; font-size: 8pt; border: 1px outset #4D4F4E; width: 150px; display: inline;}

fieldset.kontaktformular {border: 0px; padding: 25px 5px 5px 5px; display: inline; } 
fieldset.kontaktformular div.to_the_left {width: 70px; float:left; padding-bottom: 15px; }
fieldset.kontaktformular div.to_the_right {width: 180px; float:left; padding-bottom: 15px; }
fieldset.kontaktformular input {border-left: 1px dotted #B0B0B0; border-bottom: 1px dotted #B0B0B0; border-top: 0px; border-right: 0px; font-family:verdana,arial; color:#4D4F4E; font-size: 8pt; width: 170px; background-color: transparent; }
fieldset.kontaktformular textarea { border: 0px; width: 170px; border: 1px dotted #B0B0B0; font-family:verdana,arial; font-size: 8pt;}
fieldset.kontaktformular textarea.textarea_form_warning { width: 170px; border: 1px dotted #FF0000; font-family:verdana,arial; font-size: 8pt;} 
fieldset.kontaktformular input.submit {font-family:verdana,arial; color:#FFFFFF; background-color: #45A8E3; font-size: 8pt; border: 1px dotted #B0B0B0; }
fieldset.kontaktformular input.text_form_warning {border-bottom: 1px dotted #FF0000; border-left: 1px dotted #FF0000; border-top: 0px; border-right: 0px; font-family:verdana,arial; color:#4D4F4E; font-size: 8pt; background-color: transparent; }

fieldset.itsecurity {border: 0px; padding: 25px 5px 5px 5px; display: inline; text-align: left; } 
fieldset.itsecurity div.to_the_left {width: 280px; padding-bottom: 0px; text-align: left;}
fieldset.itsecurity div.to_the_right {width: 280px; padding-bottom: 0px; text-align: left; }
fieldset.itsecurity input {border-left: 1px dotted #B0B0B0; border-bottom: 1px dotted #B0B0B0; border-top: 0px; border-right: 0px; font-family:verdana,arial; color:#4D4F4E; font-size: 8pt; width: 280px; background-color: transparent; }
fieldset.itsecurity textarea { border: 0px; width: 280px; border: 1px dotted #B0B0B0; font-family:verdana,arial; font-size: 8pt;}
fieldset.itsecurity textarea.textarea_form_warning { width: 280px; border: 1px dotted #FF0000; font-family:verdana,arial; font-size: 8pt;} 
fieldset.itsecurity input.submit {font-family:verdana,arial; color:#FFFFFF; background-color: #45A8E3; font-size: 8pt; border: 1px dotted #B0B0B0; }
fieldset.itsecurity input.text_form_warning {width: 280px; border-bottom: 1px dotted #FF0000; border-left: 1px dotted #FF0000; border-top: 0px; border-right: 0px; font-family:verdana,arial; color:#4D4F4E; font-size: 8pt; background-color: transparent; }
fieldset.itsecurity select {margin-top: 5px; margin-bottom: 10px; border: 1px dotted #B0B0B0; font-family:verdana,arial; font-size: 8pt; width: 280px; }
p.answertext {color: #008BCC; font-style: italic;}

div.projektreferenz { width: 270px; height: 340px; background-color: #EEF4F7; padding: 7px; text-align: left; overflow: hidden; }
div.projektbild { width: 260px; height: 130px; background-color: #D6E4EB; padding: 3px; }
div#projekt_intro { width: 565px; padding-right: 20px; }

/* Textile mit Bild */
.flLeft {float:left; padding:0px; margin:5px 15px 5px 0px; border: 3px solid #D6E4EB;}
.flRight {float:right;padding:0px;margin:5px 0px 5px 15px; border: 3px solid #D6E4EB;}

.flLeft_simple {float:left; padding:0px; margin:7px 15px 5px 0px; }
.flRight_simple {float:right;padding:0px;margin:7px 0px 5px 15px; }

span.leitmotiv {font-size:10pt; color: #008BCC; }
ul {margin: 0; padding-left: 10px; padding-right: 10px; text-align: left;}