/* ############################################################################################# */
/* ## GENERAL SETTINGS                                                                        ## */
/* ############################################################################################# */

body {
	text-align: center;
	margin: 10px auto 0 auto;
}

#container {
	width: 928px;
	background-color: #FFFFFF;
	color: #000000;
	margin: 0 auto;
	padding: 0 0px 8px 0px;
	text-align: left;
}

.hidden {
	position: absolute;
	left: -3000px;
	width: 1px;
	height: 1px;

	/*display: none !important;*/
}

a:active, a:focus {
	outline: 0;
}

a img {
	border: 0px;
}

/* ############################################################################################# */
/* ## DEFAULT HTML TAG STYLE DEFINTIONS                                                       ## */
/* ############################################################################################# */

h1 {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: 900;
	text-transform: uppercase;
/*	border-top: 1px solid #DEDEDE;*/
	border-bottom: 1px solid #DEDEDE;
	padding: 3px 4px;
	margin: 15px 0px 10px 0px;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color: #FFFFFF;
	color: #7FA7C9;
	padding: 0px 0px 0px 5px;
	margin: 0px;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	padding: 0px 0px 0px 5px;
	margin: 15px 0px 10px 0px;
}

br {
	margin: 0px;
	padding: 0px;
}

p {
	padding: 0px 0px 0px 5px;
	margin: 0px;
}

.bodytext a {
	text-decoration: underline;
	background-color: transparent;
	color: #005B78;
	font-weight: bold;
}

hr {
	background-color:#CCCCCC;
	color:#CCCCCC;
	border: #CCCCCC;
	height: 1px;
	margin: 10px 0px 10px 0px;
	padding: 0px;
}

a {
	color: #005B78;
}

table {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
}

.unbold {
	font-weight: normal;
	font-size: 9pt;
}

/* ############################################################################################# */
/* ## MAIN NAVIGATION                                                                         ## */
/* ############################################################################################# */

#main_navigation {
	width: 912px;	
	margin: 0px auto;
}

#main_navigation ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#main_navigation ul li {
	display: block;
	float: left;
}

#main_navigation ul li a {
	display: block;
	padding: 7px 20px 5px 20px;
	background-color: #FFFFFF;
	color: #000000;
	position: relative;
	z-index: 10;
	text-align: center; 
	text-decoration: none;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 9pt;
	text-transform: uppercase;
}

/* NEEDED IF ACTIVE MAIN-NAVIGATION SHOULD NOT BE LINKED */
/*
#main_navigation ul li.active {
	display: block;
	padding: 7px 20px 18px 20px;
	background-color: transparent;
	color: #000000;
	background-image: url('bilder/navigation/hauptnavi_pattern_1.gif');
	position: relative;
	z-index: 10;
	text-align: center; 
	text-decoration: none;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 8pt;
	text-transform: uppercase;
	cursor: default;
}
*/

#main_navigation a:hover {
	color:#005A78;
}

#main_navigation ul li.active a {
	font-weight:bold;
	color:#005A78;
}


/*
#dynamic-space {
	width: 170px;
	width: 210px;
	height: 38px;
	background-color: #FFFFFF;
	color: #000000;
	float: left;
	position: relative;
	z-index: 15;
}
*/

/* ############################################################################################# */
/* ## SUB NAVIGATION                                                                          ## */
/* ############################################################################################# */

#sub_navigation_level1 {
	list-style-type: none;
	display: block;
	padding: 0px;
	margin: 0px;
	width: 220px;

}

#sub_navigation_level1 a {
	display: block;
	padding: 2px 0px;
	color: #000000;
	width: 215px;
	text-indent: 10px;
	text-decoration: none;
	font-size:9pt;
	border-bottom:1px solid #DEDEDE;
}

.sub_navigation_lastlink_no a {
	border-bottom: 1px solid #DEDEDE !important;
}

.sub_navigation_lastlink a {
	border-bottom: 1px solid #DEDEDE !important;
}

.sub_navigation_lastlink ul {
	border-bottom: 5px solid #E1EBF4;
}

#sub_navigation_level1 a.active_link {
	display: block;
	padding: 2px 0px;
	color: #005B78;
	width: 215px;
	font-weight: bold;
	text-indent: 10px;
	text-decoration: none;
	background:url(../images/list-icon.gif) no-repeat 200px 5px;
}

