@charset "UTF-8";
/*
 * IronShark Entertainment
 * (X)HTML/CSS Framework Beta
 * framework.css
 */

/* ============================================================================================== */
/* ====================================================// Design Statements (Design Formatierung) */
/* ============================================================================================== */
body {
	background-color:#E3E3E3;
	background-image:url(images/body.jpg);
	background-repeat:repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
}

/* ============================================================================================== */
/* ===================================================================// Framework (Rahmendesign) */
/* ============================================================================================== */
#frame {
	float:left;
	min-height:595px;
	height:auto !important;
	height:595px;
	width:990px;
}
#void1, 
#void2 {
	float:left;
	min-height:620px;
	height:auto !important;
	height:620px;
	width:1015px;
}
/* void1 is a home-only class */
#void1, 
*#void1 .mainNavigation a, 
*#oid1 .subNavigation a, 
*#void1 .bread a {
	color:#000;
	background-color:#FFF;
}
#void2, 
*#void2 .mainNavigation a, 
*#void2 .subNavigation a, 
*#void2 .bread a  {
	color:#FFF;
	background-color:#9A0C00;
}

/* ---------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------// Frame */
/* ---------------------------------------------------------------------------------------------- */
#frame_e {
	font-size:0px;
	line-height:0px;
	
	float:left;
	min-height:595px;
	height:auto !important;
	height:595px;
	width:25px;
	
	background-image:url(images/frame_e.jpg);
	background-repeat:repeat-y;
	background-position:0px 0px;
}
.frame_e {
	background-image:url(images/frame_e.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px;
}
.frame_e_run {
	background-image:url(images/frame_e_bg.gif);
	background-repeat:repeat-y;
	background-position:0px 0px;
}
#frame_s {
	font-size:0px;
	line-height:0px;
	
	float:left;
	height:25px;
	width:1015px;
	
	background-image:url(images/frame_s.jpg);
	background-repeat:repeat-x;
	background-position:0px 0px;
}
#frame_se {
	font-size:0px;
	line-height:0px;
	
	float:left;
	height:25px;
	width:25px;
	
	background-image:url(images/frame_se.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px;
}

/* ---------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------// Header */
/* ---------------------------------------------------------------------------------------------- */
#header {
	float:left;
	height:30px;
	width:100%;
}
#header .bread {
	font-size:10px;
	line-height:12px;
}
#header .bread a:link, 
#header .bread a:active, 
#header .bread a:hover, 
#header .bread a:visited {
	text-decoration:none;
}

/* ---------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------// Body */
/* ---------------------------------------------------------------------------------------------- */
#body {
	float:left;
	min-height:516px;
	height:auto !important;
	height:516px;
	width:990px;
}

/* ------------------------------------------------------------------------------------// content */
#body .mrNiceGuy {
	font-Size:0px;
	line-height:0px;

	float:left;
	min-height:516px;
	height:auto !important;
	height:516px;
	width:10px;
}
#body .content {
	float:right;
	min-height:516px;
	height:auto !important;
	height:516px;
	width:658px;
	
	background-color:#FFF;
}

.teaserProduct {
	width:638px;
	min-height:504px;
	height:auto !important;
	height:504px;
	background-image:url(../images/product/teaserProduct.jpg);
	background-repeat:no-repeat;
	background-position:130px 10px;
	}
.teaserCompany {
	width:638px;
	min-height:193px;
	height:auto !important;
	height:193px;
	background-image:url(../images/company/company_images1.jpg);
	background-repeat:no-repeat;
	background-position:0px 10px;
	}
