﻿/*############################################################################# */
/* Copyright 2005-2010 by creativbox.net/Torsten Leithold & Georg von Kries GbR */
/*############################################################################# */

@import url(./Menu.css);

html
{
	overflow-x: hidden;
}

body
{
	font-family: Verdana, Geneva, Tahoma, Sans-Serif;
	color: #000;
	background: #fff url(images/bg.jpg) repeat-x;
	font-size: 11px;
	margin: 20px 0 20px 0;
	padding: 0;
}

h1, h2, p, span, a, ul, li, div, .Head, .SkinObject, a.Normal, .Normal, table.content_table th,
.NormalDisabled, .CommandButton, .NormalTextBox
{
	font-family: Verdana, Geneva, Tahoma, Sans-Serif;
	font-weight: normal;
}

.NormalTextBox
{
	font-size:11px;
}

hr
{
	border-top: 0;
	border-right: 0;
	border-left: 0;
	border-bottom: 1px solid #ebebeb;
	height: 1px;
}

img
{
	border: 0;
}

ul.content, ul.content-alternative
{
	list-style-image: url(images/li_button.png);
}

ul.content-alternative2
{
	list-style-image: url(images/supported_klein.png);
}

* html ul.content, * html ul.content-alternative
{
	list-style-image: url(images/ul.gif);
}

#container-aussen
{
	width: 902px;
	margin: 0 auto;
	background: url(images/container_aussen_bg.png);
}

* html #container-aussen
{
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.simplesyn.net/portals/_default/skins/SimpleSYN/images/container_aussen_bg.png',sizingMethod='scale');
}

#container
{
	width: 872px;
	background: #fff;
	margin: 0 auto;
}

* html #container
{
	position: relative;
}

#box-aussen
{
	background: #fff url(images/content_right_bg.png) top right repeat-y;
	width: 870px;
	border-right: 1px solid #959494;
	border-left: 1px solid #959494;
	position: relative;
	z-index: 100;
	margin: 0;
	padding: 0;
}

* html #box-aussen
{
	background: #fff url(images/content_right_bg.gif) top right repeat-y;
}

#box-aussen-sub
{
	background: #fff url(images/sub_bg.png) repeat-y;
	width: 870px;
	border-right: 1px solid #959494;
	border-left: 1px solid #959494;
	position: relative;
	z-index: 100;
}

* html #box-aussen-sub
{
	background: #fff url(images/sub_bg_alternative.gif) repeat-y;
	width: 870px;
	border-right: 1px solid #959494;
	border-left: 1px solid #959494;
}

#container-aussen-sub
{
	background: url(images/sub_aussen.png) no-repeat;
	width: 220px;
	float: left;
	min-height: 150px;
	line-height: 16px;
	margin-top: -1px;
	padding-top: 1px;
}

* html #container-aussen-sub
{
	background: url(images/sub_aussen.gif) no-repeat;
	width: 179px;
	float: left;
	height: 150px;
}

#header-top
{
	width: 902px;
	height: 26px;
	background: url(images/header-top.png) no-repeat;
	margin: 0 auto;
}

* html #header-top
{
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.simplesyn.net/portals/_default/skins/SimpleSYN/images/header-top.png',sizingMethod='scale');
}

#header
{
	width: 872px;
	height: 142px;
	background: url(images/header.jpg);
	position: relative;
}

#header .logo
{
	position: absolute;
	left: 30px;
	top: 20px;
}

#header .header-text
{
	position: absolute;
	left: 150px;
	top: 20px;
}

#header .header-text a
{
	color: #F82F2F;
	text-decoration: underline;
}

#header .header-text a:hover
{
	color: #000;
	text-decoration: none;
}

#header .header-text h1
{
	font-weight: normal;
	font-size: 18px;
	color: #000;
	margin: 10px 0 10px 0;
}

#header .header-text h2
{
	font-weight: normal;
	font-size: 14px;
	color: #000;
	margin: 0;
}

#header .flag
{
	height: 10px;
	position: absolute;
	left: 800px;
	top: 120px;
}

.button
{
	position: relative;
	left: 700px;
	top: 0;
}

