/*  ------------------------------------------------------

Stylesheet zu www.--.de
2010                   
*  *  *  *                              
Design: www.owmedia.de // 

DIE CSS-DEFINITIONEN SIND NACH CSS2 VALIDIERT UND FUER AKTUELLE
BROWSERVERSIONEN OPTIMIERT UND GETESTET.    

--------------------------------------------------------*/

/*  ------------------------------------------------------
BASICS
--------------------------------------------------------*/
* {margin: 0; padding: 0;}

body {
font: 100.1% "Arial", "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", "Verdana", sans-serif;
background: #d9dadb;
color: #4b4a4d;
}

table, tr, th, td, img, fieldset {border: 0 none;}

div.clear, 
div.borderClear {
clear: both;
height: 0;
font-size: 0;
overflow: hidden;
}

div.borderClear {
border-bottom: #72c5ce 1px solid;
margin: 0 0 24px 0;
}

input, textarea {
font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", "Verdana", sans-serif;
}

a {outline: none; cursor: pointer;
}

img {
vertical-align: middle;
}

h1 {
font-size: 20px;
color: #095867;
font-weight: normal;
}

/*  ------------------------------------------------------
FLOATSTUFF
--------------------------------------------------------*/
.floatLeft {
float: left; 
margin: 2px 6px 8px 0;
}

.floatRight {
float: right; 
margin: 2px  0 0 14px;
}

/*  ------------------------------------------------------
SPACES
--------------------------------------------------------*/
.mSpaceBot {margin-bottom: 12px !important;}
.mSpaceTop {margin-top: 12px !important;}
.mSpace {margin-top: 12px !important; margin-bottom: 12px !important;}

.bSpaceTop {margin-top: 24px !important;}
.bSpaceBot {margin-bottom: 24px !important;}
.bSpace {margin-top: 24px !important; margin-bottom: 24px !important;}

.sSpaceBot {margin-bottom: 8px !important;}
.sSpaceTop {margin-top: 8px !important;}
.sSpace {margin-bottom: 8px !important; margin-top: 8px !important;}

/*  ------------------------------------------------------
TYPO AND COLOUR
--------------------------------------------------------*/
ul {
list-style-type: none;
}

p, address {
font-size: 13px;
line-height: 160%;
}

address {font-style: normal;}

/*  ------------------------------------------------------
LINKDEKLARATIONEN
--------------------------------------------------------*/
a.intern,
a.intern:link, 
a.intern:visited {

}

a.intern:hover,
a.intern:focus,
a.intern:active {

}

/*  ------------------------------------------------------
WRAPPER
--------------------------------------------------------*/
div#wrapper {
width: 1060px;
background: #fff;
margin: 0 auto;
}

/*  ------------------------------------------------------
HEADER
--------------------------------------------------------*/
div#header a.logo {
display: block;
float: left;
margin: 36px 0 0 26px;
}

div#header p.tecmenu {
color: #64c2cc;
float: right;
margin: 40px 20px;
}

div#header p.tecmenu a {
color: #64c2cc;
}

div#header p.tecmenu a img {
padding: 0 6px;
}

/*  ------------------------------------------------------
CONTENT
--------------------------------------------------------*/
div#content {
width: 950px;
background: #fff;
margin: 0 0 0 110px;
}

div#content .gross {
  font-size: 13px;
}

div#content .klein {
  font-size: 11px;
}

div#content .grosshell {
  font-size: 13px;
  color: #64c2cc;
}

div#content .grossdunkel {
  font-size: 13px;
  color: #095867;
}

.wideLeftColumn ul {
  margin: 0 0 10px 25px;
  list-style-type: disc;
}
.wideLeftColumn li {
color: #095867;
font-size: 13px;
line-height: 160%;
}


/*  ------------------------------------------------------
CTIMAGES
--------------------------------------------------------*/
div.contentImage {
height: 279px;
/* border-bottom: #72c5ce 9px solid; */
margin: 0 0 24px 0;
}