.teaserCompany2 {
	width:638px;
	min-height:288px;
	height:auto !important;
	height:288px;
	background-image:url(../images/company/company_images2.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px;
	}
.teaserContact {
	width:638px;
	min-height:504px;
	height:auto !important;
	height:504px;
	background-image:url(../images/contact/teaserContact.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
	}
.teaserImpressum {
	width:638px;
	min-height:504px;
	height:auto !important;
	height:504px;
	background-image:url(../images/contact/teaserImpressum.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
	}

/* ---------------------------------------------------------------------------------// antagonist */
#body .antagonist {
	float:right;
	height:516px;
	width:322px;
}

/* logo */
#body .antagonist .logo {
	float:left;
	height:80px;
	width:322px;
}

/* mainNavigation */
#body .antagonist .mainNavigation {
	float:left;
	width:322px;
}
*.mainNavigation ul {
    list-style-type:none;
    margin:0px;
    padding:0px;
    font-weight:normal;
}
*.mainNavigation ul li {
	line-height:16px;
	margin:0px 0px 5px 0px;
	padding:0;
}
*.mainNavigation ul ul {
    list-style-type:none;
	margin:0px 0px 10px 0px;
    padding:0px 0px 0px 20px;
    font-weight:normal;
}
*.mainNavigation ul ul li {
	line-height:16px;
	margin:0px;
}
*#void1 *.mainNavigation hr {
    border-color:#E3E3E3;
}
*#void2 *.mainNavigation hr {
    border-color:#FFF;
	margin:0;
	padding:0;
	line-height:0;
}
*.mainNavigation a:link, 
*.mainNavigation a:active, 
*.mainNavigation a:visited, 
*#footer a:link, 
*#footer a:active, 
*#footer a:visited {
	text-decoration:none;
}
*.mainNavigation a:hover,
*#footer a:hover {
	text-decoration:underline;
}
*.mainNavigation li.active a {
	font-weight:bold;
}

/* contact */
#body .antagonist .keepInTouch {
	font-size:12px;
	line-height:16px;
	
	float:left;
	width:322px;
}

/* ---------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------// Footer */
/* ---------------------------------------------------------------------------------------------- */
#footer {
	font-size:10px;
	line-height:12px;
	
	float:left;
	height:49px;
	width:990px;
}
#footer .subNavigation {
	float:left;
	width:668px;
}

/* ============================================================================================== */
/* ===============================================// General Statements (Allgemeine Formatierung) */
/* ============================================================================================== */
* {
	margin:0px;
	padding:0px;
}

html,
body {
	margin:0px;
	padding:0px;
}

/* ---------------------------------------------------------------------------// image formatting */
img {border:0px;}

/* -------------------------------------------------------------// float formatting and alignment */
.float1	{float:left;}
.float2	{float:right;}

.left	{text-align:left;}
.center	{text-align:center;}
.right	{text-align:right;}

/* -------------------------------------------------------------------------// content formatting */
hr  {
    border-width:1px 0px 0px 0px;
    border-style:solid;
    border-color:#E3E3E3;
    height:1px;
    background-color:transparent;
}

/* -----------------------------------------------------------------------------------// clearing */
.clear1 {clear:left;}
.clear2 {clear:right;}
.clear {
	clear:both;
	height:0px;
	}

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

/* ----------------------------------------------------------------------------// list formatting */
/*
ul {
    list-style-type:none;
    margin:0px;
    padding:0px;
    font-weight:bold;
}
ul ul {
    list-style-type:square;
    margin:0px;
    padding:0px 0px 0px 15px;
    font-weight:normal;
}
*/

ul {
    list-style-type:none;
    margin:0px;
    padding:0px;
    font-weight:normal;
}
ul li {
	line-height:16px;
	margin:0px 0px 0px 0px;
}
ul ul {
    list-style-type:none;
	margin:0px 0px 10px 0px;
    padding:0px 0px 0px 20px;
    font-weight:normal;
}
ul ul li {
	line-height:16px;
	margin:0px;
}
ul a:link, 
ul a:visited	{text-decoration:none;}
ul a:hover, 
ul a:active		{text-decoration:underline;}

/* listPosition */
ul.listPosition1	{list-style-position:inside;}
ul.listPosition2	{list-style-position:outside;}

/* ----------------------------------------------------------------------// background formatting */
/* Opacity With GIF */
.bgOpacity1, 
.bgOpacity2 {
	background-position:0px 0px;
	background-repeat:repeat;
}
/* White */
.bgOpacity1	{background-image:url(images/opacity1.gif);}
/* Black */
.bgOpacity2	{background-image:url(images/opacity2.gif);}

