body {
	margin			: 0;
	padding			: 0;
	font-family		: junctionregularRegular,sans-serif,arial;
	font-size		: 14px;
	background		: #FFF url(/fileadmin/images/seitenelemente/body-bg.jpg) repeat-x left top;
	line-height		: 130%;
}

.hidden, .summary {
	display			: none;
}	

a:link, a:visited {
    color			: blue;
    text-decoration	: none;
   cursor			: hand;
}


a:hover {
    color			: blue;
    text-decoration	: underline;
}                 	        	
a img {
   border			: none;
}
  
@font-face {
    font-family: 'junctionregularRegular';
    src: url('http://www.websitebaker.de/fileadmin/fonts/Junction-webfont.eot');
    src: url('http://www.websitebaker.de/fileadmin/fonts/Junction-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.websitebaker.de/fileadmin/fonts/Junction-webfont.woff') format('woff'),
         url('http://www.websitebaker.de/fileadmin/fonts/Junction-webfont.ttf') format('truetype'),
         url('http://www.websitebaker.de/fileadmin/fonts/Junction-webfont.svg#junctionregularRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
  
#slideshow img { display: none }
#slideshow img.first { display: block }

#maincontainer,
#maincontainer2 {
	width: 1000px;
	margin: 20px auto 0 auto;	
	padding: 0;
	margin-top	: 20px;
	color:#000;	
	background: #FFF;
 	border: none;
 	padding: 0;
	border		: 2px solid #cecece;
	-moz-border-radius: 2px;
	-moz-box-shadow: 10px 10px 5px #797979;
	box-shadow: 10px 10px 5px #797979;
	-webkit-border-radius: 10px;
	-webkit-box-shadow: 10px 10px 5px #797979;		

}

div#header 
{
   margin					: 0;
   padding					: 0;
   height					: 250px;
}

.clear-both, .clearboth {
        clear: both;
}


#mainbody {
	float: left;
	width: 570px;
	margin: 10px 10px 0 10px;
        padding:0;
}

* html #mainbody {
	margin: 10px 5px 0 5px;
       padding:0;
}

#mainbody-2col {
	float: left;
	width: 790px;
	margin: 10px 10px 0 10px;
        padding:0;
}

* html #mainbody-2col {
	margin: 10px 5px 0 5px;
       padding:0;
}


#content-left {
	float: left;
	width: 190px;
}

div.advertising {
	margin-top:	1em;
	margin-left: 5px;
}


#content-right {
    margin: 0;
	padding: 0;
	float: right;
	width: 214px;
}


div#footer {
	clear: both;
	border-top: 1px dotted #797979;
	border-bottom: 1px dotted #797979;
	height: 30px;
	text-align: center;
	font-size: 12px;
	color: #999;
}
div#footer div {
	margin: 5px 0 1px 2px;
}
div#footer a {
	color: #999;
}	
div.googleads-left {
float: left;
margin-right: 10px;
}

div.googleads-right {
float: right;
margin-left: 10px;
}


div.wirkungsvoll {
	margin: 3em auto 0 auto;
	font-size: 9px;
	padding: 50em 0 0 0;
}

div.copyright {
	text-align: center;
}



dfn {display:none;}

acronym {
	text-decoration	: none;
	border-bottom		: none;
}
img#noscreen {display:none;}
.hidden {display: none;}
h1.summary {font-size:12px; display:none;}


.csc-header h1,
.csc-header h2, 
.csc-header h3, 
.csc-header h4, 
.csc-header h5, 
.csc-header h6  
{
  font-size			: 19px;  
  color				: #797979;
  padding-bottom	: 7px;
  border-bottom		: 1px dotted #FF8C00; 
  background		: #F9F9F9;
}



#content-left ul {
 	margin				: 0;
	padding				: 0;
}
#content-left ul li { 
	background			: #FFF;
	border-bottom		: 1px solid #e5e5e5;
	list-style			: none;
}
 
 
li.mainnavi a {
   padding				: 10px 2px 5px 2px;
   display				: block;
   text-decoration	: none;
   text-indent			: 20px;
}

 li.mainnavi a:link, li.mainnavi a:visited
{
   color					: #333;
}


#content-left a:hover
{
   color					: black;
   background 			: #f5f5f5 url(/fileadmin/images/seitenelemente/pfeil-schwarz.gif);
   background-repeat	: no-repeat;
   background-position  : left center;
 }

