* {
  margin: 0;
  padding: 0;
  }
body, table, input, textarea, select {
	font-family: Verdana, Helvetica, sans-serif; 
	/* font-family: Arial, Helvetica, sans-serif; */
	font-size: 11px;
	color: #333;
	}
body {
  text-align: center; /* ie */
  }	
img {
  border: 0;
  }
h1, h2, h3 {
	margin: 0;
	padding: 0;
	font-size: 1.0em;
	font-weight: bold;
	color: #333;
	}
p {
	margin: 0 0 0.5em 0;
	padding: 0;
	color: #333;
	line-height: 1.4em;
	}
a:link {
	text-decoration: none;
	color:#092B53;	
	font-weight: bold;
	}	
a:visited, a:active {
	text-decoration: none;
	/* color:#092B53; */
	color: #0B4E97;
	font-weight:bold;
	}
a:hover {
	text-decoration: underline;
	color: #092B53;
	}
ul {
	margin: 0 0 0 20px;
  }

/* ### generell ### */
.clear { clear: both; }
.aleft { text-align: left; }
.aright { text-align: right; }
.acenter { text-align: center; }	
.imgleft img { float: left; }
.imgright img { float: right; }
.fleft { float: left; }
.fright { float: right; }
.alter { background-color: #E7F2FF; }	

div.line {
  margin: 2px 4px 2px 4px;
  height: 1px;
  border-top: 1px solid #ccc;
  }

.infobox {
	margin: 6px 0;
  padding: 4px;
  background-color: #E7F2FF;
  border: 1px solid #999;
  }

p.morelong {
	  padding: 2px;
    text-align: right;
    }
p.paging {
    margin: 0;
    padding: 2px;
    text-align: center;
    border-top: 1px solid #ccc;
    }
          
p.ltop {
    border-top: 1px solid #ccc; 
    }   
p.lbottom {
    border-bottom: 1px solid #ccc; 
    }  

.normallist {
	margin: 0 0 6px 24px;;
	padding: 0;
  list-style: disc;
  }

ul.blocklist {
  margin: 0;
  list-style: none;
  }
ul.blocklist li {
  margin: 0 0 4px 0;
  padding: 4px;
  }  
ul.blocklist li img {
  margin: 4px 8px 0 0;
  }  
  
div.text {
  padding: 12px 6px 60px 6px;
}
div.texttop {
  padding: 12px 6px 0 6px;
}

/* ### begin: inc/copyright ### */
div.copy {
  margin: 12px 0 0 0;
  font-size: 0.9em;
  }
 div.copy p.copy {
  margin: 10px 0 0 0;
  padding: 4px 0 0 0;
  border-top: 1px solid #ccc;
  color: #666;
  line-height: 1.2em
  }  
/* ### end: inc/copyright ### */

.rederror,
.redinfo,
.redprice {
  color: #ff0000;
  font-weight: bold;
}
.greeninfo {
  color: #00ff00;
  font-weight: bold;
}

/* ### generell ### */

/* DIV-Boxen */

div#wrapper {
	width: 800px;
	margin: 10px auto;
	/* background-color: #E7F2FF; */
	text-align: left;
	position: relative;
	}
div#leftCol {
	width: 146px;
	top: 90px;
	left: 0;
	background-color: #E7F2FF;
	position: absolute;
	}
div#rightCol {
	width: 150px;
	height: 1024px; 
	top: 90px;
	right: 0;
	background-color: #E7F2FF;
	position: absolute;
	}
div#rightCol div.empty {
	background-color: #E7F2FF;
	}
div#centerCol {
	width: 494px;
	top: 90px;
	left: 152px;
	background-color: #fff;
	position: absolute;
	}


/* ############################# */

/* ### BEGIN:HEADER ELEMENTS ### */
div#header {
	height: 84px;
	/* padding: 0 0 10px 0; */
	margin: 0 0 10px 0;
	background-color:#6399C1;
	position: relative;
	}
html>body div#header {
  height: 84px;
  } 

