/*
Theme Name: Code-in-Design
Theme URI: http://www.code-in-design.de
Description: Code-in-Design-Theme
Version: 0.1
*/
/**/
body { color: #011927; font-size: 9pt; background-color: #1e5c71; background-image: url("images/bg_body.gif"); background-repeat: repeat-y; background-position: 50% 0; text-align: center; margin: 0; padding: 0 }
body * { font-family: Arial, Helvetica, sans-serif }
hr { display: none }
a img { border-style: none }
hr.break,
.break { visibility: hidden; display: block; float: none; clear: both }
hr.break { margin: 0; height: 1px }
h1,
h2,
h3,
h4,
h5,
h6 { color: #fff; font-weight: normal; text-transform: uppercase }
a:link,
a:visited,
a:hover,
a:active { color: #fff; text-decoration: none; text-transform: uppercase }
a:hover { color: #f60; text-decoration: underline }
#container { text-align: left; margin-right: auto; margin-left: auto; width: 760px }
/**/
/**/
#mainheader { background-color: #011927; background-image: url("images/bg_mainheader.jpg"); background-repeat: no-repeat; background-position: 50% 0; position: relative; height: 129px }
#mainheader a:link,
#mainheader a:visited,
#mainheader a:hover,
#mainheader a:active { color: #fff; text-decoration: none; text-transform: uppercase; }
#mainheader a:hover { color: #f60; }
h1#logo { font-size: 14pt; margin: 0; padding: 0; position: absolute; z-index: 2; top: 53px; left: 23px; width: 215px; height: 56px; overflow: hidden }
h1#logo a { display: block; position: absolute; top: 0px; left: 0px; width: 215px; height: 56px; overflow: hidden }
h1#logo a span { background-image: url("images/logo.gif"); background-repeat: no-repeat; background-position: 0 0; cursor: pointer; display: block; position: absolute; top: 0; left: 0; width: 215px; height: 56px }
#mainheader ul.navilist { background-image: url("images/bg_mainheader_navilist.gif"); background-repeat: repeat-x; background-position: 0 100%; list-style-type: none; margin: 0; padding: 0; position: absolute; z-index: 1; width: 760px; height: 129px; overflow: hidden }
#mainheader ul.navilist li { background-image: url("images/bg_mainheader_line_navilist_li.gif"); background-repeat: no-repeat; background-position: 0 0; list-style-type: none; display: inline; margin: 0; padding: 0 0 0 2px; height: 129px; float: right }
#mainheader ul.navilist li a:link,
#mainheader ul.navilist li a:visited,
#mainheader ul.navilist li a:hover,
#mainheader ul.navilist li a:active { display: block; margin: 0; padding: 85px 20px 0; width: auto; height: 129px; float: left }
#mainheader ul.navilist li a:hover { color: #f60; background-color: #618d9b; background-image: url("images/bg_mainheader_navilist_a_hover.gif"); background-repeat: repeat-x; background-position: 0 0 }
/*
die gleichen Eigenschaften wie #mainheader ul.navilist li a:hover
f�r Netscape 6 musste a:hover abgetrennt werden
*/
#mainheader ul.navilist li.current_page_item a:link,
#mainheader ul.navilist li.current_page_item a:visited,
#mainheader ul.navilist li.current_page_item a:hover,
#mainheader ul.navilist li.current_page_item a:active,
#mainheader ul.navilist li a.cathighlight:link,
#mainheader ul.navilist li a.cathighlight:visited,
#mainheader ul.navilist li a.cathighlight:hover,
#mainheader ul.navilist li a.cathighlight:active { color: #f60; background-color: #618d9b; background-image: url("images/bg_mainheader_navilist_a_hover.gif"); background-repeat: repeat-x; background-position: 0 0 }
/**/
/**/
#subheader { font-size: 7pt; background-color: #fff; background-image: url("images/bg_subheader.jpg"); background-repeat: no-repeat; background-position: 0 50%; text-align: right; z-index: 2; height: 120px }
/**/
/**/
#page { background-color: #618d9b; background-image: url("images/bg_page.gif"); background-repeat: no-repeat; background-position: 50% 0; padding: 36px 20px 30px 15px; border-bottom: 3px solid #f60 }
/**/
/**/
#sidebar { background-color: #011927; background-image: url("images/bg_sidebar.gif"); background-repeat: repeat-y; background-position: 50% 0; margin-right: 15px; width: 256px; float: left }
#menue { background-image: url("images/bg_sidebar_menue.gif"); background-repeat: no-repeat; background-position: 50% 100%; padding-bottom: 40px }
#sidebar ul.navilist { background-image: url("images/bg_sidebar_line_navilist.gif"); background-repeat: no-repeat; background-position: 50% 100%; list-style-type: none; margin: 0 25px; padding: 0 0 2px }
#sidebar ul.navilist li { list-style-type: none; display: inline; margin: 0; padding: 0 }
#sidebar ul.navilist li a:link,
#sidebar ul.navilist li a:visited,
#sidebar ul.navilist li a:hover,
#sidebar ul.navilist li a:active { color: #fff; text-decoration: none; background-image: url("images/bg_sidebar_line_navilist_a.gif"); background-repeat: no-repeat; background-position: 50% 0; text-transform: uppercase; display: block; padding-top: 7px; padding-bottom: 5px; width: 206px }
#sidebar ul.navilist li a:hover { color: #f60; background-color: #011927 }
/*
die gleichen Eigenschaften wie #sidebar ul.navilist li a:hover
f�r Netscape 6 musste a:hover abgetrennt werden
*/
#sidebar ul.navilist li.current_page_item a:link,
#sidebar ul.navilist li.current_page_item a:visited,
#sidebar ul.navilist li.current_page_item a:hover,
#sidebar ul.navilist li.current_page_item a:active,
#sidebar ul.navilist li a.cathighlight:link,
#sidebar ul.navilist li a.cathighlight:visited,
#sidebar ul.navilist li a.cathighlight:hover,
#sidebar ul.navilist li a.cathighlight:active { color: #f60; background-color: #011927 }
/**/
/**/
#content { width: 454px; float: left }
#content h2 { margin-top: 0 }
#content .blaettern {}
#content .blaettern .zurueck { text-align: left; width: 49%; float: left }
#content .blaettern .vorwaerts { text-align: right; width: 49%; float: right }
/**/
/**/
#gallery { background-color: #1e5c71; background-image: url("images/bg_gallery.gif"); background-repeat: no-repeat; background-position: 50% 0; border-top: 1px solid #011927; }
/**/
/**/
#galleryheader { padding-right: 20px; padding-left: 15px; height: 55px; float: none; clear: both }
#gallerynavi { background-image: url("images/bg_gallerynavi.gif"); background-repeat: no-repeat; background-position: 50% 100%; margin-right: 15px; width: 256px; height: 52px; float: left }
#gallerynavi h3 { font-size: 10.5pt; text-align: center; margin: 0; padding: 0; position: relative; top: 15px; width: 256px; overflow: visible }
#arrowleft { background-image: url("images/bg_gallerynavi_line_pfeil.gif"); background-repeat: no-repeat; background-position: 100% 50%; display: block; padding-top: 3px; padding-right: 5px; padding-bottom: 3px; position: absolute; top: -3px; left: 15px }
#arrowright { background-image: url("images/bg_gallerynavi_line_pfeil.gif"); background-repeat: no-repeat; background-position: 0 50%; display: block; padding-top: 3px; padding-bottom: 3px; padding-left: 5px; position: absolute; top: -3px; right: 15px }
#galleryheadline { width: 454px; float: left }
#galleryheadline h4 { font-size: 10.5pt; margin: 0; padding: 20px 0 0 }
/**/
/**/
#gallerycontent { padding-bottom: 5px; float: none; clear: both; min-height: 240px; }
.referenz { color: #618d9b; font-size: 7pt; margin-top: 5px; margin-bottom: 10px; width: 185px; float: left }
.referenz .screenshot { margin: 0 0 0 20px; padding: 2px 0; width: 165px; overflow: hidden; border-top: 1px solid #618d9b }
.referenz .text { margin: 0 0 2px 20px; padding: 2px 0; width: 165px; border-top: 1px solid #618d9b; border-bottom: 1px solid #618d9b }
.referenz .more { text-align: right; margin: 0 0 0 20px; padding: 0; width: 165px }
/**/
/**/
#mainfooter { background-color: #011927; background-image: url("images/bg_mainfooter.gif"); background-repeat: repeat-x; background-position: 0 0 }
#mainfooter p { color: #568595; margin: 0; padding: 10px 20px }
#mainfooter a { text-transform: none }
/**/
.posting { margin-top:10px; margin-bottom:15px;}
.posting a:link,
.posting a:visited,
.posting a:hover,
.posting a:active { color: #fff; text-decoration: none; text-transform:none; }
.posthead h2 { margin:0; padding:0; font-size: 18px; }
.postdate { margin:0; padding:0; }
#contactform {
border: 1px solid rgb(30, 92, 113);
padding: 2px;
float: right;
width: 50%;
}
#contactform textarea,
#contactform input { font-size: 8pt; }