#content-left  li a.active
{
   color						: black;
   background 				: #f5f5f5;
   background-repeat		: no-repeat;
   background-position  : left center;
}

   
#content-left ul#level2 a
{
  text-indent			: 30px;
}


#content-left ul#level3 a
{
  text-indent			: 40px;
}

div#topnavigation {
      height: 30px;
      width: 1000px; 
      background: #FFF url(/fileadmin/images/seitenelemente/topnav-hover.png) repeat-x top left;
}  

ul.topnav {
   margin: 0;
   padding: 0;
   list-style: none;
}

li.topnav, li.topnav-active {
      margin: 0;
      padding: 0;
      float: left;
}


/* FIX for IE6  */
* html li.topnav a, * html li.topnav-active a {
         float: left;
}
 

li.topnav a:link, li.topnav a:visited,
li.topnav a:hover, li.topnav-active a:link, li.topnav-active a:visited {
      height: 24px;
      padding-top: 3px;
      padding-bottom: 3px;
      padding-left: 19px;
      padding-right: 19px;
      display: block;
      margin: 0 0 0 0;
      color: #000;
      font-weight:normal;
      text-align: center;
      vertical-align: middle;
      border-right: 1px inset #fff;
      background: #FFF url(/fileadmin/images/seitenelemente/topnav-hover.png) repeat-x top left;
	  text-decoration: none;
}


li.topnav a:hover, li.topnav-active a:link, li.topnav-active a:visited {

      background: url(/fileadmin/images/seitenelemente/topnav-bg.png) repeat-x 0 0;
}    /* Search - Form                     */


div.tx-felogin-pi1 {
	width				: 650px;
	background			: #F9F9F9;
	font-size			: 14px;
	padding				: 5px;
}
div.tx-felogin-pi1 fieldset {
	border				: none;
}	
div.tx-felogin-pi1 legend {
	display				: none;
}
.felogin-status-header h3 {
	display				: none;
}	



form#indexedsearch {
   margin: 0;
   padding: 0;
}
form#indexedsearch fieldset {
	border: none;
	margin: 0;
	padding: 0;
	height: 15px;
}
div.searchbox {
	width: 178px;
	height: 20px;
	background: url(/fileadmin/images/seitenelemente/bg_searchInput.gif) no-repeat left center;
	float: right;
	margin: 5px 5px 0 0;
	padding: 0;
}
	
input#inputText {
	 font-size: 11px;
	 padding: 0;
	 background: transparent;
	 margin: 0 0 12px 20px;
	 vertical-align: middle;
	 width: 100px;
}

input#inputButton {
	 padding: 0;
	 margin: 0;
}
	 



