/* =================================
   Basic HTML
   ================================= */
a {
color:#336666;
text-decoration:none;
}
a:hover {
color:#000000;
text-decoration:underline;
}



body {
    margin:0px;padding:0px;
    font-size: 11px;
    font-family: Verdana;
    color: #000;
    background: #fff;
    text-align: left;

}

h1 {font-family: Verdana;font-size: 17px;font-weight:bold;margin:0px 0px 8px 0px;padding:0px;line-height:18px;color:#444}
h2 {font-family: Verdana;font-size: 13px;font-weight:bold;margin:12px 0px 0px 0px; color:#336666;padding:0px;line-height:18px;}
h3 {font-family: Verdana;font-size: 12px;font-weight:bold;padding:0px;line-height:13px;}
h4 {font-family: Verdana;font-size: 11px;font-weight:bold;margin:0px 0px 8px 0px;padding:0px;line-height:13px;color:#444}

p {margin:0px;padding:12px 0px 0px 0px;}
form {display:inline;}
img {border:none;}

ul {list-style-type:none;margin:5px 0px 5px 0px;padding:0px;}
li {background:url('../img/list_item.gif') no-repeat top left;margin:0px; padding-left:15px; padding-right:0px; padding-top:0px; padding-bottom:0px}

/* =================================
   Breadcrumb
   ================================= */
#bread {
font-size: 10px;
font-family: Verdana;
color: #336666;
text-align: left;
font-weight:bold;
margin-bottom:10px;
margin-top:4px;
}
#bread a {
background: url('../img/nav/pfeil-rechts-hell.gif') no-repeat left;
padding-left:10px;
margin-right:6px;
font-size: 10px;
font-family: Verdana;
color: #336666;
text-align: left;
font-weight:normal;
text-decoration:none
}

#bread a:hover {
text-decoration:underline;
}

#bread span {
background: url('../img/nav/pfeil-rechts-dunkel.gif') no-repeat left;
padding-left:10px
}
#bread .nobread {
background: none;
padding-left:0px;
}

/* =================================
   Page
   ================================= */

#center_page {
width:490px;
margin:0px 0px 17px 25px;
float:left;
line-height:16px;
font-size:11px;
}


#right_page {
width:208px;
margin:0px 0px 25px 25px;
float:left;
height:500px;
}


#left_page {
color: #316563;
width:208px;
padding:0px 0px 0px 16px;
margin:0px 0px 17px 0px;
float:left;
}

#left_page a{color: #316563;text-decoration:none;}


.large-text {
font-size:12px !important;
}

div.small-width {
width:350px;
}


/* =================================
   NAVIGATION
   ================================= */
.nav_level_0 {
height:19px;
background-image: url('../img/subnav/smbalk.gif');padding-left:8px; padding-right:0px; padding-top:6px; padding-bottom:0px
}


.nav_level_0_bottom {
height:20px;
background-image: url('../img/subnav/smbalk.gif');padding-left:8px; padding-right:0px; padding-top:6px; padding-bottom:0px
}

.not-active {
padding-left:11px;
}

.selected {
padding-left:12px;
font-weight:bold;
}

.active {
background: url('../img/subnav/prd.gif') no-repeat left;
padding-left:10px;
font-weight:bold
}

.nav_level_0 a:hover, .nav_level_1 a:hover, .nav_level_2 a:hover, .nav_level_0_bottom a:hover {
background: url('../img/subnav/prh.gif') no-repeat left;

}

.has-sub a, .has-sub a:hover {
background: url('../img/subnav/pud.gif') no-repeat left;
}

.nav_level_1 {
border-left:1px solid #659999;
border-right:1px solid #659999;
padding:5px 0px 5px 8px;
font-size:10px;
background:#D9E7E8;
border-bottom:1px solid #659999;
}
.nav_level_2 {
border-left:1px solid #659999;
border-right:1px solid #659999;
padding:5px 0px 5px 10px;
font-size:10px;
background:#ECF6F7 !important;
border-bottom:1px solid #659999;
}

.nobottom {
border-bottom:none !important;
}

/* =================================
   Header/Footer
   ================================= */
#nav {margin:0px; padding:0px; height: 30px;background: url('../img/nav/navbg.gif') repeat-x top left;white-space:nowrap}
#header1 { background: url('../img/nav/bg1.jpg') repeat-x top left; height:50px	}