#sub_navigation_level1 a.active_sublink {
	background-image:url(../images/list-icon.gif);
}

#sub_navigation_level1 a:hover {
	color: #005B78;
}

#sub_navigation_level2 {
	list-style-type: none;
	display: block;
	padding: 0px;
	margin:0;
	border-left: 5px solid #eee;
}

#sub_navigation_level2 a {
	width: 210px;
	color: #000000;
	border:0;
}

#sub_navigation_level2 li.active {
	display: block;
	padding: 2px 0px;
	width: 210px;
	background: #eee url(../images/list-icon2.gif) no-repeat 195px 5px;
	color: #333333;
	text-indent: 10px;
	font-weight: bold;
	font-size:9pt;
	cursor: default;
}

#sub_navigation_level2 a:hover {
	background-color: #eee;
	color: #005B78;
}

/* ############################################################################################# */
/* ## LOGO & BANNER                                                                           ## */
/* ############################################################################################# */
#container {
	position: relative;
}
#logo {
	height: 69px;
	width: 297px;
	z-index:40;
	position: absolute;
	top: 58px;
	right: 132px;
}

#banner_inner {
	width: 912px;
	height: 273px;	
	background:url(../images/header.png) no-repeat center top;
	margin: 0px auto;	
}

#banner {
	height: 286px;
	background:url(../images/header_bg.png) repeat-x 0 16px;
	clear: both;
}

#banner_text {
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
	font-size: 6.5pt;
	font-weight: bold;
	text-transform: uppercase;
	width: 200px;
	height: 35px;
	float: right;
	z-index: 40;
	position: relative;
	right: 35px;
	top: -40px;
	margin-bottom: -40px;
	cursor: default;
}

#banner_text_big {
	background-color: transparent;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	line-height: 23px;
	width: 500px;
	height: 200px;
	float: left;
	z-index: 30;
	position: relative;
	text-transform: uppercase;
	left: 35px;
	top: -235px;
	padding-top: 5px;
	margin-bottom: -235px;
	cursor: default;
	font-weight: 100;
}

/* ############################################################################################# */
/* ## CONTENT                                                                                 ## */
/* ############################################################################################# */

#content_container {
	width: 912px;
	background-color: #FFFFFF;
	margin: 0px 8px;
	padding-top: 8px;
	color: #000000;
}

.content_column {
	margin: 0px 0px 50px 23px;
	float: left;
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
}

#content_right {
	margin: 0px 23px 20px 23px;
}

.content_220px {width: 220px;}
.content_335px {width: 335px;}
.content_380px {width: 380px;}
.content_500px {width: 500px;}
.content_620px {width: 620px;}

#content_top {
	display: none;
}

.spalte_280px {
	width: 300px;
	float: left;
	margin-right: 5px;
}

/* ############################################################################################# */
/* ## CALLBACK SERVICE                                                                        ## */
/* ############################################################################################# */

.callback_service {
	margin-top: -10px;
	width: 335px;
	background: url('../images/callback.gif') no-repeat 115px 72px;
}

.callback_service p {
	padding-top: 10px;
	width: 250px;
}

.callback_service_small p {
	width: 200px;
}

.callback_service p a, .callback_service_small p a {
	width: 120px;
	height: 30px;
	display: block;
	/*background-image: url('bilder/callback_service_phones.gif');*/
	
	padding: 5px 0px 10px 0;
	
	background-repeat: no-repeat;
	
	margin-top: 10px;
	background-color: transparent;
	font-weight: bold;
}


/* ############################################################################################# */
/* ## NEWS                                                                                    ## */
/* ############################################################################################# */

/* ---------------------------------- */
/*  News - General Settings           */
/* ---------------------------------- */

.news_image {
	width: 160px;
	height: 120px;
	background-color: #F5F5F5;
	color: #000000;
	float: left;
	margin-bottom: 7px;
	border: 1px solid #F5F5F5;
}

.news h2 {
	background-color: #F5F5F5;
	color: #005B78;
	margin-top: 12px;
	margin-left: 10px;
	text-decoration: none;
	font-weight: bold;
}

