/*----------------------------------------------------------------------
CSS - Christian Sebastian Strahl
www.chrissstrahl.de
Created: Ulm 06.06.2005
----------------------------------------------------------------------*/

/*Standard TAGS Style's ----------------------------------------------*/
html,body,table,td,div,span,form,button,select,input,textarea,p,h1,h2,h3,h4,h5,h6,a,cite,quote,u{
margin-top:0px;
margin-left:0px;
margin-right:0px;
margin-bottom:0px;
padding-top:0px;
padding-left:0px;
padding-right:0px;
padding-bottom:0px;
font-family:verdana,tahoma,geneva,arial,helvetica,sans-serif;
line-height:120%;
font-size:13px;
}
html,body {
color:#fff;
background-color:#294969;
}
h1,h2,h3,h4,h5,h6,hr,div,p,form{
display:block;
}
hr{
color: #ffffff;
border:1px solid 
#ffffff;
}
td {
vertical-align:top;
}
strong,caption,optgroup,.strong {
font-weight:bold;
font-style:normal;
}
img,table {
border:0px none;
}
p{
margin:8px;
}
a:link,a:visited,a:hover,a:active {
color:#0000ff;text-decoration:none;
}
a:visited{
color:#7f7f7f;
text-decoration:underline;
}
a:hover {
color:#294969;text-decoration:underline;
}
abbr {
cursor:help;
border-bottom:#294969 1px dotted;
}
label{
cursor:pointer;
}
.floatL{
float:left;
}
.floatR{
float:right;
}


/* Individual Styles*/
h1{
display:inline;
color:#eeeeee;
font-size: 200%;
font-weight: bold;
}
div#logo{
display:inline;
padding-left:50%;
margin-left:-351px;
}
h2{
margin-top:10px;
color:#294969;
font-size: 130%;
line-height:100%;
font-weight: normal;
text-align:right;
background-color: #ffffff;
}
h3{
margin:10px;
margin-bottom:0px;
color:#294969;
font-size: 115%;
font-weight: bold;
border-bottom: 2px solid #294969;
}
h4{
margin:4px;
margin-bottom:0px;
color:#294969;
font-size: 110%;
font-weight: bold;
border-bottom: 1px solid #294969;
}

div#case{
}
div#header{
width:100%;
height:50px;
background-color: #20364E;
background-image: url(../images/head_bg.jpg);
background-repeat: repeat-x;
}
div#contents{
background-image:url(../images/bl_shadow_top.bmp);
background-repeat:repeat-x;
}

div#contentTextCase{
width:706px;
background-repeat:repeat-y;
background-image:url(../images/bl_shadow_right.bmp);
background-position:right;
}
div#contentTextCaseCross{
width:706px;
background-repeat:no-repeat;
background-image:url(../images/bl_shadow_top_crossed.bmp);
background-position:right top;
}
div#contentTextCaseBottom{
padding-bottom:7px;
background-image:url(../images/bl_shadow_bottom.gif);
background-repeat:no-repeat;
background-position:bottom;
border-bottom: 1px solid #294969;
}
div#contentText{
padding-top:6px;
padding-bottom:6px;
width:700px;
color:#20364e;
text-align:left;
background-color:#eeeeee;
background-image:url(../images/ws_shadow_top.bmp);
background-repeat:repeat-x;
}
div#navigation{
margin-top:6px;
margin-bottom:40px;
text-align:right;
background-color:#ffffff;
border-top:0px none/*solid #ffffff*/;
border-bottom:0px none/*solid #ffffff*/;
}
div.content{
margin: 10px;
padding-top: 4px;
padding-left: 4px;
padding-bottom: 4px;
text-align:left;
/*border-bottom:1px dotted #294969;*/
}
div.references{
margin:10px;
background-color:#ffffff;
border:1px dotted #dddddd;
}
div#valid{
margin-top:10px;
height:18px;
font-size:12px;
text-align:center;
background-color:#ffffff;
}
span.introduction{
margin-bottom:8px;
display:block;
font-weight: bold;
}
span#location{
color:#aaaaaa;
font-size:20px;
font-weight: bold;
}

/* Lists */
ul#navList{
display:inline;
margin:0px;
padding:0px;
}
li.navListItem{
display:inline;
margin:0px;
padding:0px;
list-style:none;
}
ul#footerLinks{
display:inline;
margin:0px;
padding:0px;
}
li.footerLinksItem{
display:inline;
margin:0px;
margin-left:4px;
margin-right:4px;
padding:0px
}
li.footerLinksItemTitle{
display:inline;
margin:0px;
margin-left:4px;
margin-right:4px;
padding:0px;
color:#21374F;
font-weight:bold;
}
ul#imprintList{
display:block;
margin:0px;
padding:0px;
}
li.imprintListItem{
display:block;
margin:0px;
padding:0px;
padding-left:10px;
list-style:none;
}
ul.simpelList{
display:block;
margin:0px;
padding:0px;
}
ul.simpelList li{
display:block;
clear:left;
margin:0px;
padding:0px;
padding-left:10px;
/*list-style:none;*/
}