#navigation
{
	background: url(images/navigation_bg.jpg);
	width: 810px;
	padding: 0 30px 0 30px;
	height: 29px;
	line-height: 29px;
	border-left: solid 1px #959494;
	border-right: solid 1px #959494;
	position: relative;
	z-index: 200;
}

#navigation .search
{
	position: absolute;
	right: 10px;
	top:0;
	z-index: 900;
}

#navigation .search input.search-hint
{
	font-style:italic;
	color:#666;
}

.ModSearchResultsC .SubHead
{
	padding-right:5px;
}

.language
{
	position: absolute;
	top: 5px;
	right: 10px;
	z-index: 1000;
}

.language-selector
{
	cursor: pointer;
	vertical-align: middle;
	padding: 3px;
	margin: 1px;
}

.language-selector img
{
	vertical-align: middle;
}

.language-selector span
{
	padding-right: 20px;
	vertical-align: middle;
	background: url(images/action.gif) no-repeat right 1px;
}

.lang-hover .language-selector
{
	background: #fff;
	border: solid 1px #C0D6E5;
	margin: 0;
}

.lang-hover .language-selector span
{
}

.language-dropdown
{
	position: absolute;
	background: #fff;
	border: solid 1px #C0D6E5;
	padding: 3px;
}

.language-dropdown ul
{
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.language-dropdown li
{
	display:block;
	clear:left;
	float:left;
	list-style-type: none;
	vertical-align: middle;
	height: 25px;
	line-height: 25px;
	padding: 0;
	margin: 0;
	white-space: nowrap;
}

.language-dropdown li img
{
	padding-right: 5px;
	vertical-align: middle;
}

.language-dropdown li a, .language-dropdown li span, .language-dropdown li strong
{
	color: #000;
	vertical-align: middle;
}

.language-dropdown li a:hover
{
}

.language-dropdown li.selected
{
}

.leftpane,
.rightpane,
.contentpane
{
	float:left;
	padding: 25px 0 30px 0;
	margin:0;
	line-height: 16px;
	overflow:hidden;
}

.sub-contentpane,
.sub-leftpane,
.sub-rightpane
{
	float: left;
	padding:25px 0 30px 0;
	line-height: 16px;
	margin:0;
}

.sub-rightpane
{
	width: 650px;
	min-height: 600px;
	overflow: hidden;
}

* html .sub-rightpane
{
	height: 625px;
	overflow: visible;
}

.DNNEmptyPane
{
	display: none;
}

#content
{
	float: left;
	width: 503px;
	padding: 50px 25px 50px 50px;
}

#content a
{
	color: #000;
}

#content a:hover
{
	color: #000;
	text-decoration: none;
}

#content p
{
	margin: 15px 0 15px 10px;
}

#content h1
{
	background: url(images/h1_bg.gif);
	height: 31px;
	line-height: 31px;
	border: 1px solid #E7F3FB;
	padding: 0 10px 0 10px;
	margin:0;
	color: #F82F2F;
	font-weight: normal;
	font-size: 14px;
}

#content-full h1
{
	height: 31px;
	line-height: 31px;
	padding: 0 10px 0 0;
	margin:0;
	color: #F82F2F;
	font-weight: normal;
	font-size: 14px;
}

#content h2
{
	padding-left: 10px;
	color: #000;
	font-weight: normal;
	font-size: 12px;
}

#content ul li h1
{
	padding: 0;
	margin: 0;
	color: #000;
	font-weight: normal;
	font-size: 12px;
	background: none;
	border: 0;
}

#content-full h2
{
	color: #000;
	font-weight: normal;
	font-size: 12px;
}

#content li, #content-full li
{
	margin: 0 0 20px 0;
}

#content-full
{
	float: left;
	width: 600px;
	padding: 50px 25px 50px 50px;
}

#bottom
{
	background: url(images/bottom.png);
	width: 902px;
	height: 29px;
	text-align: left;
	margin: 0 auto;
}

* html #bottom
{
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.simplesyn.net/portals/_default/skins/SimpleSYN/images/bottom.png',sizingMethod='scale');
}

#bottom-left
{
	background: url(images/bottom_left.png);
	width: 902px;
	height: 29px;
	text-align: left;
	margin: 0 auto;
}

* html #bottom-left
{
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.simplesyn.net/portals/_default/skins/SimpleSYN/images/bottom_left.png',sizingMethod='scale');
}

.footer
{
	width: 872px;
	margin: 0 auto;
	text-align: center;
	color: #949494;
}

.footer .SkinObject
{
	font-weight: normal;
	color: #949494;
}

.footer a, 
.footer A.SkinObject:link
{
	color: #949494;
}

.footer .language-object
{
	display: inline;
}

table.content_table th
{
	background: #e7f1f8;
	font-weight: bold;
	padding: 3px;
	color: #000;
}

table.content_table td
{
	background: #F3F8FC;
	border-bottom: 1px solid #ebebeb;
	padding: 3px;
}

table.content_table .content_table_download td
{
	background: #ebebeb;
	font-weight: normal;
	padding: 3px;
	color: #003366;
	font-size: 12px;
}

.download-alternative a
{
	color: #fff;
	text-decoration: none;
	background: url(images/download_button_alternative.png);
	width: 165px;
	height: 37px;
	line-height: 37px;
	display: block;
	padding: 50px 0 15px 15px;
}

.download-alternative a:hover
{
	background: url(images/download_button_alternative.png) top right;
	color: #000 !important;
	padding: 20px 0 15px 15px;
}

.clearer
{
	clear: both;
}

#dnn_ctr515_CFD_pnlCtrls .SubHead, 
#dnn_ctr582_CFD_pnlCtrls .SubHead, 
#dnn_ctr793_CFD_pnlCtrls .SubHead, 
#dnn_ctr802_CFD_pnlCtrls .SubHead
{
	color: #000;
}

#dnn_ctr515_CFD_pnlCtrls select.NormalTextBox, 
#dnn_ctr582_CFD_pnlCtrls select.NormalTextBox, 
#dnn_ctr793_CFD_pnlCtrls select.NormalTextBox, 
#dnn_ctr802_CFD_pnlCtrls select.NormalTextBox
{
	margin-right: 10px;
	width: 300px !important;
}

#dnn_ctr515_CFD_pnlModule div.Normal, 
#dnn_ctr582_CFD_pnlModule div.Normal, 
#dnn_ctr793_CFD_pnlModule div.Normal, 
#dnn_ctr802_CFD_pnlModule div.Normal
{
	position: relative;
	right: 8px;
}

table #dnn_ctr515_CFD_cfd6, 
table #dnn_ctr515_CFD_cfd7, 
table #dnn_ctr582_CFD_cfd29, 
table #dnn_ctr582_CFD_cfd30, 
table #dnn_ctr793_CFD_cfd37, 
table #dnn_ctr793_CFD_cfd38, 
table #dnn_ctr802_CFD_cfd45, 
table #dnn_ctr802_CFD_cfd46
{
	margin-right: 14px;
}

#dnn_ctr515_CFD_cmdSend, 
#dnn_ctr582_CFD_cmdSend, 
#dnn_ctr802_CFD_cmdSend
{
	margin-right: 95px;
}

#dnn_ctr793_CFD_cmdSend
{
	margin-right: 120px;
}

a #dnn_ctr791_Feedback_cmdSend
{
	position: relative;
	right: 265px;
}

a #dnn_ctr799_Feedback_cmdSend
{
	position: relative;
	right: 280px;
}

.button_bg a,
.container_right_full .button_bg a.thickbox
{
	background: url(images/button_bg.png) top left !important;
	width: 69px !important;
	height: 22px !important;
	line-height: 14px !important;
	display: block !important;
	color: #fff !important;
	text-decoration: none !important;
	padding: 6px 0 0 0 !important;
	text-align: center !important;
}

.button_bg_buy a.de
{
	background: url(images/button_bg_buy.png) top left !important;
	width: 105px !important;
	height: 34px !important;
	line-height: 14px !important;
	display: block !important;
	color: #fff !important;
	text-decoration: none !important;
	padding: 0 0 0 0 !important;
	text-align: center !important;
	margin: 10px 0 10px 0;
}

.button_bg_buy a.de:hover
{
	background: url(images/button_bg_buy.png) top right !important;
	width: 105px !important;
	height: 34px !important;
	line-height: 14px !important;
	display: block !important;
	color: #fff !important;
	text-decoration: none !important;
	padding: 0 0 0 0 !important;
	text-align: center !important;
}

.button_bg_buy a.en
{

	background: url(images/button_bg_buy_small_en.png) top left !important;
	width: 123px !important;
	height: 50px !important;
	line-height: 14px !important;
	display: block !important;
	color: #fff !important;
	text-decoration: none !important;
	padding: 0 0 0 0 !important;
	text-align: center !important;
	margin: 10px 0 10px 0;
}

.button_bg_buy a.en:hover
{
	background: url(images/button_bg_buy_small_en.png) top right !important;
	width: 123px !important;
	height: 50px !important;
	line-height: 14px !important;
	display: block !important;
	color: #fff !important;
	text-decoration: none !important;
	padding: 0 0 0 0 !important;
	text-align: center !important;

}


* html .button_bg a, 
* html .container_right_full .button_bg a.thickbox
{
	background: url(images/button_bg.gif) top left !important;
	width: 69px !important;
	height: 22px !important;
	display: block !important;
	color: #fff !important;
	text-decoration: none !important;
	padding: 6px 0 0 0 !important;
	text-align: center !important;
}

.button_bg a:hover, 
.container_right_full .button_bg a.thickbox:hover
{
	background: url(images/button_bg.png) top right !important;
	width: 69px !important;
	height: 22px !important;
	display: block !important;
	color: #fff !important;
	text-decoration: none !important;
	padding: 6px 0 0 0 !important;
	text-align: center !important;
}

* html .button_bg a:hover, 
* html .container_right_full .button_bg a.thickbox:hover
{
	background: url(images/button_bg.gif) top right !important;
	width: 69px !important;
	height: 22px !important;
	display: block !important;
	color: #fff !important;
	text-decoration: none !important;
	padding: 6px 0 0 0 !important;
	text-align: center !important;
}


.box
{
	border: #babcaf 1px solid;
	background: #fcffea;
	padding: 10px;
}

#dnn_ctr791_Feedback_pnlFeedbackFormFields a
{
	background: none;
	padding-left: 0;
}

#dnn_ctr791_Feedback_pnlFeedbackFormFields textarea
{
	width: 350px;
	height: 200px;
}

.header-ct-aussen
{
	position: relative;
}

.header-ct-innen
{
	position: absolute;
	width: 400px;
	top: 0px;
	left: 0px;
	z-index:100;
}

.header-ct-innen-pic
{
	position: absolute;
	top: -25px;
	left: 370px;
	z-index:99;
}


.header-ct-innen-pic-en
{
	position: absolute;
	top: 0px;
	left: 380px;
	z-index:99;
}


.download-button-header
{
	position: absolute;
	top: 0px;
	left: 420px;
}

.hide
{
	display: none;
}

.buy span
{
	font-weight: inherit;
}

.content table.PagingTable
{
	margin:10px 0 10px 0;
	border-bottom:none;
	border-left:none;
	border-right:none;
	border-top:1px solid #ebebeb;
	background:none;
}

.content table.PagingTable a.CommandButton
{
	background:none;
	padding:0;
	display:inline;
	margin:0;
	color:#000;
	text-decoration:underline;
}

.content table.PagingTable a.CommandButton:hover
{
	text-decoration:none;
}


div.faq-cat-container,
div.faq-search-container
{
	border-bottom:1px solid #ebebeb;
	padding:10px 0 10px 0;
	margin-bottom:10px;
}

.faq-cat-container select
{
	width:200px;
}

.faq-container
{
}

.faq-question span.link
{
	cursor:pointer;
	color: #F82F2F;
	text-decoration: underline;
	background: url(images/link_pfeil.gif) no-repeat 1px 3px;
	padding-left:10px;
}

.faq-question span.link:hover
{
	color: #000;
	background: url(images/link_pfeil_hover.gif) no-repeat 1px 3px;
}

.faq-answer
{
	display:none;
}

.hslice .entry-content .box
{
	margin:0 auto 0 auto;
}




.text-rotator
{
	line-height: 18px; 
	margin: 10px 0px 0px; 
	font-size: 14px;
}



#scene-container
{
	width:806px;
	border:1px solid #ccc;
	background:#fff;
	padding:1px;
	height:383px;
}

#scene
{
	width:806px;
	height:383px;
	position:relative;
	
	
	
}

ul#scene-nav
{
	width:806px;
	height:50px;
	display:block;
	position:absolute;
	left:0;
	bottom:-50px;
	background-color:#4a4a52;
	z-index:1000;
	padding:0;
	margin:0;
	list-style-type:none;
	filter:alpha(opacity=85); -moz-opacity: 0.85; opacity: 0.85;
}

#scene-nav li
{
	float:left;
	border-right:1px solid #ccc;
	padding:0;
	list-style-type:none;
	margin:0;
	display:inline;
}

#scene-nav li.scene-nav-active 
{
	
}



#scene-prev
{
	left:3px;
	top:160px;
	position:absolute;
	z-index:1000;
}

#scene-next
{
	right:-7px;
	top:160px;
	position:absolute;
	z-index:1000;
}


a#scene-prev 
{
	background: url(images/scene_prev.png) no-repeat !important;
	width:23px;
	height:23px;
	display:block;
}

a#scene-next 
{
	background: url(images/scene_next.png) no-repeat !important;
	width:23px;
	height:23px;
	display:block;

}



#scene-nav li a
{
	color:#fff;
	background:none;
	height:42px;
	line-height:16px;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	padding:8px 10px 0 10px;
	display:block;
	float:left;
}


#scene-nav li a:hover
{
	background:#5f5f68;
}


#scene-nav li.scene-nav-active a
{
	background:#ccc;
}




#scene-nav li.scene-nav-active a
{
	color:Black;
}

.scene-background
{
	padding:20px;
	width:766px;
	height:342px;
}

.scene-content
{
display:none;
}



.scene-content h1
{
	font-size:20px !important;
	margin:0 0 5px 0 !important;
	padding:0 !important;
	
}

.scene-content h2
{
	margin:0 0 10px 0 !important;
	padding:0 !important;
}



.box-vorteile
{

width:500px		

}



.scene-nav-content
{
	display:none;
	
}




/* Scene 1 */


.scene1-left
{
position:absolute;
top:20px;
left:20px;	
}

.scene1-right
{
position:absolute;
top:20px;
left:215px;	
	
}

.scene-content ul
{
	list-style-image: url(images/li_button_scene.png) !important;
	margin: 20px 0 0 15px;
	padding: 0 0 0 10px;
}


.scene-content  ul span
{
	font-weight:bold;
	color:#d63f1d;
}


.scene-content li
{
	margin: 0 !important;
	line-height: 25px;
	padding: 0 !important;
}



.scene_download_button
{
	
	position:absolute;
	left:215px;
	top:220px;
}


.scene_download_button_en
{
	
	position:absolute;
	left:215px;
	top:220px;
}



.scene_download_button a
{
	background:url(images/scene_download_button.png) top left !important;
	padding:0 !important;
	width:240px;
	height:88px;
	display:block;
}



*html .scene_download_button a
{
	background:url(images/scene_download_button.jpg) top left !important;

}


.scene_download_button_en a
{
	background:url(images/scene_download_button_en.png) top left !important;
	padding:0 !important;
	width:240px;
	height:88px;
	display:block;
}


*html .scene_download_button_en a
{
	background:url(images/scene_download_button_en.jpg) top left !important;

}



.scene_download_button a:hover
{
	background:url(images/scene_download_button.png) top right !important;
}


.scene_download_button_en a:hover
{
	background:url(images/scene_download_button_en.png) top right !important;
}



*html .scene_download_button a:hover
{
	background:url(images/scene_download_button.jpg) top right !important;
}


*html .scene_download_button_en a:hover
{
	background:url(images/scene_download_button_en.jpg) top right !important;
}



.scene-content .windows-icons
{
	position:absolute;
	left:45px;
	top:258px;
}



/* Scene 2 */

.scene2-right
{
position:absolute;
top:20px;
left:215px;	
width:550px;	
}



/* Scene 3 */

.scene3-referenz
{
	position:absolute;
	top:155px;
	left:360px;
	width:315px;
	color:#fff;
	line-height:14px;
}


.referenz-box
{
	padding: 10px; 
	width: 550px;
	margin-bottom: 20px;
	background: #f3f8fc;   
	color:#000;
	
}

.meinung-abgeben
{
	position:absolute;
	top:80px;
	right:30px;
}


