/*
Theme Name: PaarSein Template
Theme URI: http://www.3mo.de/
Description: The PaarSein Template is created by Manuel Molicki
Version: 1.0
Author: Manuel Moplicki
Author URI: http://www.3mo.de/
Tags: 3mo, theme, wordpress
*/


html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{margin:0 auto;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}

body {text-align:center;height:101%;font-size:12px;color:#333;background:#ab1717 url("images/bg.jpg") no-repeat top center;font-family:Verdana, Arial, sans-serif;}

table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
ul {list-style:none;padding:0;margin: 0;}

blockquote{padding:5px 15px; background:#f3f3f3;border-bottom: 1px solid #d3d3d3;border-right:1px solid #d3d3d3;margin:10px 0;
}

.clearfix, #container {display: block;}

.clearfix:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
* html .clearfix {height: 1%;}

.reader{
position: absolute !important;
top: -6000px !important;
left: -6000px !important;
height: 1px !important;
width: 1px !important;}

a:link,a:visited,a:active, a:visited{color: #e7501e;text-decoration:none; }
a:hover{color: #e7501e;text-decoration:underline;}

.small{font-size:10px;}
.light{color: #999999;}

#container{margin:0 auto; width:880px;}

#header{clear:both;}
.metamenu {font-size:11px;text-align:right;}
.metamenu ul{background:#333;padding:4px;display:inline;line-height:22px;}
.metamenu ul li{display:inline;padding:0 12px;}
.metamenu li a:link,.metamenu li a:visited{color:#fff;text-decoration:none; }
.metamenu li a:hover{color: #fff;text-decoration:underline;}


#header .mainmenu{clear:both;float: left;margin:24px 0 8px 0;}
#header .mainmenu li{float: left;}
#header .mainmenu li a{height:42px;float: left;background:transparent url("images/mainmenu.gif") no-repeat 0 0;}

#header .mainmenu li.logo a{width:222px;background-position:0 0;}
#header .mainmenu li.logo a:hover{background-position:0 0;}
#header .mainmenu li#active.logo a{background-position:0 0;}

#header .mainmenu li.blickpunkte a{width:112px;background-position:-230px 0;}
#header .mainmenu li.blickpunkte a:hover{background-position:-230px -42px;}
#header .mainmenu li#active.blickpunkte a{background-position:-230px -42px;}

#header .mainmenu li.weg a{width:86px;background-position:-336px 0;}
#header .mainmenu li.weg a:hover{background-position:-336px -42px;}
#header .mainmenu li#active.weg a{background-position:-336px -42px;}

#header .mainmenu li.vorteile a{width:102px;background-position:-418px 0;}
#header .mainmenu li.vorteile a:hover{background-position:-418px -42px;}
#header .mainmenu li#active.vorteile a{background-position:-418px -42px;}

#header .mainmenu li.wir a{width:110px;background-position:-520px 0;}
#header .mainmenu li.wir a:hover{background-position:-520px -42px;}
#header .mainmenu li#active.wir a{background-position:-520px -42px;}

#header .mainmenu li.kunden a{width:160px;background-position:-630px 0;}
#header .mainmenu li.kunden a:hover{background-position:-630px -42px;}
#header .mainmenu li#active.kunden a{background-position:-630px -42px;}

#header .mainmenu li.kontakt a{width:88px;background-position:-792px 0;}
#header .mainmenu li.kontakt a:hover{background-position:-792px -42px;}
#header .mainmenu li#active.kontakt a{background-position:-792px -42px;}


#header .mainmenu li a span {display:none;}

.description{margin:0  0 8px 0;clear:both;text-align:left;}
.description h2{font-size:12px; font-weight:normal;}


#content{clear:both;background:#FFFFFF;width:880px;font-size:12px;line-height:18px;}
.content-left{width:230px;padding:20px 30px 20px 20px;float:left;text-align:left;}
.content-left h3{font-size:12px; font-weight:bold;margin:0 0 6px 0;}
.content-left a{color:#e7501e;}
.content-left ul li{ background:url("images/li-arrow-red.gif") no-repeat 0 10px;padding:4px 0 2px 8px;}

.content-left ul li.current_page_item{ background:url("images/li-arrow-grey.gif") no-repeat 0 10px;padding:4px 0 2px 8px;}
.current_page_item a{color:#999999;}

.info-box{background:#e7501e;padding:6px;color:#fff;width:200px;float:left;margin:10px 0 0 0;}
.info-box h4{font-weight:bold;}
.info-box a{text-decoration:underline;color:#fff;}
.info-box a:hover{text-decoration:none;}
.info-box ul li, .text-box ul li{ background:url("images/li-arrow-white.gif") no-repeat 0 10px;padding:2px 0 2px 8px;}

.text-box{background:#ab1717;padding:6px;color:#666;width:200px;float:left;margin:10px 0 0 0;}
.text-box h4{font-weight:bold;color:#FFFFFF;}
.text-box a{text-decoration:underline;color:#fff;}
.text-box a:hover{text-decoration:none;}

.content-right{float:left;width:580px;text-align:left;padding:20px 0 20px 0;line-height:20px;}
.content-right h3{font-size:22px; font-weight:normal;margin:0 0 10px 0;line-height:26px;}
.content-right h4{font-weight:bold;}
.content-right p{margin:10px 0 0 0;}
.content-right ul{ list-style-type:disc;margin:0 0 0 10px;padding:0; list-style-position:inside;}
.content-right ul li{padding:3px 0 3px 0;}
.content-right ul.blogroll{color:#999;}

.content-right .alignleft{float:left;margin:5px 15px 5px 0;}

/* Startseite */
#moodimage{width:880px; height:400px;background:url("images/teaser-homepage.jpg") no-repeat left top;}

#download{position:relative;top:240px;left:300px; width:211px;line-height:14px; height:111px;background:url("images/bg-download-broschure.gif") no-repeat left top;}
#download p{text-align:left;padding:36px 18px 18px 18px;color:#FFFFFF;font-size:11px;}
#download a:link,#download a:visited,#download a:active,#download a:visited{color:#fff;text-decoration:underline; }
#download a:hover{color: #fff;text-decoration:none;}

#keywords{font-size:11px;background:#FFFFFF;padding:10px;text-align:left;height:120px;}
#keywords h3{font-size:18px;font-weight:bold;}
#keywords ul{margin:4px 0 0 0;padding:0;list-style-type:none;float:left;width:210px;}
#keywords ul li{ background:url("images/li-arrow-red.gif") no-repeat 0 8px;padding:2px 0 2px 8px;line-height:16px;}

#welcome{font-size:11px;clear:both;float:left;margin:0 auto;padding:20px 12px;text-align:left;color:#FFFFFF;line-height:18px;}
#welcome p{margin:0 0 10px 0;}
#welcome h3{color:#FFFFFF;font-size:18px;margin:0 0 10px 0;font-weight:bold;}
#welcome a:link,#welcome a:visited,#welcome a:active, #welcome a:visited{color: #fff;text-decoration:underline;}
#welcome a:hover{color: #fff;}


#footer{clear:both;margin:0;background:#333;text-align:center;font-size:11px;padding:6px 4px;color:#FFFFFF;}
#footer a:link,#footer a:visited,#footer a:active,#footer a:visited{color:#d3d3d3;text-decoration:none; }
#footer a:hover{color: #d3d3d3;text-decoration:underline;}



/* Custom Button using the <a> & <span> tag */
a.button {
    background: transparent url("images/bg_button_a.gif") no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url("images/bg_button_span.gif") no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}
a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}