.toplogout {position:absolute; top: 22px; left: 496px; width: 475px; font-family: Verdana; color:#FFF; font-size: 12px;font-weight : bold; text-align : right;}
.toplogout a{text-decoration:none;color:#FFF}
.toplogout a:hover{text-decoration:underline;color:#FFF}

#header2 { height: 22px; background-image: url('../img/nav/bg2.gif');margin-bottom:17px; clear:both}
#topnav_right {
	font-size: 10px;
	position:absolute;
	width:972px;
	top:85px;
	left:0px;
	text-align: right;
}

#topnav_left {
	font-size: 10px;
	position:relative;
	top: 4px;
	left: 17px;
	background: transparent;
	text-align: left;
	float:left;
}
/* Formatierung des Fußbereichs */

#footer {clear:both;padding-top:9px; color:#FFF; background: url('../img/footer_bg.gif') repeat-x top left; height:21px}
#footer div {width:990px;}
#footer a{color:#FFF; text-decoration:none;padding-left:17px;}
#footer a:visited{text-decoration:none;}
#footer a:hover{text-decoration:underline;}
#footer a:active{text-decoration:underline;}
#footer_right {
         float:right;
	background: transparent;
	text-align: right;
         padding-right:17px;
}

#footer_left {
        float:left;
	background: transparent;
	text-align: left;
         padding-left:17px;
}

#footer_center {
         padding-left:150px;
	background: transparent;
	text-align: center;
	float:left;}


/* =================================
   CODEPOETRY STYLES - FORM STD
   ================================= */

a.button-s, a.button-m {
display: block;
line-height: 20px;
text-align:center;
text-decoration:none;
font-weight:bold;
color:#336666;
cursor:pointer;
height:21px;
}
a.button-s:hover, a.button-m:hover {
text-decoration:none;
font-weight:bold;
color:#669999;
cursor:pointer;
}

a.button-s {
width:90px;
background:url('../img/button_s.gif') no-repeat 0px 0px;
}

a.button-s:hover {
background:url('../img/button_s.gif') no-repeat -90px;
}

a.button-m {
width:120px;
background:url('../img/button_m.gif') no-repeat 0px 0px;
}

a.button-m:hover {
background:url('../img/button_m.gif') no-repeat -120px;
}

.submit-s {
width:90px !important;
border:none !important;
height:21px !important;
margin:0px !important;
padding:0px !important;
}

div.stdform {
border:1px solid #66999A;
background:#F8F8F8;
padding:0px 8px 8px 8px;
font-size:11px;
}
div.stdform div.stdformtitle {
border:1px solid #66999A;
border-width:0px 0px 1px 0px;
padding:5px 5px 5px 5px;
font-weight:bold;
font-size:12px;
}
div.stdform div.stdformtext {
border:1px dashed #66999A;
border-width:0px 0px 1px 0px;
font-weight:normal;
padding:5px 9px;
color:#333333;
background:#EBEBEB;
margin-bottom:5px;
font-size:11px;
}

div.stdform input, div.stdform textarea {
font-family:Verdana;
font-size:11px;
border:1px solid #C8C8C8;
color:black;
padding:2px 3px;
width:305px;
font-size:11px;
}



div.stdform select {
font-family:Verdana;
font-size:11px;
border:1px solid #C8C8C8;
color:black;
}


div.stdform table {
width:100% !important;
padding:0px;
border:none;
}

div.stdform td.ltd {
text-align:right;
width:140px;
vertical-align:top;
padding-top:2px;
}

.marked {
background:#EBEBEB;
}
.lightmarked {
background:#F8F8F8;
}

.small {
font-size:11px;
}
/* =================================
   CODEPOETRY STYLES - OTHERS
   ================================= */

div.info-box {
border-left:0px solid #66999A; border-right:0px solid #66999A; border-top:1px solid #66999A; border-bottom:1px solid #66999A; background:#D9E7E8 url('../img/infobox_bg.gif') no-repeat top left; padding-left:12px; padding-right:12px; padding-top:3px; padding-bottom:3px
}

.error {
color:#CC0000;
}


/* =================================
   CODEPOETRY STYLES - STD-BOX MODELS
   ================================= */

div.std-box, div.std-box-left, div.std-box-right {
background:#F8F8F8; /*EEF4F4*/
border:1px solid #66999A;
border-width:1px 0px 1px 0px;
padding:8px 5px;
}

div.std-box-left {
float:left;
margin-right:15px;
}
div.std-box-right {
float:left;
}

div.fix {
width:232px;
}

div.std-box table, div.std-box-left table, div.std-box-right table {
border-spacing:1px;
}

