/*
Theme Name: Siteranger Theme 2010
Theme URI: http://www.fusionsquare.com
Description: New Website theme for Siteranger
Version: 1.0
Author: Sebastian Kunz
Author URI: http://www.fusionhost.de/
Tags: blue, custom header, fixed width, one, two and three columns
Text Domain: siteranger
*/

body
{
	font-size: 12px; 
	font-family: Arial, Verdana, 'Lucida Grande', Sans-Serif;
	background: #D9D9D9 url('images/bg.gif') top center repeat-x;
	color: #333;
	margin:0;
	padding:0;
}

div
{
	line-height:18px;
}

img
{
	border:none;
}

#page 
{
	width:960px;
	margin:auto;
	position:relative;
	
}

ul#navigation
{
	width:685px;
	height:50px;
	float:left;
	margin:50px 0 0 8px;
	padding:0;
	background-image:url('images/nav_bg.gif');
	background-position: top center;
	background-repeat: no-repeat;
	list-style:none;
	position:relative;
	font-size:13px;
}

ul#navigation li
{
	float:left;
	position:relative;
	margin:0 0 0 10px;
	padding:11px 18px 12px 18px;
}

ul#navigation li a
{
	color:#FFF;
	text-decoration:none;
	font-weight:normal;
	display:block;
}

ul#navigation li:hover ul
{
	display:block;
}

ul#navigation li.current_page_item, ul#navigation li.current_page_parent
{
	background-color:#AA0024;
	padding:11px 10px 13px 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
{
	position:absolute;
	left:-10px;
	top:41px;
	display:none;
	margin:0;
	padding:0;
}

ul#navigation li ul li, ul#navigation li ul li.current_page_item
{
	width:135px;
	clear:both;
	display:block;
	padding:4px 20px 4px 10px;
	background-image:url('images/subnav_bg.gif');
	background-position: top center;
	background-repeat: repeat-x;
	border-top:solid 1px #FFF;
	border-right:solid 1px #D9D9D9;
	border-bottom:solid 1px #D9D9D9;
	font-size:12px;
}

ul#navigation li ul li:hover
{
	background-image:none;
	background-color:#EEEEEE;
}

ul#navigation li ul li a
{
	color:#000;
	font-weight:normal;
}

ul#subnavigation
{
	width:180px;
	float:right;
	margin:0 0 0 15px;
	padding:0;
	list-style:none;
	border-top:solid 1px #D3D3D3;
	border-bottom:solid 1px #D3D3D3;
}

ul#subnavigation li
{
	margin:0;
	padding:6px 10px 6px 10px;
	border-right:solid 1px #D3D3D3;
	border-left:solid 1px #D3D3D3;
}

ul#subnavigation li a
{
	font-weight:bold;
}

li.subnavigation_top
{
	color:#333;
	padding-left:0;
}

div#logo
{
	width:251px;
	height:97px;
	float:right;
	margin-top:20px;
}

div#teaser
{
	clear:both;
	width:944px;
	height:333px;
	background-color:#FFF;
	margin:auto;
	margin-bottom:15px;
}

p#breadcrumb
{
	clear:both;
	margin:0 0 10px 20px;
}

div#content
{
	margin:auto;
	clear:both;
	width:944px;
	padding-top:10px;
}

div#content_top
{
	width:944px;
	height:3px;
	background-image:url(images/content_top.gif);
	background-position:top center;
	background-repeat:no-repeat;
}

div#content_bottom
{
	width:944px;
	height:23px;
	background-image:url(images/content_bottom.gif);
	background-position:bottom center;
	background-repeat:no-repeat;
}

div#content_body
{
	width:944px;
	background-color:#FFF;
	background-image:url(images/content_body.gif);
	background-position:top center;
	background-repeat:repeat-y;
}

div.content_space, div.footer_space
{
	padding:20px;
}

div#sidebar
{
	clear:both;
}

div.box
{
	margin:0 0 10px 0;
	float:left;
	width:240px;
	height:207px;
	background-image:url(images/box_bg.gif);
	background-position:top center;
	background-repeat:no-repeat;
}	

/*** TEXT & HEADLINES ***/

h1
{
	margin:0;
	padding:0 0 15px 0;
	font-size:20px;
	font-weight:normal;
	color:#D7011D;
	/*border-bottom:solid 1px #D9D9D9;*/
}

h2
{
	margin:18px 0 0 0;
	font-size:12px;
	color:#FFF;
	text-align:center;
	font-weight: normal;
}

h3
{
	margin:0;
	padding:0 0 15px 0;
	font-size:16px;
	font-weight:normal;
	color:#D7011D;
}

a:link, a:active, a:visited
{
	color:#D7011D;
	text-decoration:underline;
}

a:hover
{
	color:#D7011D;
	text-decoration:none;
}

a.red
{
	
	font-weight:normal;
	margin:0;
	padding:0;
	position:absolute;
	top:657px;
}

em
{
	color:#979797;
	font-size:12px;
	font-style:normal;
}

.entry
{
	border:1px solid #A4A4A4;
	padding:10px;
	text-align:justify;
}

div.box_content
{
	padding:20px 25px 30px 25px;
}

div#imgbox
{
	width:904px;
	height:280px;
}

.img_dart
{
	background-image:url(images/img_dart.jpg);
	background-position:top center;
	background-repeat:no-repeat;
}

ul.subnav
{
	list-style:none;
	height:35px;
	width:904px;
	margin:0;
	padding:0;

}

ul.subnav li
{
	padding:8px 10px 8px 10px;
	margin:0;
	float:left;
}

ul.subnav li a
{
	color:#333333;
	font-weight:bold;
	text-decoration:underline;
}

div.st-tag-cloud
{
	width:700px;
	line-height:30px;
}

div.st-tag-cloud a
{   color: #000;
	text-decoration:none;
}
div.st-tag-cloud a:hover
{	color: #ff0;
	text-decoration:none;
}

div#footer
{
	clear:both;
	margin-top:10px;
	width:960px;
	height:176px;
	background-image:url(images/footer_bg.gif);
	background-position:top center;
	background-repeat:no-repeat;
}	


/*** CALL Back ***/
.block { 
    color: white;
    background-color: #68BFEF;
    width: 150px; 
    height: 70px;
    margin: 10px; 
    position: absolute;
    top:300px;
  }

		.toggler {float:left; width: 500px; height: 474px; position: absolute;top:250px; left:-370; z-index:1000}
		#button { float:left; padding: .5em 1em; text-decoration: none;z-index:1000; width: 604px; height: 150px; position: absolute;top:380px; left:-200px;}
		#effect { width: 603px; height: 474px; padding: 0.4em; position: absolute; background-image: url(http://www.siteranger.de/wp-content/themes/siteranger/images/bg-callback1.png);
	background-repeat: no-repeat;	background-position: left top; left:-580px }
		#effect h3 { margin: 0; padding: 0.4em; text-align: center; }
		

 #effect .action_box, #effect .action_box_call {
	height: 450px;
	width: 400px;
	float: right;}
	