h2 a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	background-color: #F5F5F5;
	color: #005B78;
	text-decoration: none;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
}

.news_latest_article {
	width: 493px;
	margin-left: 3px;	
}

.news_date {
	margin: 7px 0px 0px 15px;
	display: block;
	font-size: 7.5pt;
}

.news p {
	margin: 0px 5px 0px 10px;
}

.news_link {
	margin: 8px 0px 0px 15px;
}

.news {
	clear:both;
}

.news hr {
	clear: both;
	margin-top: -6px;
	margin-bottom: 8px;
}

/* ---------------------------------- */
/*  News - Latest View                */
/* ---------------------------------- */

.news_latest_text {
	width: 326px;
	height: 122px;
	background-color: #F5F5F5;
	color: #000000;
	float: right;
	margin-bottom: 7px;
}

/* ---------------------------------- */
/*  News - List View                  */
/* ---------------------------------- */

.news_list_text {
	width: 452px;
	height: 122px;
	background-color: #F5F5F5;
	color: #000000;
	float: right;
	margin-bottom: 7px;
}

.tx-ttnews-browsebox {
	clear: both;
	border: 0;
	background-color: transparent;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	text-align: center;
}

.tx-ttnews-browsebox-SCell {
	background-color: transparent;
	border: 0;
}

.tx-ttnews-browsebox-SCell p a {
	text-decoration: none;
	background-color: transparent;
	color: #999999;
}

/* ---------------------------------- */
/*  News - Single View                */
/* ---------------------------------- */

.news_single_article {
	width: 495px;	
}

.news_single_image {
	width: 160px;
	float: left;
	color: #000000;
	border: 1px solid #FFFFFF;
}

.news_single_image:hover {
	border: 1px solid #F5F5F5;
}

.news_single_text {
	width: 452px;
	background-color: #F5F5F5;
	color: #000000;
	float: right;
	padding-bottom: 30px;
}

.news_single_text h2 {
	background-color: transparent;
	font-size: 12pt;
	font-weight: bold;
	margin-bottom: 20px;
}

.news_single_subheader {
	font-weight: bold;
	margin-bottom: 15px;
}

.news_single_text p {
	margin: 0px 40px 0px 10px;
}

.news_single_link a {
	float: right;
	display: block;
	text-align: center;
	width: 450px;
	border: 1px solid #F5F5F5;
	background-color: #F9F9F9;
	padding: 10px 0px;
	margin-top: 7px;
}

/* ---------------------------------- */
/*  News - Small List View            */
/* ---------------------------------- */

.news_latest_small_date {
	font-size: 7.5pt;
	margin-left: 5px;
}

.news_latest_small h2 a {
	background-color: transparent;
	font-size: 8pt;
	font-weight: bold;
}

/* ---------------------------------- */
/*  Referenzen - Latest View          */
/* ---------------------------------- */

.referenzen {
	margin-top: 10px;
}

.referenzen h2 {
	background-color: #F5F5F5;
	color: #7FA7C9;
	margin-top: 12px;
	margin-left: 10px;
	text-decoration: none;
	font-weight: bold;
}

.referenzen p {
	margin: 0px 5px 0px 10px;
}

.referenzen_image {
	width: 200px;
	height: 100px;
	float: left;
}

.referenzen_latest_text {
	width: 412px;
	height: 100px;
	float: right;
	margin-bottom: 10px;
}

.referenzen_latest_text h2 a, .referenzen_latest_text h2 {
	margin-top: 15px;
	margin-bottom: 5px;
	background-color: transparent;
	color: #000000;
	font-size: 13pt;
	font-weight: bold;
}

.referenzen_latest_text a {
	font-weight: bold;
}

.referenzen hr {
	width: 620px;
	margin: 0px !important;
	clear: both;
}

/* ---------------------------------- */
/*  Referenzen - List View            */
/* ---------------------------------- */

.referenzen_list {
	position: relative;
	z-index: 100;
	width: 230px;
	margin-right: -20px;
	margin-left: -1px;
	padding-bottom: 20px;
}

.referenzen_list img {
	float: left;
	margin-right: 3px;
	margin-bottom: 3px;
}