div#logo {
	width: 253px;
	top: 0;
	left: 0;
	position: absolute;
	}	
div#bannertop {
	top: 2px;
	right: 0;
	position: absolute;	
	}
div#portalselect {
	height: 20px;
	top: 66px;
	right: 0;
	position: absolute;
	}
div#portalselect a.text {
	}
div#portalselect img {
	padding: 0 2px;
	border: 0px;
	}	
/* ### END:HEADER ELEMENTS ### */

/* ######################## */
/* ### begin: navbar.php ### */

/* begin: boxes all */
div#leftCol div#navbar div.box {
	margin: 0 0 6px 0;
	padding: 0;	
	}
div#leftCol div#navbar div.box h1 {
	padding: 3px 0 5px 4px;
	background-color: #6399C1;
	color: #fff;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 100%;
	text-align: left;	
}	
div#leftCol div#navbar div.box h2 {
	padding: 4px 4px 2px 0;
	font-size: 0.95em;
	font-weight: bold;
	line-height: 100%;
}
div#leftCol div#navbar div.box ul {
  margin: 0;
	list-style: none;
	}
div#leftCol div#navbar div.box li {
	padding: 0 10px 0 0;
	}
/* end: boxes all */

/* begin: search box */
div#leftCol div#navbar form {
	margin: 2px 0 0 0;
	}
div#leftCol div#navbar input.searchtext,
div#leftCol div#navbar input.searchbutton {
	font-size: 1.0em;
	}
div#leftCol div#navbar input.searchtext {
	width: 110px;
	padding: 2px 0;
	}
/* end: search box */

/* begin: device selected */ 
div#leftCol div#navbar div.box li.selected {
  margin: 2px 0 0 0;
	padding: 2px 0 4px 0;
	background-color: #008800;
	border: 1px solid #6399C1;
	}
div#leftCol div#navbar div.box li.selected p.device {
	padding: 1px 0 0 4px;
  color: #fff;
	line-height: 1.4em;
	text-align: right;
	float: left;
  }   
div#leftCol div#navbar div.box li.selected img.checkbox {
  margin: 2px 4px 0 2px;
  }
/* end: device selected */	

/* begin: last section devices */
div#leftCol div#navbar div.box li.alldevices {
  margin: 8px 0 0 0;
  }
/* end: last section devices */

/* ### end: navbar.php ### */
/* ######################## */

/* ############################### */
/* ### begin: all center boxes ### */

/* begin: all center boxes */
div#centerCol div.content {
	/* width: 494px; */
	}
div#centerCol div.content div.box {
	margin: 0 0 6px 0;
	}
div#centerCol div.content div.box h1 {
	padding: 3px 4px 5px 4px;
	background-color: #6399C1;
	color: #fff;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 100%;	
	}

/* ### begin: catpage categories.php ### */
div#centerCol div.content div.catpage a {
  font-weight: normal;
  }
div#centerCol div.content div.catpage h2 {
  padding: 4px 0 2px 4px;
  font-size: 1.1em;
  border-bottom: 1px solid #6399C1;
  }
div#centerCol div.content div.catpage h2 a {
  font-weight: bold;
  }  
div#centerCol div.content div.catpage div.inner {
	padding: 4px;
	}
/* ### end: catpage categories.php ### */	

/* ### begin: catselect browse.php  ### */	
div#centerCol div.content div.box h2.catheader {
  margin: 4px 0 0 4px;
  font-weight: bold;
  border-bottom: 1px solid #ccc;
  }
div#centerCol div.content div.box p.cattext {
  margin: 2px 0 4px 4px;
  }  
/* ### end: catselect browse.php  ### */	

/* ### begin: gtable ### */
div#centerCol div.content div.box table.gtable {
	width: 100%;
	margin: 4px 0 0 0;
  }
div#centerCol div.content div.box table.gtable p {
  margin: 0;
  }  