div.ct_home {background: url(/basics/images/ct_home.jpg) no-repeat 0 0;}
div.ct_download {background: url(/basics/images/ct_download.jpg) no-repeat 0 0;}
div.ct_company {background: url(/basics/images/ct_company.jpg) no-repeat 0 0;}
div.ct_product {background: url(/basics/images/ct_product.jpg) no-repeat 0 0;}
div.ct_contact {background: url(/basics/images/ct_contact.jpg) no-repeat 0 0;}

/*  ------------------------------------------------------
RIGHTCOLUMN
--------------------------------------------------------*/
div.rightColumn {
float: right;
width: 256px;
}

/*newsBox*/
div.newsBox h1 {
background: #095867;
font-weight: normal;
font-size: 14px;
color: #fff;
padding: 8px 12px;
}

div.newsBox div.newsBoxCont {
border-bottom: #64c2cc 1px solid;
padding: 12px 0;
}

div.newsBox div.newsBoxCont h2 {
color: #095867;
font-size: 12px;
padding: 0 12px 0 24px;
font-weight: normal;
}

div.newsBox div.newsBoxCont h3 {
color: #64c2cc;
font-size: 16px;
padding: 3px 12px 3px 24px;
font-weight: normal;
}

div.newsBox div.newsBoxCont p {
color: #095867;
font-size: 12px;
padding: 0 12px 0 24px;
}

/*newsBox*/
div.companyIntro {
background: #095867;
padding: 18px 18px 0 18px;
}

div.companyIntro h1 {
font-weight: normal;
font-size: 16px;
color: #62c2cc;
margin: 0 0 3px 0;
}

div.companyIntro h2 {
font-weight: normal;
font-size: 16px;
color: #fff;
margin: 0 0 12px 0;
}

div.companyIntro p {
color: #62c2cc;
font-size: 12px;
}

/*  ------------------------------------------------------
LEFTCOLUMN
--------------------------------------------------------*/
div.leftColumn {
width: 333px;
float: left;
margin: 0 14px 0 0;
}

/*topBox*/
div.leftColumn div.topBox {
background: #e8edf0;
min-height: 230px;
}

div.leftColumn div.topBox h1 {
background: #64c2cc;
font-weight: normal;
font-size: 14px;
color: #fff;
position: relative;
padding: 8px 12px;
}

div.leftColumn div.topBox h1 a.more {
position: absolute;
right: 8px;
top: 8px;
}

div.leftColumn div.topBox div.topBoxImage {
text-align: center;
}

div.leftColumn div.topBox h2 {
color: #64c2cc;
font-size: 16px;
padding: 0 12px;
font-weight: normal;
}

div.leftColumn div.topBox p {
color: #095867;
font-size: 12px;
padding: 0 12px;
}

/*botBox*/
div.leftColumn div.botBox {
border-top: #64c2cc 1px solid;
margin: 20px 0 0 0;
}

div.leftColumn div.botBox h1,
div.leftColumn div.botBox h2 {
color: #64c2cc;
font-size: 16px;
font-weight: normal;
}

div.leftColumn div.botBox h1 {
padding: 16px 0 12px 0;
}

div.leftColumn div.botBox h2 {
padding: 24px 0 0 0;
}

div.leftColumn div.botBox div.botBoxImage {
background: #e8edf0;
border-bottom: #64c2cc 5px solid;
}

div.leftColumn div.botBox div.botBoxImage img {
float: left;
margin: 0 12px 0 0;
}

div.leftColumn div.botBox div.botBoxImage p {
padding: 12px 0 0 0;
margin-left: 12px;
}

div.leftColumn div.botBox p {
color: #095867;
font-size: 12px;
}

/*wideLeftColumn*/
div.wideLeftColumn {
width: 682px;
float: left;
}

div.wideLeftColumn h1 {
font-size: 20px;
color: #095867;
font-weight: normal;
}

div.wideLeftColumn h1.newsHeader {
font-size: 20px;
color: #095867;
font-weight: normal;
margin: 24px 0 0 0;
padding: 0 0 12px 0;
border-bottom: #72c5ce 1px solid;
}