.clear {
	clear: both;
}

/* ---------------------------------- */
/*  Referenzen - Single View          */
/* ---------------------------------- */

.referenzen_single_left {
	width: 380px;
	float: left;
}

.referenzen_single_left p {
	margin: 0px 1px;
}

.referenzen_single_right {
	float: right;
	width: 220px;
	border: 1px solid #DEDEDE;
	text-align: center;
	margin-bottom: 5px;
}

.referenzen_single_left img {
	margin-left: 3px;
}

.referenzen_single_right img {
	margin: 0px 0px 0px 0px;
	margin-bottom: -3px;
}

.referenzen_single_left h2 {
	margin: 10px 0px 10px 0px;
	background-color: transparent;
	color: #000000;
	font-size: 13pt;
	font-weight: bold;
}

.referenzen_subheader {
	font-weight: bold;
	margin-bottom: 10px;
}

.referenzen_back_link {
	float: right;
	position: relative;
	top: -29px;
	right: 2px;
	margin-bottom: -29px;
}

.screenshot_navi_link {
	font-weight: bold;
	text-decoration: none;
	margin-left: 5px;
	color: #999999;
}

.screenshot_navi_link_active {
	font-weight: bold;
	text-decoration: none;
	margin-left: 5px;
	cursor: default;
}

.screenshot_navi_link:hover {
	color: #666666;
}

#referenzen_screenshots_navigation {
	text-align: right;
	font-weight: bold;
	margin: 7px 7px 7px 0px;
}

.referenzen_screen_thumb {
	padding: 5px 0px;
}


/* ---------------------------------- */
/*  Webdesign - Single View           */
/* ---------------------------------- */

.webdesign_single {
	width: 620px;
	height: 410px;
}

.webdesign_single_navigation {
	float: right;
	position: relative;
	top: 48px;
}

.webdesign_more_link {
	background-color: #E1EBF3; /* mutable */
	width: 70px;
	height: 19px;
	text-align: center;
	font-weight: bold;
	float: right;
	position: relative;
	right: 142px;
	margin-bottom: -19px;
}

.webdesign_navigation_inactive_link, .webdesign_navigation_link {
	background-color: #FFCC00; /* mutable */
	width: 70px;
	height: 19px;
	text-align: center;
	font-weight: bold;
	float: left;
	margin-left: 1px;
}

.webdesign_navigation_inactive_link span, .webdesign_navigation_link a, .webdesign_more_link a {
	color: #333333; /* mutable */	
	display: block;
	padding-top: 2px;
	text-decoration: none;
}

.webdesign_navigation_inactive_link span, .webdesign_more_link span {
	color: #333333; /* mutable */
}

.webdesign_zur_website_link {
	font-weight: bold;
	text-decoration: none;
	display: block;
	margin-left: 20px;
	padding-top: 4px;
	cursor: pointer;
}

.webdesign_screenshots_left {
	float: left;
	padding: 30px 0px 0px 20px;
}

.webdesign_screenshots_right {
	float: right;
	padding: 30px 15px 0px 0px;
}

.webdesign_screenshots_right div {
	width: 210px;
	height: 167px;
	margin-bottom: 10px;
}

.webdesign_screenshots_left div {
	width: 360px;
	height: 288px;
}

/* ############################################################################################# */
/* ## NEWS SMALL                                                                              ## */
/* ############################################################################################# */

.news_small_article {
	padding: 0px 0px 10px 5px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #DEDEDE;
}

.news_small_article h2 {
	padding-left: 0px;
}

/* ############################################################################################# */
/* ## TW_RSS FEED                                                                             ## */
/* ############################################################################################# */

.twrss_bodytext {
	margin-left: 5px;
}

.twrss_bodytext a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
	background-color: #FFFFFF;
	color: #7FA7C9;
	padding: 0px;
	margin: 0px;
}

.rss_spacer {
	padding: 0px 0px 10px 5px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #DEDEDE;
}

.twrss_imagefile {
	margin: 15px 0px 10px 5px;
}

/* ############################################################################################# */
/* ## MAILFORM                                                                                ## */
/* ############################################################################################# */

.csc-mailform {
	border: 0px;
	padding: 0px 0px 0px 5px;
	margin: 0px;
}

