@charset "utf-8";
@import './css/generics.css';
@import './css/jquery.fancybox.css';
@import './css/galerie.css';
@import './css/sifr.css';
@import './css/jquery.tooltip.css';
@import './SpryAssets/SpryMenuBarHorizontal.css';

/* CSS Document */
*
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #000000;
	margin: 0;
	_behavior: url(iepngfix.htc);
}

img 
{
	border:  0px solid;
}

.border
{
	border: 2px solid #cc0000;
}

.padding_links
{
	padding-left: 20px;
}

.padding_rechts
{
	padding-left: 90px;
	padding-top: 30px;
}


div#footer
{
	background:#cc0000 scroll center bottom;
	clear:both;
	color: #FFFFFF;
	height: 20px;
	margin: auto;
	padding: 10px 50px 7px 50px;
	text-align: left !important;
	width: 860px;
	left: 50%;
	bottom: 0;
	margin-left: -480px;
	position: absolute;
}

div#footer div
{
	color: #fff;
}

:focus
{
	outline-style:none;
	outline-width:0pt;
}

p
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	font-style:normal;
}
		
.rot		
{ 	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #cc0000;
	font-style:normal;
}
		
.small
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	font-style:normal;
}
		
.bold
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	font-weight: bold;
	font-style:normal;
}
		
.white
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
	font-style:normal;
}

h1
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	line-height: 26px;
	color: #c00;
}


/* Links */
a
{
	text-decoration: none;
	color: #ffffff;
}

a:link
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	color: #cc0000;
	text-decoration: none;
}
		
a:link.menue
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	margin-left: 8px;
	margin-right: 8px;
	color: #cccccc;
	text-decoration: none;
}
		
a:visited
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	color: #cc0000;
	text-decoration: none;
}
		
a:visited.menue
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	margin-left: 8px;
	margin-right: 8px;
	font-weight: normal;
	color: #fff;
	text-decoration: none;
}
		
a:active
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #cc0000;
	text-decoration: none;
}
		
a:active.menue
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #cccccc;
	margin-left: 8px;
	margin-right: 8px;
	text-decoration: none;
}
		
body
{
	background-image:url(images/stone_bg.gif);
	background-repeat:repeat;
	left: 0px;
	top: 0px;
	bottom: 0px;
	right: 0px;
}		
		
/* ++++++++++ DIVS ++++++++++ */


div#header
{
	top: 15px;
	width: 960px;
	height: 312px;
	position: absolute;
	left: 50%;
	margin-left: -480px;
}

div#headerlogo
{
	top: 55px;
	width: 416px;
	height: 106px;
	position: absolute;
	right: 51px;
    background-image:url(images/logo_runaway_header.png);
}
				
div#content
{
	top: 358px;
	width: 860px;
	position: absolute;
	background-color:#FFFFFF;
	margin-left: -480px;
	left: 50%;
	padding-left: 50px;
	padding-right: 50px;
	padding-bottom: 50px;
	padding-top: 30px;
}

div#socialmedia
{
	width: 70 px;
	height: 32px;
	z-index: 6000;
	float: right;
}

				
div#menue
{
	top: 322px;
	width: 960px;
	height: 36px;
	position: absolute;
	margin-left: -480px;
	left: 50%;
	z-index: 250;
}
				
div.links
{
	width: 390px;
	float: left;
	padding-left: 0px;
	padding-right: 40px;
	padding-bottom: 50px;
	padding-top: 40px;
}
				
div.rechts
{
	width: 410px;
	float: right;
	/*left: 490px;*/
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 50px;
	padding-top: 40px;
}

/* +++ 3-teilig +++ */		

div.block
{
	width: 860px;
	margin-bottom: 10px;
	padding-top: 20px;
	padding-bottom: 20px;
	float:left;
	border: 1px solid #666666;
}

div.col1
{
	width: 276px;
	float: left;
	padding-left: 10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-top: 10px;
}
				
div.col1-2
{
	width: 532px;
	float: left;
	padding-left: 10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-top: 10px;
}

div.col1-2.home
{
	padding-top: 37px;
}

div.col2
{
	width: 256px;
	float: left;
	padding-left: 30px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-top: 60px;
}

div.col3
{
	width: 266px;
	float: right;
	padding-left: 20px;
	padding-right: 0;
	padding-bottom: 0;
	padding-top: 40px;
}

div#info-zone
{
	padding-top: 186px;
	padding-bottom: 0px;
	padding-left: 440px;
	padding-right: 25px;
	text-align: center;
	z-index:1000 !important;
}

label
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 180px;
	float: left;
	line-height: 20px;
	color:#000000;
}
		
input 
{
	border: 1px solid #999999;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

textarea 
{
	width: 400px;
	height: 200px;
	border: 1px solid #999999;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

object, embed
{
	margin-top: 37px;
}


#slideshow {
    position:relative;
    height:220px;
}

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

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

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