div#centerCol div.content div.box table.gtable th {
  padding: 1px 2px 2px 2px;
  background-color: #6399C1;
  font-size: 1.0em;
  color: #fff;
  }
div#centerCol div.content div.box table.gtable th p {
  }  	
div#centerCol div.content div.box table.gtable th a,
div#centerCol div.content div.box table.gtable th p {
  background-color: #6399C1;
  color: #fff;
  }
  
div#centerCol div.content div.box table.gtable th.date {
  width: 50px;
  padding: 1px 0 2px 0;
  text-align: center;
  }  
div#centerCol div.content div.box table.gtable th.namedown {
	} 
div#centerCol div.content div.box table.gtable th.namedown p.name {
  width: 300px;
	}
div#centerCol div.content div.box table.gtable th.namedown p.down {
  width: 100px;
  }
div#centerCol div.content div.box table.gtable th.vote {
  width: 64px;
}
div#centerCol div.content div.box p.sortorder {
	margin: 0;
	padding: 0;
  text-align: right;
}
div#centerCol div.content div.box table.gtable th.vote p.greeninfo {
  color: #00cc00;
}

div#centerCol div.content div.box table.gtable td.rg {
  background-color: #E7F2FF;
  }
div#centerCol div.content div.box table.gtable td.rw {
  background-color: #fff;
  }  

div#centerCol div.content div.box table.gtable td {
  padding: 2px;
  }

/* ### begin: table elements */
div#centerCol div.content div.box table.gtable td.tddate {
	width: 50px;
  vertical-align: top;
  }
div#centerCol div.content div.box table.gtable td.tddate img {
  width: 32px;
  height: 32px;
  margin: 4px 0 0 0;
  }
div#centerCol div.content div.box table.gtable td.tdname {
	vertical-align: top;
  } 
div#centerCol div.content div.box table.gtable td.tdname p.tdname {
  }
div#centerCol div.content div.box table.gtable td.tdname p.tdshort {
  width: 300px;
  }
div#centerCol div.content div.box table.gtable td.tdname p.tdzip {
  width: 86px;
  padding: 0 4px 0 0;
  }
div#centerCol div.content div.box table.gtable td.tdname p.tdzip img {
	margin: 4px 0 0 0;
  padding: 0 0 0 2px;
  }  
div#centerCol div.content div.box table.gtable td.tddown {
  vertical-align: top;
  }  
div#centerCol div.content div.box table.gtable td.tddown img {
  margin: 4px 0 0 0;
  }  

/* ### begin: special offers ### */
div#centerCol div.content div.box table.gtable p.offerdays {
  padding: 2px 0 2px 4px;
  font-weight: bold;
  border-bottom: 1px solid #6399C1;
  font-size: 1.1em;
  }
div#centerCol div.content div.box table.gtable td.spicon {
	vertical-align: top;
  }   
div#centerCol div.content div.box table.gtable td.spicon img {
  width: 32px;
  height: 32px;
  margin: 4px 0 0 0;
  }
div#centerCol div.content div.box table.gtable td.tdoffername {
  padding: 0 0 0 10px;
  }
div#centerCol div.content div.box table.gtable td.tdofferpercent {
  width: 90px;
  text-align: center;
  }
div#centerCol div.content div.box table.gtable td.tdoffercode {
  padding: 0 0 0 40px;
  }
                                    
/* ### end: special offers ### */


/* ### begin: filter.php ### */
div#centerCol div.content div.box table.filter {
	background-color: fff;
	}
div#centerCol div.content div.box table.filter td {
	text-align: center;
  /* border: 1px solid #ff0000; */
  }
/* ### end: filter.php ### */

/* ### end: table elements */
    
/* ### end: gtable ### */

div#centerCol div.content div#breadcrumbs {
	height: 20px;
	margin: 4px 0 0 4px;
	}
div#centerCol div.content div.googlead {
  margin: 30px 0 20px 0;
  text-align: center;
  }

/* ### end: all center boxes ### */
/* ############################# */

/* ############################# */
/* ### begin: index_main.php ### */

