/*
Theme Name: Altrass
Theme URI: http://altrass.com
Description: ...
Author: Sabine Brings
Author URI: http://brings-online.com
*/


body { font-family:Verdana, Arial, Helvetica, sans-serif; color:#333; margin:0; padding:0; text-align:center; font-size:9pt;}
html { overflow-y:scroll;}

h1, h2, h3, h4, h5 { margin:0; padding:0;}
form, ul, li { margin:0; padding:0;}
img { border:none;}
blockquote { background:#f6f6f6; padding:8px; margin:0; font-style:italic;}

#page { width:970px; margin:10px auto; padding:0; text-align:left; background:url(images/page.jpg) top left repeat-y; }
#header {width:970px; margin:0 0 0 0; padding:0 0 0 0; height:217px; background:url(images/headerbg.jpg) top left no-repeat;}
#menu { width:880px; margin:0 0 0 14px; padding:0; border-top:1px solid #000879; border-bottom:1px solid #000; float:left;}

#language { width:50px; height:17px; margin:0; padding:4px 10px 3px 0; border-top:1px solid #000879; border-bottom:1px solid #000; float:left;}
#language ul#qtrans_language_chooser { margin:0; padding:0; list-style:none;}
#language ul#qtrans_language_chooser li { float:left; margin:0; padding:3px; list-style:none;  }
#language ul#qtrans_language_chooser li.active a { color:#000;}

#header .icons {height:28px; padding:19px 26px 0 0; margin:0; text-align:right;}




#menu ul { margin:0; padding:0; list-style:none;}
#menu li { float:left; display:inline; padding:0; border-right:1px solid #000; height:24px; line-height:24px;}
#menu li a {color:#000879; text-decoration:none; text-transform:uppercase; font-size:.85em; padding:7px 16px 5px 16px; height:24px; line-height:24px;}
#menu li a:hover {color:#000; background:url(images/menuabg.jpg) top left repeat-x; }

#menu li.current_page_item a {color:#B20C00; background:url(images/menuabg.jpg) top left repeat-x;}
#menu li.current_page_item a:hover { color:#000;}

#menu li.pagenav { list-style:none; border:none;}

body.page-id-2 #menu li.page-item-2 a, body.page-id-6 #menu li.page-item-6 a, body.page-id-8 #menu li.page-item-8 a, body.page-id-10 #menu li.page-item-10 a, body.page-id-12 #menu li.page-item-12 a, body.page-id-14 #menu li.page-item-14 a, body.page-id-16 #menu li.page-item-16 a {color:#B20C00; background:url(images/menuabg.jpg) top left repeat-x;}
body.page-id-2 #menu li.page-item-2 a:hover, body.page-id-6 #menu li.page-item-6 a:hover, body.page-id-8 #menu li.page-item-8 a:hover, body.page-id-10 #menu li.page-item-10 a:hover, body.page-id-12 #menu li.page-item-12 a:hover, body.page-id-14 #menu li.page-item-14 a:hover, body.page-id-16 #menu li.page-item-16 a:hover {color:#000;}

#contentwrapper { margin:0; padding:0; width:970px; background:url(images/contentbg.jpg) top left no-repeat;}
#content { margin:0; padding:0 0 0 0; width:954px; background:url(images/mast.gif) bottom right no-repeat;}
#columnLeft { float:left; width:610px; margin:30px 0 0 0; padding:0 21px 5px 34px; border-right:1px solid #E9E9E9;  min-height:370px; display:inline;}

#content #columnLeft h1 {font-size:1.3em; color:#000879; font-weight:normal; text-transform:uppercase; margin:0 10px 10px 0; padding:0; line-height:1.9em; border-bottom:1px dotted #000879; }
#content #columnLeft h2 {color:#000879; margin:10px 0; padding:0; font-size:1.2em; font-weight:normal; line-height:1.8em;}
#content #columnLeft h2 a {color:#000879;}

#content #columnLeft h3 {color:#000879; margin:8px 0 3px 0; padding:0; font-size:.97em; font-weight:bold; line-height:1.8em;}

#content #columnLeft p { font-size:.95em; line-height:1.7em; margin:17px 25px 10px 0; padding:0 0 8px 0;}
#content #columnLeft p big { color:#666;}
#content #columnLeft p a { color:#B20C00; text-decoration:none;}
#content #columnLeft p a:hover { color:#B20C00; text-decoration:underline;}

#content #columnLeft .line { border-bottom:1px dotted #e9e9e9; margin:0 30px 5px 0; padding:0;}

#content #columnLeft h2.opener1, #content #columnLeft h2.opener2, #content #columnLeft h2.opener3, #content #columnLeft h2.opener4, #content #columnLeft h2.opener5 
{font-size:1em; font-weight:normal; line-height:1.7em; cursor:pointer; background:url(images/3a.gif) right no-repeat; margin:0 20px 0 0; padding:3px 0; border-top:1px solid #0F1782;}
#content #columnLeft h2.opener5 { border-bottom:1px solid #0F1782;}
#content #columnLeft h2.opener1:hover, #content #columnLeft h2.opener2:hover, #content #columnLeft h2.opener3:hover, #content #columnLeft h2.opener4:hover, #content #columnLeft h2.opener5:hover { background:#e9e9e9 url(images/3aa.gif) right no-repeat;}

#content #columnLeft ul p.morefeatures { margin:10px 0 0 15px; padding:0; font-weight:bold; color:#B20C00; cursor:pointer;}
#content #columnLeft ul p.lessfeatures { margin:10px 0 0 15px; padding:0; font-weight:bold; color:#B20C00; cursor:pointer;}

table#downloadtable { border:none; background:#f6f6f6; margin:15px 0; padding:5px 12px; font-size:11px; line-height:1.5em;}
table#downloadtable a {color:#B20C00; text-decoration:none; }
table#downloadtable a:hover { color:#B20C00; text-decoration:underline;}
table#downloadtable td { width:260px; padding:5px 18px 5px 5px;}

table#referenzen { margin:15px 0 25px 0; padding:0;}
table#referenzen td {margin:0; padding:8px; width:280px; border-right:1px solid #e9e9e9;}



#content #columnLeft em { margin:0; padding:0;}
#content #columnLeft ul { margin:0 0 0 0; padding:12px 20px 12px 10px; background:#f6f6f6; list-style-position:outside; width:550px; }
#content #columnLeft ul ul {width:480px;}
#content #columnLeft ul li { line-height:1.7em; font-size:11px; color:#000; list-style-type:none; background:url(images/pix.gif) top left no-repeat; padding:0 0 0 15px;}

#content #columnLeft ul li a { line-height:1.7em; color:#B20C00; text-decoration:none; }
#content #columnLeft ul li a:hover { text-decoration:underline;}

#content #columnLeft .feature { margin:15px 30px 5px 0; border-bottom:1px solid #e9e9e9; min-height:120px;}
#content #columnLeft .feature a { color:#0F1782; font-weight:bold;}
#content #columnLeft .teaserimg { float:left; margin:0 20px 0 0; padding:2px; border:1px solid #e9e9e9;}

#content #columnLeft .row1 { height:200px; width:185px; background:#e9e9e9; margin:10px 20px 15px 0; display:inline; float:left;}
#content #columnLeft .row2 { height:200px; width:185px; background:#e9e9e9 url(images/startmast.jpg) 97px 74px no-repeat;  margin:10px 20px 15px 0; display:inline; float:left;}
#content #columnLeft .row3 { height:200px; width:185px; background:#e9e9e9; margin:10px 0 15px 0; display:inline; float:left;}

#content #columnLeft .row1, #content #columnLeft .row2, #content #columnLeft .row3 { font-size:10px; font-weight:bold; color:#333; line-height:1.7em;}
#content #columnLeft .starttext { background: url(images/rowbg.jpg) top left no-repeat; padding:10px 6px 8px 12px; margin:0;}

#content #columnLeft .row1 a, #content #columnLeft .row2 a, #content #columnLeft .row3 a {color:#333; text-decoration:none;}
#content #columnLeft .row1 .next a, #content #columnLeft .row3 .next a { background:url(images/starta.jpg) right no-repeat; width:180px; display:block; color:#000879; text-decoration:none; font-weight:bold; font-size:10px; margin:0; padding:0 0 0 5px; line-height:2em; border-bottom:1px solid #000879;}
#content #columnLeft .row2 .next a { background:url(images/starta.jpg) right no-repeat; width:180px; display:block; color:#000879; text-decoration:none; font-weight:bold; font-size:10px; margin:0; padding:0 0 0 5px; line-height:2em; border-top:1px solid #000879; border-bottom:1px solid #000879;}
#content #columnLeft .row1 img, #content #columnLeft .row2 img, #content #columnLeft .row3 img { border-top:1px solid #000879; border-bottom:1px solid #000879; margin:10px 0 0 0; padding:0;}
#content #columnLeft .row1 .next a:hover, #content #columnLeft .row3 .next a:hover, #content #columnLeft .row2 .next a:hover { background:url(images/startaa.jpg) right no-repeat; color:#CC1102;}

#content #columnLeft iframe { margin:10px 0 5px 0; padding:8px; border:1px solid #e9e9e9;}

#content #columnLeft .red { color:#B20C00;}



#columnRight { float:left; width:265px; margin:0; padding:41px 0 0 10px; display:inline;}

input#s { border:1px solid #CD1A0A; width:165px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; padding:2px; margin:0 4px 20px 7px; float:left;}
input#searchsubmit { background:url(images/suchbutton.jpg) center no-repeat; width:65px; height:20px; border:none; float:left; margin:0 0 20px 0; cursor:pointer;}

.navigation_posts { padding:6px 0; margin:0 30px 10px 0; border-top:1px dotted #666; border-bottom:1px dotted #666;}
.navigation_posts a { color:#666; text-decoration:none; margin:0; padding:0;}
.navigation_posts a:hover { color:#000;}
.navigation_posts .alignleft { float:left; font-size:11px;}
.navigation_posts .alignright { float:right; font-size:11px;}


#sidebar { margin:0; padding:0;}
#sidebar li { list-style-type:none; margin:0; padding:0; }

#content #columnRight #sidebar h2.widgettitle { margin:0 0 8px 6px; padding:15px 0 0 0; text-transform:uppercase; font-weight:normal; font-size:1.1em; color:#000879;}

#sidebar ul { margin:0 0 20px 4px; padding:0; list-style:none;}
#sidebar ul li { list-style-type:none; background:url(images/submenua.gif) left no-repeat; font-size:.9em; color:#666; line-height:1.8em; margin:0; padding:0 0 0 15px;}
#sidebar ul li a {color:#000; text-decoration:none;}
#sidebar ul li a:hover {color:#CD1A0A; text-decoration:none;}

#sidebar ul li#search-3, #sidebar ul li#search-6, #sidebar ul li#search-4 { background:none; padding:0; margin:0;}
#sidebar ul li.widget  { background:none; padding:0;}

#sidebar ul li#text-6 div {padding:0 0 25px 0; margin:5px 0 0 0;}

#sidebar ul.skills { margin:0 0 15px 20px; padding:0; list-style:none;}
#sidebar ul.skills li { background:none; list-style-type:square; font-size:.9em; color:#666; line-height:1.8em; margin:0; padding:0;}


#columnRight .redbox { background:url(images/redbox.jpg) top left no-repeat; width:240px; height:92px;  margin:0px 0 25px 8px; padding:0;}
#columnRight .redbox a { font-size:10px; text-transform:uppercase; color:#fff; text-decoration:none; line-height:3em; padding:5px 0 5px 35px; font-weight:bold;}
#columnRight .redbox a:hover { color:#ccc;}

#sidebar object { margin:10px 0 10px 8px; padding:0;}

#kontaktform  { margin:0 0 10px 0; padding:0;}
#kontaktform div { margin:0; padding:0;}
#kontaktform form { margin:0; padding:0;}
#kontaktform form fieldset { border:none; border:1px solid #e9e9e9;  margin:0 30px 5px 0; padding:0 10px 10px 10px;}
#kontaktform form legend { background:#fff; color:#b20c00; font-size:12px; margin:0; padding:5px 5px 0 5px; text-transform:uppercase; font-weight:normal;}
#kontaktform form label {color:#000; float:left; clear:left; width:160px; margin:0 0 6px 4px; padding:0; display:inline; font-size:.9em;}
#kontaktform form input { border:1px solid #e9e9e9; padding:1px; margin:0 0 6px 0; float:left; display:inline; width:300px;}
#kontaktform form input:focus {border:1px solid #000879;}
#kontaktform form textarea { border:1px solid #e9e9e9; padding:1px; margin:0 0 2px 0; width:300px;}
#kontaktform form textarea:focus {border:1px solid #000879;}
#kontaktform form .invisible { visibility:hidden;}
#kontaktform form input.submitbutton { width:302px; background:url(images/submitbg.jpg) top left repeat-x; border:1px solid; border-color:#999 #999 #787878 #999; color:#000; padding:3px; margin:0px 0 5px 0; cursor:pointer;}
#kontaktform form input.submitbutton:hover { color:#000; background:url(images/submitbga.jpg) top left repeat-x;}




#footer { margin:0; padding:0 25px 0 33px; width:910px; font-size:.8em;  height:43px; background:url(images/footer.jpg) top left no-repeat;}
#footer .left { margin:0; padding:7px 0 0 0; width:400px; float:left; line-height:2em;}
#footer .right { margin:0 17px 0 0; padding:7px 0 0 0; width:380px; float:right; line-height:2em; text-align:right; }

#footer a { color:#333; text-decoration:none; border-bottom:1px solid #fff; padding-bottom:1px;}
#footer a:hover { color:#000; line-height:1.5em; border-bottom:1px solid #000;}

.clear { clear:both;}

#slideshow {
    position:relative;
    height:155px;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}