.bgRepeat1	{background-repeat:no-repeat;}
.bgRepeat2	{background-repeat:repeat-x;}
.bgRepeat3	{background-repeat:repeat-y;}
.bgRepeat4	{background-repeat:repeat;}

.bgAttach1	{background-attachment:scroll;}
.bgAttach2	{background-attachment:fixed;}

/* ============================================================================================== */
/* ==========================================================================// Border Formatting */
/* ============================================================================================== */

/* -------------------------------------------------------------------------------// border-width */
/* 1px */
.b0			{border-width:0px;}
.b1000		{border-width:1px 0px 0px 0px;}
.b0100		{border-width:0px 1px 0px 0px;}
.b0010		{border-width:0px 0px 1px 0px;}
.b0001		{border-width:0px 0px 0px 1px;}
.b1100		{border-width:1px 1px 0px 0px;}
.b0110		{border-width:0px 1px 1px 0px;}
.b0011		{border-width:0px 0px 1px 1px;}
.b10		{border-width:1px 0px;}
.b1001		{border-width:1px 0px 0px 1px;}
.b01		{border-width:0px 1px;}
.b1101		{border-width:1px 1px 0px 1px;}
.b1110		{border-width:1px 1px 1px 0px;}
.b1			{border-width:1px;}

/* -------------------------------------------------------------------------------// border-style */
.bStyle1	{border-style:dotted;}
.bStyle2	{border-style:dashed;}
.bStyle3	{border-style:solid;}
.bStyle4	{border-style:double;}

/* ============================================================================================== */
/* ===========================================================================// Color Adjustment */
/* ============================================================================================== */

/* ---------------------------------------------------------------------------------// font-color */
.fColor1	{color:#FFF;}
.fColor2	{color:#000;}
.fColor3	{color:#E3E3E3;}
.fColor4	{color:#0000FF;}
.fColor5	{color:#e5e5e5;}
.fColor6	{color:#777777;}

/* -------------------------------------------------------------------------------// border-color */
.bColor1	{border-color:#FFF;}
.bColor2	{border-color:#000;}
.bColor3	{border-color:#E3E3E3;}
.bColor4	{border-color:#0000FF;}
.bColor5	{border-color:#e5e5e5;}

/* ---------------------------------------------------------------------------// background-color */
.bgColor1	{background-color:#FFF;}
.bgColor2	{background-color:#000;}
.bgColor3	{background-color:#E3E3E3;}
.bgColor4	{background-color:#0000FF;}
.bgColor5	{background-color:#e5e5e5;}
.bgColor6	{background-color:#ccff99;}

/* ============================================================================================== */
/* ====================================================// Work In Progress / Still In Development */
/* ============================================================================================== */

/* ---------------------------------------------------------------------------------// font-color */
.fWip1	{background-color:#CC99FF;}
.fWip2	{background-color:#66FF99;}
.fWip3	{background-color:#FF99FF;}
.fSid1	{background-color:#CC99FF;}
.fSid2	{background-color:#66FF99;}
.fSid3	{background-color:#FF99FF;}

/* -------------------------------------------------------------------------------// border-color */
.bWip1	{border-color:#CC99FF;}
.bWip2	{border-color:#66FF99;}
.bWip3	{border-color:#FF99FF;}
.bSid1	{border-color:#CC99FF;}
.bSid2	{border-color:#66FF99;}
.bSid3	{border-color:#FF99FF;}

/* ---------------------------------------------------------------------------// background-color */
.bgWip1	{background-color:#CC99FF;}
.bgWip2	{background-color:#66FF99;}
.bgWip3	{background-color:#FF99FF;}
.bgSid1	{background-color:#CC99FF;}
.bgSid2	{background-color:#66FF99;}
.bgSid3	{background-color:#FF99FF;}

/*
 * 
 */

/* overflow */
.scroll1	{
	overflow-x:scroll;
	overflow-y:hidden;
}
.scroll2	{
	overflow-y:scroll;
	overflow-x:hidden;
}
.overflow1 {overflow:hidden;}
.overflow2 {overflow:scroll;}
.overflow3 {overflow:auto;}

/* CURSOR */