/* begin: banner section */
div#centerCol div.bannerwrapper {
	/* height: 78px; */
	height: 68px;
	padding: 0;
	position: relative;
	}
div#centerCol div.bannerleft {
	/* width: 163px; */
  width: 152px; 
	}
div#centerCol div.bannercenter {
	/* width: 163px; */
  width: 152px; 
	top: 0;
	/* left: 166px */
	left: 172px;
	position: absolute; 
	}
div#centerCol div.bannerright {
	/* width: 163px; */
	width: 152px; 
	top: 0;
	right: 0;
	position: absolute; 
	}
/* end: banner section */

/* begin:software tipp box */
div#centerCol div.content div.tipp div.text {
	padding: 4px;
	}
div#centerCol div.content div.tipp div.text h2 {
	padding: 2px 0 4px 0;
	font-size: 1.2em;
	}
div#centerCol div.content div.tipp div.text p.subtitle {
	font-weight: bold;
	}			
div#centerCol div.content div.tipp div.text img {
	float: right;
	}
/* end:software tipp box */

/* begin:software box */
div#centerCol div.content div.software {
	}
div#centerCol div.content div.software div.left {
	width: 244px;
	border: 1px solid #6399C1;
	background-color:#E7F2FF;
	float: left;
	}
html>body div#centerCol div.content div.software div.left {
  width: 242px;
  } 	
div#centerCol div.content div.software div.right {
	width: 244px;
	border: 1px solid #6399C1;
	background-color:#E7F2FF;
	float: right;
	}
html>body div#centerCol div.content div.software div.right {
  width: 242px;
  } 	
div#centerCol div.content div.software ul {
	margin: 0;
	padding: 2px 4px;
	list-style: none;
	}
div#centerCol div.content div.software li {
	min-height: 34px;
	height: auto !important;  /* current browsers */
	height: 34px;  /* IE */
	margin: 0 0 4px 0;
	border-bottom: 1px solid #ccc;	
	}
div#centerCol div.content div.software h2 {
	padding: 0 4px 2px 4px;
	background-color: #E7F2FF;
	}
div#centerCol div.content div.software p {
	min-height: 34px;
	padding: 0 4px 4px 4px;
	background-color: #E7F2FF;
	}
div#centerCol div.content div.software img {
	margin: 2px 4px 0 4px;
	float: left;
	}	
/* end:software box */

/* begin: categories box index.php */
div#centerCol div.content div.categories {
	}
div#centerCol div.content div.categories div.text {
	padding: 0;
	border-left: 1px solid #6399C1;
	border-right: 1px solid #6399C1;
	border-bottom: 1px solid #6399C1;
	}
div#centerCol div.content div.categories div.left {
	width: 244px;
	padding: 0 0 0 2px;	
	border: 1px solid #fff;
	float: left;
	}
html>body div#centerCol div.content div.categories div.left {
  width: 240px;
  } 
div#centerCol div.content div.categories div.right {
	width: 244px;
	padding: 0 2px 0 0;		
	border: 1px solid #fff;
	float: right;	
	}
html>body div#centerCol div.content div.categories div.right {
  width: 240px;
  } 	
div#centerCol div.content div.categories p {
	margin: 0;
	padding: 0;
	line-height: 1.1em;
	/* border-left: 1px solid #e7f2ff;
	border-right: 1px solid #e7f2ff;
	border-bottom: 1px solid #e7f2ff; */
	background-color: e7f2ff;
	}
div#centerCol div.content div.categories p.cattheme {
	padding: 2px 4px;
	display: block;
	background-color: #e7f2ff;
	}
div#centerCol div.content div.categories p.cat {
	padding: 0 4px 4px 4px;
	display: block;
	}
div#centerCol div.content div.categories p.cat a {
	font-weight: normal;
	}

div#centerCol div.content div.categories div.right p {
	text-align: right;
	}
/* end:categories index.php box */

/* begin:contribmain box index.php */
div#centerCol div.content div.contribmain {
	}