/* Links */
a.header:link,a.header:visited,a.header:active,a.header:hover{
color:#ffffff;
font-size:103%;
line-height:120%;
font-weight:normal;
text-decoration: none;
background-color:#294969;
}
a.nav:link,a.nav:visited,a.nav:hover,a.nav:active{
padding-left:10px;
padding-right:10px;
color:#20364e;
font-size:13px;
line-height:18px;
font-weight:bold;
text-decoration: none;
background-color:#eeeeee;
border:1px solid #294969;
border-right:0px none;
}
a.nav:visited{
color:#294969;
background-color:#dddddd;
}
a.nav:hover{
color:#20364e;
background-color:#ffffff;
}
a#navStart:link,a#navStart:visited,a#navStart:hover,a#navStart:active{
}
a#navStart:visited{
color:#294969;
background-color:#dddddd;
}
a#navStart:hover{
color:#ffffff;
background-color:#29445F;
}
a#navReferenzen:link,a#navReferenzen:visited,a#navReferenzen:hover,a#navReferenzen:active{
}
a#navReferenzen:visited{
color:#294969;
background-color:#dddddd;
}
a#navReferenzen:hover{
color:#ffffff;
background-color:#577FAF;
}
a#navService:link,a#navService:visited,a#navService:hover,a#navService:active{
}
a#navService:visited{
color:#294969;
background-color:#dddddd;
}
a#navService:hover{
color:#ffffff;
background-color:#A2CF81;
}
a#navKontakt:link,a#navKontakt:visited,a#navKontakt:hover,a#navKontakt:active{
}
a#navKontakt:visited{
color:#294969;
background-color:#dddddd;
}
a#navKontakt:hover{
color:#ffffff;
background-color:#FFBE0F;
}
a#navDownloads:link,a#navDownloads:visited,a#navDownloads:hover,a#navDownloads:active{
}
a#navDownloads:visited{
color:#294969;
background-color:#dddddd;
}
a#navDownloads:hover{
color:#ffffff;
background-color:#FF7C4F;
}
a#navLinks:link,a#navLinks:visited,a#navLinks:hover,a#navLinks:active{
}
a#navLinks:visited{
color:#294969;
background-color:#dddddd;
}
a#navLinks:hover{
color:#ffffff;
background-color:#BFA577;
}
a#navImprint:link,a#navImprint:visited,a#navImprint:hover,a#navImprint:active{
}
a#navImprint:visited{
color:#294969;
background-color:#dddddd;
}
a#navImprint:hover{
color:#ffffff;
background-color:#bbbbbb;
}

a.toplink:link,a.toplink:visited,a.toplink:hover,a.toplink:active{
display:block;
margin-bottom:12px;
padding-left:10px;
padding-right:10px;
color:#20364e;
font-size:13px;
font-weight:normal;
text-decoration: none;
background-color: transparent;
}
a.toplink:hover{
color:#20364e;
background-color:#ffffff;
}
a.backlink:link,a.backlink:visited,a.backlink:active,a.backlink:hover{
display:block;
color:#29445F;
text-align:center;
}
a.backlink:hover{
background-color:#cccccc;
}

a.valid{
margin-left:4px;
margin-right:4px;
line-height:90%;
}
a.footer:link,a.footer:visited,a.footer:active,hover{
color:#3F70A0;
font-size:11px;
text-decoration: none;
}
a.footer:hover{
color:#5A8CBE;
}

/* Images */
img.references,img.articles-news{
margin:2px;
border-width:2px;
border-style:dotted;
}
img.references{
float:left;
border-color:#eeeeee;
}
img.articles-news{
float:right;
border-color:#ffffff;
}

/* Formulare */
form#kontakt{
margin:30px;
padding:10px;
border:2px dotted #ffffff;
}
div.formLine{
}
input#kontaktBetreff,textarea#kontaktNachricht,input#kontaktName,
input#kontaktMail,input#kontaktTelefon,select#kontaktVia,
input#kontaktSubmit,input#kontaktReset{
margin:2px;
width:300px;
border:#294969 solid 1px;
background-color:#ffffff;
}
input#kontaktBetreff:hover,textarea#kontaktNachricht:hover,input#kontaktName:hover,
input#kontaktMail:hover,input#kontaktTelefon:hover,select#kontaktVia:hover,
input#kontaktSubmit:hover,input#kontaktReset:hover{
border:#000000 solid 1px;
background-color:#EFEFEF;
}
input#kontaktBetreff:focus,textarea#kontaktNachricht:focus,input#kontaktName:focus,
input#kontaktMail:focus,input#kontaktTelefon:focus,select#kontaktVia:focus,
input#kontaktSubmit:focus,
input#kontaktReset:focus{
color:#000000;
border:#aaaaaa solid 1px;
background-color:#FFFBEF;
}
input#kontaktBetreff{
margin-left:45px;
}
textarea#kontaktNachricht{
margin-left:26px;
height:80px;
overflow:auto;
}
input#kontaktName{
margin-left:28px;
}
input#kontaktMail{
margin-left:50px;
}
input#kontaktTelefon{
margin-left:3px;
}
select#kontaktVia{
margin-left:8px;
}
select#kontaktVia option{
margin:0px;
border:0px none;
color:#000000;
}
input#kontaktSubmit,input#kontaktReset{
margin:10px;
margin-right:0px;
}
input#kontaktSubmit{
margin-left:100px;
width:180px;
}
input#kontaktReset{
width:100px;
margin-left:16px;
}


/* Text Formats */
span.bold{
font-weight:bold;
}

div#wichtig{
border:red dashed 1px;
}