/*
Theme Name: SiteRanger Theme 2012
Theme URI: http://www.siteranger.de
Description: New Website for SiteRanger
Version: 1.3
Author: Marcel Woywodt (1.3/1.2/1.1) / Sebastian Kunz (1.0)
Author URI: http://www.siteranger.de
Tags: red, custom
Text Domain: siteranger
*/
body {
background:#D9D9D9 url("images/bg.gif") top center repeat-x;
color:#333;
font-family:Arial, Verdana, "Lucida Grande", Sans-Serif;
font-size:13px;
margin:0;
padding:0;
}
div {
line-height:20px;
}
img {
border:none;
}
#page {
background:url("images/wrapper_bg.png") repeat-y scroll 0 0 transparent;
margin:0 auto;
padding:0 38px;
position:relative;
width:960px;
}
ul#navigation {
background-image:url("images/nav_bg.gif");
background-position:center -1px;
background-repeat:no-repeat;
float:left;
font-size:13px;
height:50px;
list-style:none outside none;
margin:50px 0 0 8px;
padding:0;
position:relative;
width:685px;
z-index:900;
}
ul#navigation li {
border-right:1px dotted #D9D9D9;
float:left;
margin:0;
padding:11px 12px 10px;
position:relative;
text-transform:uppercase;
}
ul#navigation li a {
color:#FFF;
display:block;
font-weight:normal;
text-decoration:none;
}
ul#navigation li a:hover {
text-decoration:none;
}
ul#navigation li:hover ul {
display:block;
}
ul#navigation li.current_page_item, ul#navigation li.current_page_parent {
background-color:#979797;
padding:11px 12px 10px;
}
ul#navigation li ul li.current_page_item {
background-color:#AA0024;
padding:11px 10px 13px 10px;
}
ul#navigation li ul li.current_page_parent {
background-color:#AA0024;
padding:4px 18px 4px 12px;
}
ul#navigation li ul {
display:none;
left:0px;
margin:0;
padding:0;
position:absolute;
top:41px;
z-index:900;
}
ul#navigation li ul li, ul#navigation li ul li.current_page_item {
background-image:url("images/subnav_bg.gif");
background-position:top center;
background-repeat:repeat-x;
border-bottom:solid 1px #D9D9D9;
border-right:solid 1px #D9D9D9;
border-top:solid 1px #FFF;
clear:both;
display:block;
font-size:12px;
padding:4px 20px 4px 10px;
text-transform:none;
width:155px;
}
ul#navigation .page-item-4 ul li, ul#navigation .page-item-4 ul li.current_page_item {
width:110px;
}
ul#navigation .page-item-9 ul li, ul#navigation .page-item-9 ul li.current_page_item {
width:65px;
}
ul#navigation .page-item-159 ul li, ul#navigation .page-item-159 ul li.current_page_item {
width:65px;
}
ul#navigation li ul li:hover {
background-color:#EEEEEE;
background-image:none;
}
ul#navigation li ul li a {
color:#000;
font-weight:normal;
text-decoration:none;
}
ul#navigation li ul li:hover a {
text-decoration:underline;
}
ul#navigation ul ul {
display:none ! important;
}
ul#subnavigation {
border-bottom:solid 1px #D3D3D3;
border-top:solid 1px #D3D3D3;
float:right;
list-style:none;
margin:0 0 0 15px;
padding:0;
width:180px;
}
ul#subnavigation li {
border-left:solid 1px #D3D3D3;
border-right:solid 1px #D3D3D3;
margin:0;
padding:6px 10px 6px 10px;
}
ul#subnavigation li a {
font-weight:bold;
}
li.subnavigation_top {
color:#333;
list-style:none inside none ! important;
padding-left:0;
position:relative;
top:1px;
}
div#logo {
float:right;
height:97px;
margin-top:20px;
width:251px;
}
div#teaser {
background-color:#FFF;
clear:both;
height:325px;
margin:auto;
width:944px;
}
p#breadcrumb {
bottom:12px;
clear:both;
left:28px;
margin:0;
position:relative;
width:666px;
z-index:800;
}
p#breadcrumb a {
font-weight:bold;
}
div#content {
clear:both;
margin:auto;
padding:0px;
width:944px;
}
div#content_top {
background-image:url("images/content_top.gif");
background-position:top center;
background-repeat:no-repeat;
height:3px;
width:944px;
}
div#content_bottom {
height:15px;
width:944px;
}
div#content_body {
background-color:#FFF;
background-image:url("images/content_body.gif");
background-position:top center;
background-repeat:repeat-y;
border-bottom:1px solid #D3D3D3;
width:944px;
}
div.content_space, div.footer_space {
padding:20px;
}
div.footer_space ul {
margin:0;
padding:0;
}
div#sidebar {
clear:both;
height:222px;
}
div.box {
background-image:url("images/box_bg.png");
background-position:center top;
background-repeat:no-repeat;
float:left;
height:207px;
left:8px;
margin:0 0 10px;
position:relative;
width:236px;
}
h1 {
color:#D7011D;
font-size:20px;
font-weight:normal;
margin:0;
padding:0;
}
h2 {
color:#D7011D;
font-size:20px;
font-weight:normal;
margin:0;
padding:0;
}
#sidebar h2 {
color:#FFF;
font-size:12px;
font-weight:normal;
margin:18px 0 0 0;
padding:0px;
text-align:center;
}
h3 {
color:#D7011D;
font-size:16px;
font-weight:normal;
margin:0;
padding:0 0 15px 0;
}
a:link, a:active, a:visited {
color:#D7011D;
text-decoration:none;
}
a:hover {
color:#D7011D;
text-decoration:underline;
}
a.red {
bottom:5px;
font-weight:normal;
margin:0;
padding:0;
position:relative;
}
em {
color:#979797;
font-size:12px;
font-style:normal;
}
.entry {
border:1px solid #A4A4A4;
clear:both;
line-height:20px;
padding:10px;
text-align:justify;
}
.entry h3 {
padding:15px 0 0;
}
.entry .dlb_linklove,
.entry #callout_cont {
display:none;
}
.entry .downloads {
background-color:#FFFFFF;
border:1px solid #A4A4A4;
clear:both;
margin-bottom:0;
}
.entry .downloads h4 {
border-bottom:1px solid #A4A4A4;
color:#A4A4A4;
margin-bottom:10px;
}
.entry .downloads h4 strong {
color:#b00e23;
}
.entry .downloads a {
color:#000000;
}
div.box_content {
padding:20px 25px 30px 25px;
}
div#imgbox {
background:url("http://www.siteranger.de/images/default.jpg") no-repeat scroll center center transparent;
border:1px solid #A4A4A4;
height:200px;
margin-bottom:20px;
width:902px;
}
div.imgbox {
background:url("http://www.siteranger.de/images/default.jpg") no-repeat scroll center center transparent;
border:1px solid #A4A4A4;
height:200px;
margin-bottom:20px;
width:902px;
}
ul.subnav {
bottom:7px;
line-height:0;
list-style:none outside none;
margin:0;
padding:0;
position:relative;
right:5px;
width:904px;
}
ul.subnav li {
float:left;
height:8px;
list-style:disc inside none;
margin:0;
padding:5px;
}
ul.subnav li a {
color:#D7011D;
text-decoration:underline;
}
ul.subnav li a:hover {
text-decoration:none;
}
div.st-tag-cloud {
line-height:30px;
width:700px;
}
div.st-tag-cloud a {
color:#000;
text-decoration:none;
}
div.st-tag-cloud a:hover {
color:#ff0;
text-decoration:none;
}
div#footer {
background-image:url("images/footer_bg.gif");
background-position:center top;
background-repeat:no-repeat;
bottom:0px;
clear:both;
height:176px;
padding-bottom:10px;
position:relative;
width:960px;
}
.block {
background-color:#68BFEF;
color:white;
height:70px;
margin:10px;
position:absolute;
top:300px;
width:150px;
}
.toggler {
float:left;
height:474px;
left:-370px;
position:absolute;
top:250px;
width:500px;
z-index:1000;
}
#button {
float:left;
height:150px;
left:-200px;
padding:.5em 1em;
position:absolute;
text-decoration:none;
top:380px;
width:604px;
z-index:1000;
}
#effect {
background-image:url("images/bg-callback1.png");
background-position:left top;
background-repeat:no-repeat;
height:474px;
left:-580px;
padding:0.4em;
position:absolute;
width:603px;
}
#effect h3 {
margin:0;
padding:0.4em;
text-align:center;
}
#effect .action_box, #effect .action_box_call {
float:right;
height:450px;
width:400px;
}
#effect .callback_field_bg input {
background-color:transparent;
border-bottom-style:none;
border-left-style:none;
border-right-style:none;
border-top-style:none;
height:19px;
margin:2px 0px 0px 5px;
width:250px;
}
#effect .callback_field_bg {
background-image:url("images/sr_callback_fields.gif");
background-position:left top;
background-repeat:no-repeat;
height:21px;
margin-top:2px;
overflow:hidden;
width:250px;
}
#effect .callback {
color:#222222;
float:right;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
padding-left:20px;
padding-right:100px;
position:relative;
top:-9px;
}
#effect .callback_field_send {
left:135px;
position:relative;
top:13px;
}
#effect .box_title_call {
color:#000;
padding-bottom:20px;
padding-left:14px;
padding-right:45px;
padding-top:20px;
text-align:center;
}
.facebook-icon {
overflow:hidden;
position:fixed;
right:0;
top:130px;
}
.facebook-icon a:hover {
left:2px;
position:relative;
top:2px;
}
.twitter-icon {
overflow:hidden;
position:fixed;
right:0;
top:230px;
}
.twitter-icon a:hover {
left:2px;
position:relative;
top:2px;
}
.since_site_logo {
height:0;
left:4px;
overflow:visible;
position:relative;
top:132px;
width:0;
}
.agentur_team_pictures {
background:url("http://www.siteranger.de/wp-content/uploads/team/picbg.gif") right bottom no-repeat;
height:100px;
padding:0 6px 7px 0;
text-align:center;
width:75px;
}
.agentur_team_table_td_left {
border-bottom:1px solid #CECECE;
padding-left:10px;
}
.agentur_team_table_td_right {
border-bottom:1px solid #CECECE;
padding:0 30px;
}
.agentur_referenzen_table_td_left {
border-bottom:1px solid #CECECE;
padding:15px 10px 15px 10px;
text-align:center;
width:220px;
}
.agentur_referenzen_table_td_right {
border-bottom:1px solid #CECECE;
padding:15px 10px 15px 10px;
}
.angebottable tr td {
border-bottom:1px solid #CECECE!Important;
padding:25px 10px 25px 10px;
}
.navigation .alignleft {
bottom:10px;
clear:both;
float:left;
margin:0;
position:relative;
}
.navigation .alignright {
bottom:10px;
float:right;
margin:0;
position:relative;
}
#post-168 p {
margin:0px 0px 12px 0px;
}
#post-168 h3 {
padding:15px 0;
}
#post-565 ul {
bottom:10px;
list-style:none outside none;
margin:0 0 0 10px;
padding:0;
position:relative;
}
#post-565 ul ul {
bottom:0px;
}
#post-175 h1,
#post-168 h1,
#post-157 h1 {
margin-bottom:15px;
}
.agentur_team_block1 {
border-color:#CECECE;
border-style:solid;
border-width:1px 1px 0;
clear:both;
float:left;
margin:12px 2px 12px 1px;
}
.agentur_team_block2 {
border-color:#CECECE;
border-style:solid;
border-width:1px 1px 0;
clear:both;
float:left;
margin-left:1px;
width:432px;
}
.agentur_team_block3 {
border-color:#CECECE;
border-style:solid;
border-width:1px 1px 0;
float:right;
margin-right:2px;
width:432px;
}
.agentur_team_person {
border-bottom:1px solid #CECECE;
clear:both;
float:left;
padding:0 10px;
width:412px;
}
.agentur_team_picture {
background:url("http://www.siteranger.de/wp-content/uploads/team/picbg.gif") no-repeat scroll right bottom transparent;
clear:both;
float:left;
margin:10px 10px 5px 8px;
min-height:100px;
padding:8px 6px 7px 0;
text-align:right;
width:100px;
}
.agentur_team_text {
float:left;
line-height:17px;
padding-top:15px;
width:286px;
}
*+html .agentur_team_text {
padding-bottom:15px;
}
.agentur_referenzen_block1 {
border-color:#CECECE;
border-style:solid;
border-width:1px 1px 0;
clear:both;
float:left;
margin:12px 2px 12px 1px;
width:595px;
}
.agentur_referenzen_person {
border-bottom:1px solid #CECECE;
clear:both;
float:left;
padding:0 10px;
width:575px;
}
.agentur_referenzen_southbag {
background:url("http://www.siteranger.de/wp-content/uploads/referenzen/schulranzen_screen.png") no-repeat scroll right bottom transparent;
clear:both;
float:left;
height:215px;
margin:15px 0;
padding:0;
text-align:center;
width:200px;
}
.agentur_referenzen_andalous {
background:url("http://www.siteranger.de/wp-content/uploads/referenzen/andalous_screen.png") no-repeat scroll right bottom transparent;
clear:both;
float:left;
height:215px;
margin:15px 0;
padding:0;
text-align:center;
width:200px;
}
.agentur_referenzen_bergshop {
background:url("http://www.siteranger.de/wp-content/uploads/referenzen/bergshop_screen.png") no-repeat scroll right bottom transparent;
clear:both;
float:left;
height:215px;
margin:15px 0;
padding:0;
text-align:center;
width:200px;
}
.agentur_referenzen_delife {
background:url("http://www.siteranger.de/wp-content/uploads/referenzen/delife_screen.png") no-repeat scroll right bottom transparent;
clear:both;
float:left;
height:215px;
margin:15px 0;
padding:0;
text-align:center;
width:200px;
}
.agentur_referenzen_limatec {
background:url("http://www.siteranger.de/wp-content/uploads/referenzen/limatec_screen.png") no-repeat scroll right bottom transparent;
clear:both;
float:left;
height:215px;
margin:15px 0;
padding:0;
text-align:center;
width:200px;
}
.agentur_referenzen_text {
float:right;
line-height:17px;
padding-left:15px;
padding-top:15px;
width:360px;
}
.agentur_partner_block1 {
border-color:#CECECE;
border-style:solid;
border-width:1px 1px 0;
clear:both;
float:left;
margin:12px 2px 12px 1px;
}
.agentur_partner_person {
border-bottom:1px solid #CECECE;
clear:both;
float:left;
padding:0 10px;
}
.agentur_partner_picture {
background:url("http://www.siteranger.de/wp-content/uploads/partner/picbg.gif") no-repeat scroll right bottom transparent;
clear:both;
float:left;
margin:10px 10px 5px 0;
padding:7px 10px 11px 6px;
text-align:right;
width:200px;
}
.agentur_partner_picture img {
max-width:200px;
}
.agentur_partner_text {
float:left;
line-height:17px;
padding-top:15px;
width:631px;
}
.post {
margin-bottom:20px;
}
#mc_embed_signup p {
margin:0 !important;
}
#mc_embed_signup .asterisk {
color:#D7011D !important;
}
#mc_embed_signup .mc-field-group .asterisk {
color:#D7011D !important;
float:left !important;
position:relative !important;
right:5px !important;
top:0px !important;
}
#mc_embed_signup .mc-field-group input {
width:45% !important;
}
#mc_embed_signup .indicates-required {
margin:0 0 20px !important;
text-align:left !important;
}
#footer_wrapper h2 {
color:#de0029;
font-size:1.3em;
margin-bottom:2px;
}
#footer_wrapper h3 {
font-weight:bold;
padding:0;
}
#footer_wrapper hr {
border:none;
border-top:4px dotted #D9D9D9;
clear:both;
margin:0px 30px 20px;
}
#footer_wrapper img {
border:0;
}
#footer_wrapper p {
margin-bottom:10px;
}
#footer_wrapper ul {
list-style-type:none;
}
#footer_wrapper .red {
color:#de0029;
}
#footer_wrapper .bold {
font-weight:bold;
}
#footer_wrapper .small {
font-size:0.75em;
}
#footer_wrapper .clear {
clear:both;
}
#footer_wrapper .mb10 {
margin-bottom:10px;
}
#footer_wrapper .mb15 {
margin-bottom:15px;
}
#footer_wrapper .more_info {
bottom:-4px;
left:0;
position:absolute;
}
#footer_wrapper {
background:url("images/wrapper_bg_footer.png") repeat-y scroll 0 0 transparent;
margin:0 auto;
width:1036px;
}
#footer_page_outer {
background-color:#FFFFFF;
color:#666666;
font-size:0.9em;
height:100%;
line-height:1.4em;
margin:0 auto;
padding-top:50px;
width:1010px;
}
#footer_big {
background:none repeat scroll 0 0 #CCCCCC;
border-top:1px solid #EBEBEB;
height:100%;
position:relative;
width:1010px;
}
#footer_big #footer_bg {
background:url("images/footer_bg.png") no-repeat scroll 0 0 transparent;
float:left;
height:49px;
left:270px;
position:absolute;
top:-49px;
width:645px;
}
#footer_big #footer_top {
float:left;
height:29px;
position:absolute;
right:16px;
top:-1px;
width:79px;
z-index:1;
}
#footer_big #footer_contact {
background:none repeat scroll 0 0 #CCCCCC;
clear:both;
float:left;
height:191px;
margin-top:28px;
padding-bottom:10px;
padding-left:30px;
width:233px;
}
#footer_big #footer_navigation {
background:none repeat scroll 0 0 #CCCCCC;
float:left;
height:202px;
left:23px;
overflow:hidden;
position:relative;
top:12px;
width:690px;
}
#footer_big #footer_navigation ul {
float:left;
list-style-type:none;
margin:10px 0;
padding:0 0 0 40px;
}
#footer_big #footer_navigation ul li {
border-bottom:1px dotted #FFFFFF;
}
#footer_big #footer_navigation ul li a {
display:block;
height:30px;
line-height:30px;
width:190px;
}
#footer_big #footer_google {
background:url("images/footer_google_bg.png") no-repeat scroll 0 0 transparent;
float: right;
height: 35px;
position: absolute;
right: 25px;
top: 135px;
width: 200px;
}
#footer_big #footer_social {
float: right;
height: 43px;
position: absolute;
right: 34px;
top: 191px;
width: 157px;
}
#footer_big #footer_social_facebook {
display:block;
height:32px;
position:absolute;
right:95px;
top:0px;
width:32px;
}
#footer_big #footer_social_xing {
display:block;
height:32px;
position:absolute;
right:56px;
top:0px;
width:32px;
}
#footer_big #footer_social_google {
display:block;
height:32px;
position:absolute;
right:17px;
top:0px;
width:32px;
}
#footer_big #footer_social_fg {
background:url("images/footer_social_fg.png") no-repeat;
bottom: 10px;
height: 20px;
left: 0;
position: absolute;
width: 157px;
}
#footer_big #footer_seo_box {
height:140px;
margin:0 35px;
overflow: auto;
padding-right:10px;
}
#footer_big #footer_seo_box h2,
#footer_big #footer_seo_box h3 {
color:#666666;
}
.entry ul {
margin:10px 5px 15px;
padding:0;
}
.entry li {
background:url("/wp-content/themes/siteranger/images/li.png") no-repeat scroll left 5px transparent;
line-height:30px;
list-style:none outside none;
padding-left:30px;
}