div#centerCol div.content div.contribmain div.text {
	padding: 4px;
	border-left: 1px solid #6399C1;
	border-right: 1px solid #6399C1;
	border-bottom: 1px solid #6399C1;
	}
div#centerCol div.content div.contribmain div.text ul {
	margin: 0;
	list-style: none;
  } 
div#centerCol div.content div.contribmain div.text img {
  margin: 4px 8px 0 0;
  float: left;
  }
div#centerCol div.content div.contribmain div.text h2 {
	width: 380px;
	margin: 0;
	padding: 2px 0 0 0;
	font-size: 1.1em;
  float: left;
	}
div#centerCol div.content div.contribmain div.text h3 {
	width: 380px;
	font-size: 1.0em;
  float: left;
  }	
div#centerCol div.content div.contribmain div.text p {
	width: 380px;
	float: left;
	}

/* end:contribmain box */

/* ### end: index_main.php ### */
/* ############################# */


/* ########################## */
/* ### begin: other pages ### */

/* begin: impressum.php box */
div#centerCol div.content div.impressum { }	
div#centerCol div.content div.impressum div.left { width: 232px; }  
div#centerCol div.content div.impressum div.right { width: 232px; }
/* end: impressum.php box */

/* begin: cat/xxx.php box */
div#centerCol div.content div.cat {
  } 
div#centerCol div.content div.cat div.fleft {
  width: 150px;
  border-top: 1px solid #ccc;
  }
div#centerCol div.content div.cat div.fright {
  width: 330px;
  padding: 0 0 6px 0;
  border-top: 1px solid #ccc;  
  }
/* end: cat/xxx.php box */


/* begin: user-login.php box */
div#centerCol div.content div.box div.login h1 {
	margin: 0;
	padding: 2px 4px 4px 4px;
	background-color: #6399C1;
	color: #fff;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 100%;
	}
div#centerCol div.content div.box div.login {
	margin: 0;
	padding: 0;
	border: 1px solid #ccc;
	}
div#centerCol div.content div.box div.login form {
	margin: 30px 0 20px 50px;
	padding: 0;
	}
div#centerCol div.content div.box div.login label {
	width: 110px;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
	}
div#centerCol div.content div.box div.login input {
	margin: 0;
	padding: 0;
	}
/* end:user-login.php box */

/* begin: user-apply.php box */
div#centerCol div.content div.box div.apply h1 {
  padding: 2px 4px 4px 4px;
  background-color: #6399C1;
  color: #fff;
  font-size: 1.1em;
  font-weight: bold;
  line-height: 100%;
  }
div#centerCol div.content div.box div.apply form {
  margin: 30px 0 20px 50px;
  }
div#centerCol div.content div.box div.apply label {
  width: 110px;
  display: block;
  float: left;
  }
div#centerCol div.content div.box div.apply input {
  }
/* end:user-apply.php box */

/* begin: showstory.php / shownews.php box */
div#centerCol div.content div.story,
div#centerCol div.content div.news,
div#centerCol div.content div.tips {
  font-size: 1.1em;
  line-height: 1.4em;
  }
div#centerCol div.content div.story h1,
div#centerCol div.content div.news h1,
div#centerCol div.content div.tips h1 {
  font-size: 1.0em;
}  
div#centerCol div.content div.story h2,
div#centerCol div.content div.news h2,
div#centerCol div.content div.tips h2 {
  margin: 0;
  padding: 18px 0 6px 0;
  font-size: 1.2em;
}
div#centerCol div.content div.story h3,
div#centerCol div.content div.news h3,
div#centerCol div.content div.tips h3 {
  margin: 0;
  padding: 0 0 6px 0;
  } 
div#centerCol div.content div.story p,
div#centerCol div.content div.news p,
div#centerCol div.content div.tips p {
  margin: 0 0 8px 0;
  }   
div#centerCol div.content div.story img,
div#centerCol div.content div.news img,
div#centerCol div.content div.tips img {
  margin: 8px;
  /* border: 1px solid #333; */
  }   