.csc-mailform label {
	display: block;
	float: left;
	background-color: transparent;
	color: #666666;
}

.csc-mailform input, .csc-mailform-field textarea, .csc-mailform select {
	display: block;
	background-color: #FFFFFF;
	color: #000000;
	font-size: 9pt;
	border: 1px solid #AAAAAA;
	margin-bottom: 5px;
	margin-left: 90px;
}

.csc-mailform input, .csc-mailform-field textarea {
	width: 200px;
}

.csc-mailform-submit {
	background-color: #F9F9F9 !important;
	border: 1px solid #666666 !important;
}

.callback-forminput {
	display: block;
	background-color: #FFFFFF;
	color: #000000;
	font-size: 9pt;
	border: 1px solid #AAAAAA;
	margin-bottom: 7px;
	margin-left: 100px !important;
}

.callback-biglabel {
	background-color: transparent;
	color: #666666;
	font-size: 10pt;
	font-weight: bold;
	margin: 0px 0px 20px 0px;
}

/* ############################################################################################# */
/* ## SITEMAP                                                                                 ## */
/* ############################################################################################# */

.tx-flseositemap-pi1 ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px 0px 0px 5px;
}

.tx-flseositemap-pi1 ul ul {
	list-style-image: url('bilder/arrows.gif');
	padding: 0px 35px;
	margin: 0px;
}

.tx-flseositemap-pi1 ul ul ul {
	list-style-image: none;
}

.tx-flseositemap-pi1 ul li {
	padding: 7px 0px 7px 70px;
	margin: 5px 0px;
	background-color: #F5F5F5;
}

.tx-flseositemap-pi1 ul ul li {
	padding: 0px;
	margin: 0px;
}

.tx-flseositemap-pi1 ul a {
	background-color: transparent;
	color: #3D6A8F;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 9pt;
}

.tx-flseositemap-pi1 ul ul a {
	background-color: transparent;
	color: #7FA7C9;
	text-decoration: none;
	text-transform: none;
	font-weight: bold;
	font-size: 8pt;
}

.tx-flseositemap-pi1 ul ul ul a {
	background-color: transparent;
	color: #A7C2DA;
	text-decoration: none;
	text-transform: none;
	font-weight: normal;
	font-size: 8pt;
}



/* ############################################################################################# */
/* ## BOTTOM & FOOT NAVIGATION                                                                ## */
/* ############################################################################################# */

#bottom {
	padding:10px 0 5px 0;
	clear:both;
	background-color: #EBEBEB;
}

#bottom_inner {
	width:912px;
	padding: 0px 18px 5px 18px;
	margin:0 auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #666666;
	text-align: right;
	
}

#bottom a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	text-decoration: none;
	color: #666666;
	text-align: left;
}

.klammeraffe_grau {
	/*padding: 0 5px;
	margin: 0 1px 0 0;*/
	background-image: url('bilder/klammeraffe_grau.gif');
	background-repeat: no-repeat;
}

.klammeraffe {
	/*padding: 0 5px;
	margin: 0 1px 0 0;*/
	background-image: url('bilder/klammeraffe.gif');
	background-repeat: no-repeat;
}

#bottom a:hover {
	color: #333333;
}

#foot_navigation {
	float: left;
	cursor: pointer;
	margin-left:22px;
}

#foot_navigation ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#foot_navigation ul li {
	float: left;
}

#foot_navigation ul li a {
	margin: 0px 5px;
}

#foot_navigation ul li.active_foot {
	color: #333333;
	padding: 0px 1px 0px 5px;
}

#bottom .addresslist {
	float:right;
	text-align:left;
	margin-right:90px;
}

#bottom .addresslist-vienna {
	margin-right:120px;
}

#bottom dl {
	list-style-type: none;
	padding: 0px;
	margin: 0px -15px 0px 0px;
	width:170px;
}

#bottom dl dt.adresse {
padding-bottom:2px;
}

#bottom dl dd {
	display: none;
}

.grey {
	background-color: transparent;
	color: #666666;
}



#anfahrtsplan{
 	background-image: url('bilder/CYBERhouse_Standort_2006.gif');
 	width:610px;
 	height:248px;
}