/* Mailform */
p.csc-form-label-reg, td.csc-form-labelcell { 
	font-size			: 11px;
    color				: #797979; 
}


	.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-button { width:100px; font-size: 11px; }
	.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword { width:150px; }
	.tx-indexedsearch .tx-indexedsearch-whatis P .tx-indexedsearch-sw { font-weight:bold; }
	.tx-indexedsearch .tx-indexedsearch-whatis { margin-top:10px; margin-bottom:5px; }
	.tx-indexedsearch P.tx-indexedsearch-noresults { text-align:center; font-weight:bold; }
	.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title { background:#eeeeee; }
	.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title P { font-weight:bold; }
	.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title P.tx-indexedsearch-percent { font-weight:normal; }
	.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr P { font-size: 11px; }
	.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr P .tx-indexedsearch-redMarkup { color:red; }
	.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info { background:#eeeeff;font-size: 11px; }
	.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead  { display:none; }
	.tx-indexedsearch .tx-indexedsearch-res .noResume { color : #666666; }
	.tx-indexedsearch .tx-indexedsearch-sectionlinks ul li a {font-size: 13px;}
    div.tx-indexedsearch-browsebox {display:none;}
	span.tx-indexedsearch-title-caption a {
		color:blue; font-size: 12px;
	}
 
div.tx-mitdownload-pi1 table tr td {
	font-size: 11px;
}

.fileImg
 {   vertical-align: middle;
	    margin-right  : 7px;
 }
	
	
	
.question {color: blue; margin: 5px 1px 5px 1px;}
.answer { color: black; margin-top:10px; font-weight:normal;}

/* SiteMap */
div.csc-menu {
			  margin    		: 0;
           padding			: 0;
			 }
			 
		 
.csc-sitemap-level1 a:link
 {
   	font-weight					: normal;
 }
p.csc-sitemap-level1 {
    font-weight					: bold;
	font-size					: 13px;
	padding 					: 5px 1px 5px 3px;
	width						: 400px;
	border-top					: 15px solid white;
	border-bottom				: 5px solid white;
	background-color			: #E5E5E5;
}     
p.csc-sitemap-level2  
   {
   	background-image			: url(/fileadmin/images/icons/dot_blau_icon.gif);
	background-position			: 30px center;
	background-repeat			: no-repeat;
 /*	text-indent					: 5px;  */ 

  }   
   
p.csc-sitemap-level3  
   {
   	background-image			: url(/fileadmin/images/icons/menue2_icon.gif);
	background-position			: 55px center;
	background-repeat			: no-repeat;
 /*	text-indent					: 5px;    */
  }    	

p.csc-sitemap
	{
		font-size			: 12px; 
		height				: 18px;     
	
	}

p.csc-sitemap a:link, p.csc-sitemap a:visited
	{
		text-decoration		: none;
		line-height			: 150%;
	}




p.csc-sitemap  a:hover
	{
		text-decoration: underline;
	}
p.csc-sitemap-level2 a  

   {
       padding-left: 40px; 
   }

p.csc-sitemap-level3 a  

   {
         padding-left: 65px;
   }
   

p.csc-sitemap-level4 a  

   {
         margin-left: 90px;
   }


/* Standard Tablelayout */

.contenttable {
	font-family	: sans-serif, Verdana, Helvetica;
	font-size	: 12px;
}	

table.contenttable-0 {
	border-collapse: collapse;
	border-left: 1px solid #ccc;



	border-top: 1px solid #ccc; 
	color: #333;
}

table.contenttable-0 caption {
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: -1px;
	margin-bottom: 10px;
	padding: 5px;
	background: #efefef;
	border: 1px solid #ccc;
	color: #666;
}

table.contenttable-0 a {
	text-decoration: none;
	border-bottom: 1px dotted #f60;
	color: #f60;
	font-weight: bold;
}

table.contenttable-0 a:hover {
	text-decoration: none;
	color: #fff;
	background: #f60;
}

table.contenttable-0 tr th a {
	color: #369;
	border-bottom: 1px dotted #369;
}

table.contenttable-0 tr th a:hover {
	color: #fff;
	background: #369;
}

table.contenttable-0 thead tr th {
	text-transform: uppercase;
	background: #e2e2e2;
}

table.contenttable-0 tfoot tr th, table.contenttable-0 tfoot tr td {
	text-transform: uppercase;
	color: #000;
	font-weight: bold;
}

table.contenttable-0 tfoot tr th {
	width: 20%;
}

table.contenttable-0 tfoot tr td {
	width: 80%;
}

table.contenttable-0 td, table.contenttable-0 th {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 5px;
	line-height: 1.8em;
	font-size: 0.8em;
	vertical-align: top;
	width: 20%;
}

table.contenttable-0 tr.tr-odd th, table.contenttable-0 tr.tr-odd td {

	background: #efefef;
}

/* Layout 1*/

table.contenttable-1 {
		margin: 0;
		padding: 0;
		}
table.contenttable-1 caption {
		padding: 8px 2px 5px 2px;
		color: #2B353A;
		background-color: inherit;
		font-size: 95%;
		font-weight: normal;
		text-align: left;
		text-transform: capitalize;
		border-bottom: 1px solid #F3F6F8;
		}
table.contenttable-1 th {
		width: 200px;
		padding: 8px 2px 5px 5px;
		color: #2B353A;
		background-color: inherit;
		font-size: 75%;
		font-weight: normal;
		text-align: left;
		text-transform: capitalize;
		border-bottom: 1px solid #F3F6F8;

		}
table.contenttable-1 tr.tr-odd th {
		color: #42525A;
		background-color: inherit;
		}
table.contenttable-1 td {
		width: 320px;
		padding: 4px 10px;
		color: #42525A;
		background-color: inherit;
		font-size: 75%;
		}
table.contenttable-1 tr.tr-odd {
		color: inherit;
		background-color: #F3F6F8;
		}
table.contenttable-1 tr.tr-odd td {
		color: #42525A;
		background-color: inherit;
		}
table.contenttable-1 th a {
		color: #2B353A;
		background-color: inherit;
		font-size: 110%;
		text-decoration: none;
		border-bottom: 1px solid #ccc;
		}
table.contenttable-1 th a:hover, td a:hover {
		color: #F26521;
		background-color: inherit;
		border-bottom: 1px solid #FEE6D8;
		}
table.contenttable-1 th a:visited {
		color: #aaa;
		background-color: inherit;
		border-bottom: 1px solid #F5F5F5;
		}
table.contenttable-1 td a {
		color: #F26521;
		background-color: inherit;
		text-decoration: none;

		border-bottom: 1px solid #FEE6D8;
		}
table.contenttable-1 td a:hover {
		color: #2B353A;
		background-color: inherit;
		border-bottom: 1px solid #ccc;
		}
table.contenttable-1 tbody tr:hover {
		color: inherit;
		background-color: #FFF8F2;
		}
table.contenttable-1 tbody .odd:hover {
		color: inherit;
		background-color: #FFF8F2;
		}
		
/* Layout 2                                       */		
/*
Coffee with milk
Table design by Roger Johansson, 456 Berea Street
www.456bereastreet.com
================================================*/


table.contenttable-2 {
	border-collapse:separate;
	border-spacing:0;
	margin:0 0 1em;
	color:#000;
	}
table.contenttable-2 a {
	color:#523A0B;
	text-decoration:none;
	border-bottom:1px dotted;
	}
table.contenttable-2 a:visited {
	color:#444;
	font-weight:normal;
	}
table.contenttable-2 a:visited:after {
	content:"\00A0\221A";
	}
table.contenttable-2 a:hover {
	border-bottom-style:solid;
	}
table.contenttable-2 thead th,
table.contenttable-2 thead td,
table.contenttable-2 tfoot th,
table.contenttable-2 tfoot td {
	border:1px solid #523A0B;

	border-width:1px 0;
	background:#EBE5D9;
	}
table.contenttable-2 th {
	font-weight:bold;
	line-height:normal;
	padding:0.25em 0.5em;
	text-align:left;
	}
table.contenttable-2 tbody th,
table.contenttable-2 td {
	padding:0.25em 0.5em;
	text-align:left;
	vertical-align:top;
	}
table.contenttable-2 tbody th {
	font-weight:normal;
	white-space:nowrap;
	}
table.contenttable-2 tbody th a:link,
table.contenttable-2 tbody th a:visited {
	font-weight:bold;
	}
table.contenttable-2 tbody th+td {
	white-space:nowrap;
	}
table.contenttable-2 tbody td,
table.contenttable-2 tbody th {
	border:1px solid #fff;
	border-width:1px 0;
	}
table.contenttable-2 tbody tr.tr-odd th,
table.contenttable-2 tbody tr.tr-odd td {
	border-color:#EBE5D9;
	background:#F7F4EE;
	}
table.contenttable-2 tbody tr:hover td,
table.contenttable-2 tbody tr:hover th {
	background:#ffffee;
	border-color:#523A0B;
	}
table.contenttable-2 caption {
	font-weight:normal;
	font-size:1.2em;
	text-align:left;
	margin:0;
	padding:0.5em 0.25em;
	}

/* Layout 3                            */
table.contenttable-3 {
       width: 620px;
}
table.contenttable-3 tr td.td-0, table.contenttable-3 tr td.td-last { 
       width: 300px;
       margin-left: 10px;
}
.contenttable-3 {
	font-size: 85% ;
	padding: 0; 
	margin: 0; 
	border-collapse: collapse; 
	color: #333; 
	background: #F3F5F7;
}

.contenttable-3 a {
	color: #FCA316;
        font-weight: bold;
        text-align: left;
        margin-left: 10px;
	text-decoration: none; 
	border-bottom: 1px solid #C6C8CB;
}  

.contenttable-3 a:visited {
	color: #FCA316;
}

.contenttable-3 a:hover {
	color: red;
}  

.contenttable-3 caption {
	text-align: left; 
	text-transform: uppercase;  
	padding-bottom: 10px; font-size: 200%; 
}

.contenttable-3 thead th, .contenttable-3 .tr-0 {
	background: #F0F2F4;
	 padding: 15px 10px; 
	color: #fff; 
	text-align: left; 
	font-weight: normal;
}

.contenttable-3  {
	border-left: 1px solid #EAECEE; 
	border-right: 1px solid #EAECEE;
}

.contenttable-3 {
	border-bottom: 1px solid #EAECEE;
}
                      
.contenttable-3 tr td {
	padding: 10px;
}

.contenttable-3  tr {
	background: #F0F2F4;
}

.contenttable-3  tr.tr-odd {
	background: #F0F2F4;
}

.contenttable-3  tr:hover {
	background: #EAECEE;
	 color: #222;
}

.contenttable-3 tfoot td, .contenttable-3 tfoot th, .contenttable-3 tfoot tr {
	text-align: left; 
	font-weight: bold;   
	text-transform: uppercase; 
	background: #F9F9F9; 
	padding: 10px;
}

/* Modern Download */


dl.tx_abdownloads_listView_category {
 border: 1px solid #333;
 margin-bottom: 1em;
 padding: 5px 5px 5px 5px;
}

dl.tx_abdownloads_listView_category dt img {
	float: left;
	border: none;
}

dl.tx_abdownloads_listView_category dt a {
 font-size: 17px;
 font-weight: bold;
 margin-left: 10px;
 vertical-align: top;
 display: block;
 background: #e5e5e5;
}

dl.tx_abdownloads_listView_category dd.images {
  font-size: 17px;
  font-weight: bold;
  clear: left;
}

dl.tx_abdownloads_listView_category dd {
 margin: 0;
 padding: 0;
}

div.tx_abdownloads_listView_downloads {
 background: olive;
 color: white;
 border-bottom: 3px solid white;
 margin: 0 0 1em 0;
 padding: 0 0 0 20px;
}

 
 
 
 span.Hostinghardware,
 span.Hostingdomains,
 span.Hostingwebspace,
 span.Hostingresourcen,
 span.Hostingemail,
 span.Hostingvertrag,
 span.Hostingservices {
	font-weight: bold;
	padding-left: 25px;
	background: url(/fileadmin/icons/hosting-punkt.gif) no-repeat left center;
}	
 
 
div.copyright-wb {
  font-size: 10px;
  color: #797979;
  margin-top: 2.5em;
}
div.copyright-wb a {
  text-decoration: none;
  color: #797979;
}
/* Footer Services */
div.footer-services, ul.footer-services {
  margin-top: 2em;
}

ul.footer-services,ul.footer-services li {
  margin: 0;
  padding: 0;
  list-style: none;
}  

ul.footer-services {
  margin-top: 1.5em;
  margin-bottom: 1em;
  float: right;
}

ul.footer-services  li {
   float: left;
   margin-left: 10px;
}       

ul.footer-services  li a img {
   border: none;
}  
ul.footer-services  li a span {
   vertical-align: top;
}
ul.footer-services  li a:hover span {
  text-decoration: underline;
}    
 
/* ForumNavigation */

div.forumnav {
    float: left;
}
    
ul.forumnav, ul.forumnav li {
   list-style: none;
   margin: 0;
   padding: 0;
}
ul.forumnav li {
   float: left;
   border-right: 1px solid #F5F5F5;
   background: #f47a20;
}   
ul.forumnav li a {
   display: block;
   font-size: 12px;
   color: #000;
   padding: 3px 7px 3px 7px;
}   
ul.forumnav li:hover {
   background: #e5e5e5;
}
ul.forumnav {
   margin-bottom	: 2em;
}   
 
div.b2cshop-registration {
  font-family		: sans-serif, Verdana, Arial;		
  margin			: 2em 0 1em 2em;
  padding			: 5px 0 10px 5px;
  background		: #F5F5F5;
  border			: 1px ridge #333;
}
div.websitebaker-registration {
  font-family		: sans-serif, Verdana, Arial;	
  margin: 2em 0 1em 2em;
  padding: 5px 0 10px 5px;
  background: #edecd1;
  border: 3px ridge silver; 
}
table.websitebaker-registration  {
  width: 750px;
  border-collapse: collapse;
  text-align: left;
  table-layout:fixed;
}
table.b2cshop-registration tr td,
table.websitebaker-registration  tr td{
    margin: 0;
	padding:5px 0 0 0;

}
table.websitebaker-registration  tr td.registration-input  input {
    width: 200px;
}
tr td.registration-label-r {
	width: 120px;
}
	 
td.registration-b2c-label  {
   width: 100px;
}   
input.registration-b2c {
font-size: 18px;
}     

tr#tarifnormal, tr#tarifvserver, tr#tarifrootserver, tr#tarifpleskserver {
	empty-cells:hide;
}

td#htype-preis, td#wbpreise {
	color: red;
	font-weight: bold;
	font-size: 16px;
}
select.hostingtype, select.hostingtarif, select.hostingserver, select.hostingsystem {
	width: 215px;
}	

.bestell-headline,
.bestellhinweis {
  color: #797979;
  font-size: 12px;
}   

div#LikePluginPagelet
 {
  width: 190px;
  font-family: verdana, sans-serif, arial;
}  

div.google {
	margin: 20px auto 0 auto;
	width: 1000px;
}





	