div#centerCol div.content div.story p.morelong img,
div#centerCol div.content div.news p.morelong img,
div#centerCol div.content div.tips p.morelong img {
  margin: 0;
  border: 0;
  }     
/* end: showstory.php / shownews.php box */

/* begin: shownews.php box */
div#centerCol div.content div.news p.newsletter,
div#centerCol div.content div.tips p.newsletter {
  text-align: right;
  }
div#centerCol div.content div.news div.xml {
	margin: 0 0 20px 0;
	height: 18px;
  text-align: right;
  position: relative;
}
div#centerCol div.content div.news p.xmlimg {
  top: 0;
  right: 90px;
  text-align: right;
  position: absolute;
  }
div#centerCol div.content div.news p.xmlimg img,
div#centerCol div.content div.news p.back img {
	padding: 0;
  }
div#centerCol div.content div.news p.xmltext {
  top: 0;
  right: 0;
  position: absolute;
  }   
/* end: shownews.php box */

/* begin: addnews.php box */
div.addnews div.addnewstext {
  padding: 2px 8px 0 8px;
  }
div.addnews div.addnewstext form {
  margin: 8px 0 8px 12px;
  padding: 0;
  }  
div.addnews div.addnewstext label {
  width: 110px;
  display: block;
  float: left;
  } 
div.addnews div.addnewstext input {
  }    
/* end: addnews.php box */


/* begin: search.php box */
div.search h2 {
  margin: 6px 0 4px 0;
  padding: 3px 4px 5px 4px;
  background-color: #6399C1;
  color: #fff;
  font-size: 1.0em;
  font-weight: bold;
  line-height: 100%;
  }
div.search ul {
	margin: 0;
	list-style: none;
  }
div.search li img {
	width: 32px;
	height: 32px;
	padding: 0 4px 0 0;
  } 
/* end: search.php box */

/* begin: searchext.php box */
div#centerCol div.content div.searchext {
  }
div#centerCol div.content div.searchext p.exttitle {
  margin: 4px 0 4px 4px;
  font-size: 1.1em;
  }
div#centerCol div.content div.searchext h2 {
  padding: 2px 4px; 
  background-color: #E7F2FF;
  font-weight: bold;
  }
div#centerCol div.content div.searchext ul {
  margin: 0;
  list-style: none;
  }
div#centerCol div.content div.searchext p.nitem {
  margin: 0 4px 4px 4px;
  }    
/* end: searchext.php box */

/* ### end: other pages ### */
/* ########################## */


/* ########################### */  
/* ### begin: right Column ### */

div#rightCol div.box {
  margin: 0 0 6px 0;
  }
div#rightCol div.box h1 {
  padding: 3px 4px 5px 4px;
  background-color: #6399C1;
  color: #fff;
  font-size: 1.1em;
  font-weight: bold;
  line-height: 100%;  
  }	

/* begin:tippad box */
div#rightCol div.tippad {
  }
div#rightCol div.tippad img {
  margin: 4px 0 0 0;
  }
div#rightCol div.tippad iframe {
  margin: 4px 0 0 0;
  }
/* end:tippad box */

/* begin:news box */
div#rightCol div.news {
  margin: 6px 0 0 0;
  }
div#rightCol div.news ul {
	margin: 0;
	list-style: none;
  padding: 0 2px 0 4px;
  } 
div#rightCol div.news li {
  padding: 0 0 12px 0;
  }
/* end:news box */

/* begin: stories box */
div#rightCol div.box p.stories {
  padding: 4px 4px;
  }
/* begin: stories box */

/* begin:contrib box */
div#rightCol div.contrib {
  margin: 6px 0 0 0;
  }
div#rightCol div.contrib ul {
	margin: 0;
  padding: 0 2px 0 4px;
  list-style: none;
  } 
div#rightCol div.contrib li {
  padding: 0 0 8px 0;
  }
/* end:contrib box */

/* ### end: right Column ### */
/* ######################### */