/* *** css by miss dot media www.dot-media.de *** */

body { height: 100.5%; background-color: #ffffff; font-size: 11px; color:#036; font-family: Verdana, Arial, Helvetica, sans-serif; padding:0; margin:0; }
a:link { color: #c03; text-decoration: none; }
a:visited { color:#c03; text-decoration: none; }
a:hover { color: #036; }
a:active { color:#036;}
img { border-style: none; margin: 0; padding: 0; }

h1 { font-size: 12px; font-weight: normal; }
h2 { font-size: 18px; font-weight: normal; }

/* ----------page-------------- */
#page {	width: 900px; margin: 0 auto; padding: 0; background-color: #fff; }

/* ----------head-------------- */
#head { margin: 0; padding: 0; background-color: #fff; background-image: url(../images/base/headbg.jpg); background-repeat: no-repeat; height: 111px; }
#logo { text-align: left; width: 487px; height: 82px; margin-bottom: 0; margin-left: 25px; padding-top: 10px; padding-bottom: 14px; }
#mininav { height: 100px; width: 100px; top: 20px; position: absolute; visibility: visible; margin-left: 725px;  }
#eyecatcher { width: 600px; min-width: 637px; height: 250px; float: left; }
#eyecatcher p.bodytext { padding: 0; margin:0; }

/*-------------navigation-----------------*/

#mainnavi { margin: 0; padding: 0; height: 250px; max-height:250px; border-bottom: 1px solid #666; }
#navi { background-image: url(../images/base/navbg.jpg); float: left; background-repeat: no-repeat; width: 263px; height: 250px; min-width: 263px; max-width: 263px; }

#navi ul{ margin: 0 0 0 20px; list-style-type: none ; padding: 0; }
#subnav li { list-style: none; width: 176px; height: 28px;}
#subnav a { font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 28px; display: block; width: 220px; height: 28px; padding-left: 5px; }
#subnav a:link { color: #ffffff; text-decoration: none; background-image: url(../images/base/navline.gif); background-repeat: no-repeat; padding-bottom: 0; }
#subnav a:visited { color: #ffffff; text-decoration: none; background-image: url(../images/base/navline.gif); background-repeat: no-repeat; padding-bottom: 0; }
#subnav li a:hover { background-image: url(../images/base/navline_act.jpg); background-repeat: no-repeat; background-position: 0 50%; text-decoration: none; color: #fff; }

.subnav-act { background-image: url(../images/base/navline_act.jpg); }
.subnav-act a { font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 28px; display: block; width: 220px; height: 28px; padding-left: 5px; }
.subnav-act a:link { color: #036; text-decoration: none; background-image: url(../images/base/navline_act.jpg); background-repeat: no-repeat; text-transform: uppercase; padding-bottom: 0; }
.subnav-act a:visited { color: #036; text-decoration: none; background-image: url(../images/base/navline_act.jpg); background-repeat: no-repeat; text-transform: uppercase; padding-bottom: 0; }

/* -----------------Inhalt--------------------- */
#container { width: 898px; max-width: 898px; border: solid 1px #036; }
#content { min-height:300px; background-color: #ffffff; padding: 10px 0 50px; margin: 0 5px 0 261px; border-left: 1px solid #036; }
#content_text { color: #036; font-size: 12px; letter-spacing: 1px; margin-right: 10px; margin-left: 10px; }
#content_text h1 { color: #c03; font-size: 12px; text-transform: uppercase; margin: 0; padding: 0; }
#content_text h2 { color: #c03; font-size: 18px; text-transform: uppercase; margin: 0; padding: 0; }
#content_text p, pre { }


/* --------------left------------ */
#left { float: left; width: 261px; max-width: 261px; margin: 0; padding: 10px 0 0; }
#hhwork { color: #036; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; letter-spacing: 1px; width: 251px; min-width: 260px; margin-bottom: 10px; padding-left: 14px; }
#hhwork img { vertical-align:middle; padding-top: 10px; padding-left: 40px; }
.left { padding-top: 10px; }
.left h1 { color: #fff; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; background-image: url(../images/base/bgfeat.jpg); background-repeat: repeat-x; text-transform: uppercase; vertical-align: middle; width: 256px; height: 28px; max-width: 256px; margin: 0; padding: 5px 0 0 5px; }
.leftfeat { background-color: #bfcdde; background-image: url(../images/base/bgleftfeat.jpg); background-repeat: no-repeat; min-height: 100px; padding-right: 5px; padding-left: 5px; }
.leftfeat p {padding: 0;}
/* -------------right------------ */
#right { float: right; width: 200px; margin: 0; color:#036; min-width: 200px; padding: 0; }
#right h1 { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-transform: uppercase; margin: 10px 0 0; padding-right: 0; padding-bottom: 0; padding-left: 5px; }
#right h2 { font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-transform: uppercase; margin: 0; padding: 0 0 0 5px; }
#right p { margin-bottom: 10px; padding: 0 0 0 5px; }
.rightfeattxt { padding-top: 10px; }
.rightfeattxt h1 { color: #fff; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; background-image: url(../images/base/bgfeat.jpg); background-repeat: repeat-x; text-transform: uppercase; vertical-align: middle; width: 195px; height: 28px; max-width: 195px; margin: 0; padding: 5px 0 0 5px; }
.rightfeat { background-color: #bfcdde; background-image: url(../images/base/bgleftfeat.jpg); background-repeat: no-repeat; min-height: 100px; padding-right: 5px; padding-left: 5px; }
.rightfeattxt p { margin: 5px 0 5px -5px; padding: 0; }

/* -----------footer--------------------------- */
#footer { clear: both; background-color: #ffffff; padding: 0 0 10px; margin: 0; margin: 0; }
#footimp { color: #666; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; letter-spacing: 1px; width: 263px; float: left; }
#footlogo { text-align: right; margin-left: 280px; padding-top: 2px; }

/*---------typo3--------------*/
.csc-textpic-caption { color: #666; font-size: 11px; letter-spacing: 0; }

/*.textarea { font-size:13px; font-family:Verdana, sans-serif; font-weight:bold; background-color: #fff; width: 400px; border: solid 1px #003666; }*/

.csc-mailform-submit {
float: right;
color: #666666;
font-size: 11px;
font-family: Verdana, sans-serif;
font-weight: bold;
background-color: #dcdcdc;
width: 100px;
height: 40px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #004857;
border-right-color: #004857;
border-bottom-color: #004857;
border-left-color: #004857;
}

#mailform input, #mailform textarea 
{
margin-bottom: 3px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #036;
border-right-color: #036;
border-bottom-color: #036;
border-left-color: #036;
padding-right: 3px;
padding-left: 3px;
}

.red   { color:#cc0000 ; font-weight: bold; }
.pull  { width:40px; }
.pull2 { width:140px; }