#effect .callback_field_bg input {
	width: 250px;
	height: 19px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: transparent;
	margin: 2px 0px 0px 5px;
}
#effect .callback_field_bg {
	background-image: url(http://www.siteranger.de/wp-content/themes/siteranger/images/sr_callback_fields.gif);
	background-repeat: no-repeat;
	background-position: left top;	
	width: 250px;
	height: 21px;
	overflow: hidden;
	margin-top: 2px;
}
#effect .callback {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #222222;
	padding-left: 20px;
	position: relative;
	padding-right:100px;
	top: -9px;
	float:right;
}
#effect .callback_field_send {
	position: relative;
	top: 13px;
	left: 135px;
}
#effect .box_title_call {
	padding-top: 20px;
	padding-left: 14px;
	padding-right: 45px;
	text-align: center;
	padding-bottom: 20px;
	color:#000;
}

.facebook-icon
{
position: absolute; 
top: 300px; 
right:0
}

.facebook-icon a:hover
{
position: relative;
top: 2px;
left: 2px;
}


.twitter-icon
{
position: absolute; 
top: 400px; 
right:0;

}

.twitter-icon a:hover
{
position: relative;
top: 2px;
left: 2px;
}

.agentur_team_pictures
{
padding: 0 6px 7px 0;
background: url(http://www.siteranger.de/wp-content/uploads/2010/06/picbg.gif) right bottom no-repeat; 
width: 75px; 
height: 100px; 
text-align: center;
}

.agentur_team_table_td_left
{
padding-left: 10px;
border-bottom: 1px solid #CECECE;
}

.agentur_team_table_td_right
{
padding: 0 30px;
border-bottom: 1px solid #CECECE;
}

.agentur_referenzen_table_td_left
{
padding: 15px 10px 15px 10px;
border-bottom: 1px solid #CECECE;
width: 220px;
text-align: center;
}

.agentur_referenzen_table_td_right
{
padding: 15px 10px 15px 10px;
border-bottom: 1px solid #CECECE;
}