div.wideLeftColumn h2 {
color: #64c2cc;
font-size: 16px;
font-weight: normal;
margin: 6px 0 0 0;
}

div.wideLeftColumn h4 {
color: #9ea3a6;
font-size: 12px;
font-weight: normal;
}

div.bodyFont, 
div.bodyFont2 {
width: 333px;
float: left;
margin: 18px 14px 0 0;
}

div.bodyFont ul, 
div.bodyFont2 ul {
  }

div.bodyFont2 {
margin: 18px 0 0 0;
}

div.bodyFont p.bodyFontIntro {
color: #64c2cc;
font-size: 14px;
line-height: 130%;
margin: 0 0 12px 0;
}

div.bodyFont p, 
div.bodyFont2 p, 
div.bodyFont address {
font-size: 12px;
line-height: 160%;
color: #095867;
margin: 0 0 12px 0;
}

div.bodyFont p a, 
div.bodyFont2 p a, 
div.bodyFont address a, 
div.bodyFont2 address a  {
color: #095867;
text-decoration: none;
}

div.bodyFont p a:hover, 
div.bodyFont2 p a:hover, 
div.bodyFont address a:hover, 
div.bodyFont2 address a:hover {
text-decoration: underline;
}

/*  ------------------------------------------------------
STYLELIST
--------------------------------------------------------*/
ul.styleList {
margin: 0 0 24px 0;
list-style-type: none;
}

ul.styleList li {
background: url(/basics/images/more.gif) no-repeat 0 3px;
padding: 0 0 0 24px;
font-size: 12px;
color: #095867;
line-height: 160%;
}

/*  ------------------------------------------------------
DOWNLOADLIST
--------------------------------------------------------*/
ul.downloadList {
margin: 0 0 24px 0;
}

ul.downloadList li {
background: #e8edf0 url(/basics/images/dl_sym.gif) no-repeat 0 0;
font-size: 14px;
padding: 0 0 0 50px;
height: 30px;
overflow: hidden;
border-bottom: #fff 3px solid;
}

ul.downloadList li a {
display: block;
padding: 6px 0 0 0;
height: 24px;
background: url(/basics/images/pdf.gif) no-repeat 96% 50%;
color: #095867;
text-decoration: none;
}

/*  ------------------------------------------------------
LOGINMENUE
--------------------------------------------------------*/
ul.loginMenue li  {
border-bottom: #fff 3px solid;
}

ul.loginMenue li span {
display: block;
background: #095867;
padding: 6px 0 6px 12px;
color: #fff;
font-size: 14px;
}

input.loginData, 
input.inputField, 
textarea.textareaField {
display: block;
background: #e8edf0;
padding: 6px 0 6px 12px;
color: #9ea3a6;
width: 244px;
font-size: 12px;
border:  0 none;
}

input.inputField {
margin: 0 0 3px 0;
width: 322px;
}

textarea.textareaField {
margin: 0 0 3px 0;
width: 670px;
height: 140px;
}

input.loginSubmit {
background: #64c2cc url(/basics/images/bg_submit.gif) no-repeat 0 50%;
padding: 4px 24px 4px 44px;
color: #fff;
font-size: 14px;
border:  0 none;
cursor: pointer;
}

a.loginSubmit {
background: #64c2cc url(/basics/images/bg_submit.gif) no-repeat 0 50%;
padding: 4px 24px 4px 44px;
color: #fff;
font-size: 14px;
border:  0 none;
cursor: pointer;
}

/*  ------------------------------------------------------
SIDEMENUE
--------------------------------------------------------*/


ul.sideMenue li.download a {
border-bottom: #fff 3px solid;
}

ul.sideMenue li a:hover, 
ul.sideMenue li.current a, 
ul.sideMenue li.current a:hover {
background: #64c2cc;
}

div#accordion h2 {
display: block;
background: url(/basics/images/accordion_inaktiv.gif);
border-bottom: #fff 1px solid;
padding: 6px 0 6px 12px;
color: #fff;
text-decoration: none;
font-size: 14px;
font-weight: normal;
}