div.std-box table td, div.std-box-left table td, div.std-box-right table td {
padding:3px;
}


/* =================================
   CODEPOETRY STYLES - LIST-BOX MODELS
   ================================= */
div.list-box, div.list-box-left, div.list-box-right {
}

div.list-box-left {
float:left;
margin-right:15px;
}
div.list-box-right {
float:left;
}


div.list-box table th, div.list-box-left table th, div.list-box-right table th {
font-size:11px;
background:url('../img/boxtitle_bg.gif') repeat-x top left;
border-bottom:1px solid #66999A;
padding-left:6px; padding-right:6px; padding-top:2px; padding-bottom:2px
}

div.list-box table, div.list-box-left table, div.list-box-right table {
border:1px solid #66999A;
border-width:1px 1px 1px 1px;

}

div.list-box table td, div.list-box-left table td, div.list-box-right table td {
padding:1px 2px;
font-size:11px;
line-height:14px;
}

div.list-box-light {
font-size:11px;
border-bottom:1px solid #66999A;
padding:1px 2px;
}

input.radio, input.checkbox {
border:none !important;
margin:0px !important;
padding:0px !important;
width:13px !important;
height:13px !important;
}

/* =================================
   CODEPOETRY STYLES - PRODUCTS
   ================================= */

div.list-box-products table th {
font-size:11px;
background:url('/img/boxtitle_bg_products.gif') repeat-x top left;
border-bottom:1px solid #2E5076;
padding-left:6px; padding-right:6px; padding-top:2px; padding-bottom:2px
}

div.list-box-products table th a {
color:black;
}

div.list-box-products table td {
padding:1px 2px;
font-size:11px;
line-height:14px;
}
div.list-box-products table {
border:1px solid #2E5076;
border-width:1px 1px 1px 1px;

}

input.radio, input.checkbox {
border:none !important;
margin:0px !important;
padding:0px !important;
width:13px !important;
height:13px !important;
}
/* =================================
   CODEPOETRY STYLES - NEWS
   ================================= */
.news-cat-header {
font-family: Verdana;
font-size: 13px;font-weight:bold;
margin:6px 0px; color:#336666;
padding:3px 8px;
line-height:18px;
background:#D9E7E8;
border:1px dashed #66999A;
border-width:1px 0px 1px 0px;
}
.news-cat-header a {
font-size:11px;
font-weight:normal;
}

.news-preview {
border-left:0px solid #66999A; border-right:0px solid #66999A; border-top:1px solid #66999A; border-bottom:0px solid #66999A; font-size:10px;
font-weight:normal;
line-height:12px;
background:#D9E7E8;
padding:2px;1px
}

.news-teasertext {
font-weight:bold;
padding:6px 0px;
}

.img-subtitle {
font-size:10px;
font-weight:normal;
line-height:12px;
color:#666666;
text-align:center;
border-top:1px solid #DDDDDD;
background:#FAFAFA;
padding:2px 0px;
width:240px;
}


a.contribute-hplink {
padding-left:10px;
color:#336666;
text-decoration:none;
font-size:10px;
}

a.contribute-hplink:hover {
background: url('/img/nav/pfeil-rechts-hell.gif') no-repeat left;
text-decoration:none
}

div.contribute-hplink-box {
border-bottom:1px solid #CCCCCC;padding:2px 5px;
}

.contribute-hplink-box {
width: 110px;
overflow:hidden;
}

.hb-box-title, .hb-box-title a {
font-size:14px;
font-weight:bold;
margin-bottom:5px;
}

.hb-box-title a {
color:black;
}

/* =================================
   CODEPOETRY STYLES - PAGING
   ================================= */

.paging-list {
  font-size:11px;
  color:#444;
}
.paging-list a, .paging-list b {
  color: #66999A;
  border:1px solid #66999A;
  padding:1px 4px;
}
.paging-list b,.paging-list a:hover  {
  background:#F8F8F8;
  text-decoration:none;
}
.paging-list b {
  color:#444;
}
.currentpage {
  color: #66999A;
  border:1px solid #66999A;
  padding:1px 4px;
  background:#F8F8F8;
  text-decoration:none;
  color:#444;
  font-weight : bold;
}

div.std-box-product {
background:#E6F1FF !important; /*FEF3F3  FFF1F1 */
border-color:#2E5076 !important;
}
div.std-box-product strong a {
color:#444444 !important;
}


/* COLOR DEFINITIONS */
.color-products {
color:#2E5076;
}