div#accordion h2.current, 
div#accordion h2:hover {
 display: block;
 background: url(/basics/images/accordion_aktiv.gif);
 border-bottom: #fff 1px solid;
 padding: 6px 0 6px 12px;
font-weight: normal;
 color: #fff;
 text-decoration: none;
 font-size: 14px;
 }

div#accordion h2.logout {
 display: block;
 background: url(/basics/images/logout.gif);
 border-bottom: #fff 1px solid;
 padding: 6px 0 6px 12px;
 color: #fff;
 text-decoration: none;
 font-size: 14px;
 }

div#accordion h2.logout a {
color: #fff;
text-decoration: none;
font-weight: normal;
}

ul.sideMenue li.accordion a:hover, 
ul.sideMenue li.accordion a.current {
background: #095867;
}

div.pane {
background: url(/basics/images/bg_sidemenue-sub.gif) repeat-x 0 0;
padding: 0;
}


#accordion ul {
padding: 8px 0;
border-bottom: 1px solid #fff;
}

#accordion ul li a {
font-size: 12px;
padding: 3px 0 3px 12px;
display: block;
background: transparent url(/basics/images/sm_arrow.png) no-repeat 0 50%;
border-bottom: #fff 1px dashed;
margin: 0 0 0 16px;
color: #fff;
text-decoration: none;
}

#accordion ul li:last-child a {
border-bottom: 0 none;
}

#accordion ul li a:hover, 
#accordion ul li.current a {
color: #095867;
background: transparent url(/basics/images/sm_arrow-h.png) no-repeat 0 50%;
}

#accordion p, 
#accordion address {
padding: 6px 0 6px 12px;
color: #fff;
font-size: 12px;
}

ul.sideMenue li p a.textLink, 
ul.sideMenue li address a.textLink {
padding: 0 !important;
margin: 0 !important;
display: inline !important;
background: transparent !important;
color: #fff !important;
}

ul.sideMenue li.accordion p a.textLink:hover, 
ul.sideMenue li.accordion address a.textLink:hover {
text-decoration: underline;
}

/*  ------------------------------------------------------
MAINLINK
--------------------------------------------------------*/
a.mainLink {
background: #64c2cc url(/basics/images/bg_submit.gif) no-repeat 0 50%;
padding: 4px 24px 4px 48px;
color: #fff;
font-size: 14px;
border:  0 none;
cursor: pointer;
display: block;
text-decoration: none !important;
margin: 3px 0 3px 0;
width: 120px;
}

p.mainLinks {
padding-top: 80px;
}

/*  ------------------------------------------------------
MORELINK
--------------------------------------------------------*/
a.moreLink {
font-size: 12px;
color: #64c2cc;
text-decoration: none;
background: url(/basics/images/more.gif) no-repeat 0 50%;
padding: 0 0 0 24px;
}

a.moreLink:hover {
text-decoration: underline;
}

div.moreLink {
margin-top: 10px;
}

/*  ------------------------------------------------------
SEARCHBAR
--------------------------------------------------------*/
div.searchBar {
padding: 20px 0;
}

div.searchBar input.searchInput {
width: 260px;
padding: 2px;
font-size: 14px;
margin: 0 6px 0 0;
}

/*  ------------------------------------------------------
FOOTER
--------------------------------------------------------*/
div.footer p {
color: #9ea3a6;
padding: 130px 0 12px 0;
font-size: 12px;
}

div.footer p a {
color: #9ea3a6;
text-decoration: none;
}

div.footer p a:hover {
text-decoration: underline;
}


li.fehler {
font-size: 8pt;
color: #ff0000;
background: #e8edf0;
padding: 6px 0 6px 12px;
width: 244px;
border:  0 none;
}

img.flagge {
margin-right: 10px;
margin-bottom: 1px;
}

a.topBox {
text-decoration: none;
color: #fff;
}

div.newsBoxCont a {
text-decoration: none;
color: #64C2CC;
}

div.botBox a, div.topBox a {
text-decoration: none;
}

.tuerkis {
color: #64c2cc;
font-size: 14px;
line-height: 130%;
margin: 0 0 12px 0;
}