@CHARSET "UTF-8";


/* Formulare */
@import "formulare.css";

/* Hosting */
@import "hosting.css";

/* Tooltip */
@import "tooltip.css";

/* Buttons */
@import "buttons.css";

/* Statusmedlungen */
@import "statusnotes.css";

/* Krishanletter */
@import "krishan.css";


/* DOM */ * {
    font-family: Verdana, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #4b4b4b;
    /* text-align: left;
     vertical-align: top; */
}

body {
    margin: 0px;
    padding: 0px;
    background: url(../images/tocache/bg.png) #d1d0d1 top repeat-x;
}

/*Standardlinks*/
a {
    color: #4b4b4b;
    text-decoration: none;
}

a:hover {
    color: #0047b2;
    text-decoration: underline;
}

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

img {
    border: 0;
}

b {
	font-weight: bold;
}

/* ID DIV-Layer */

div#ContentBox {
	width: 1000px;
	margin: auto;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 0px;
	background-color: #FFFFFF;
}

div#Content {
	padding: 0px;
	margin: 0px;
	width: 1000px;
	height: 100%;	
}

div#Footer {
	clear: both;
	display: block;
	width: 962px;
	height: 100px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding: 20px;
	background-color: #10318B;
	background: transparent url('../images/tocache/bottom_pattern.png') repeat-x;
}

div#TopBar {
	padding-left: 5px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	font-size: 10px;
	color: #00000;
	text-align: right;
	background-color: #FFFFFF;
}

div#TopBar a {
	font-weight: normal;
	font-size: 10px;	
	color: #3b3b3b;
	text-decoration: underlined;
}

div#TopBar a:visited {
	font-weight: normal;
	font-size: 10px;
	color: #3b3b3b;
	text-decoration: n;
}

div#TopBar a:active {
	font-weight: normal;
	font-size: 10px;
	color: #0000FF;
	text-decoration: none;
}

div#TopBar a:hover {
	font-weight: normal;
	font-size: 10px;
	color: #0000FF;
	text-decoration: none;
}

div#Logo {
	width: 100%;
	display: block;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0px;
}

div#Logo a, div#Logo img {
	text-decoration: none;
	border-style: none;
}


/* Hauptnavigation */

div#Nav {
	width: 992px;
	height: 40px;
	padding-left: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	-moz-border-radius: 8px;
	background: transparent url(../images/tocache/nav_bg.png) top left repeat-x;
}

div#Nav a {
	display: block;
	float: left;
	text-decoration: none;
	padding-top: 12px;
	padding-left: 30px;
	padding-bottom: 0px;
	padding-right: 30px;
	height: 40px;
	font-size: 13px;
	cursor: pointer;
	color: #fff;
}

div#Nav a:hover, div#Nav a.on {
	text-decoration: none;
	height: 40px;
	background: transparent url(../images/tocache/nav_bg_on.png) top left repeat-x;
	color: #fff;
}

/* Seitennavigation */

div#SubNav {
	width: 192px;
	float: left;
	padding: 20px;
	text-align: left;
}

div#SubNav > a {
	margin-top: 50px;
	display: block;
	color: #0000ff;
}

div#SubNav h3 {
	font-weight: bold;
}

div#SubNav ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	list-style-position: inside;	
}

div#SubNav ul li {
	font-size: 12px;
	color: #3b3b3b;
	margin-left: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	line-height: 25px;
	text-intend: 10px;
	border-bottom: solid 1px #c5c5c5;
}

div#SubNav ul li a {
	color: #3b3b3b; 
	text-decoration: none;
}

div#SubNav ul li a:hover {
	font-weight: bold; 
	text-decoration: none;
}

div#SubNav ul li a:active {
	color: #3b3b3b; 
	text-decoration: none;
}

div#SubNav ul li a.on, div#SubNav ul li a.on:hover, div#SubNav ul li a.on:active {
	font-weight: bold; 
	text-decoration: none;
}


/* Teaserbox */
div#TeaserBox {
	width: 98%;	
	height: 213px;
	margin-left: 10px;
	margin-top: 7px;
	margin-right: 5px;
	margin-bottom: 7px; 
	border: 1px solid #c5c5c5;	
	-moz-border-radius: 5px;	
}

div#Teaser {
	float: left;
	padding: 0px;
	width: 50%;
	height: 100%;
	background: transparent url(../images/teaser_startseite.png) top left no-repeat;
}

div#Teaser h1 {
	font-family: Times,serif;
	font-size: 25px;
	font-weight: bold;
	color: #3b3b3b;
	text-align: justify;
	vertical-align: top;
	margin-left: 20px;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;	
}

div#Teaser h3 {
	font-family: Times,serif;
	font-size: 14px;
	font-weight: bold;
	color: #3b3b3b;
	text-align: left;
	vertical-align: top;
	line-height: 15px;	
	margin-left: 20px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0px;		
}

div#Box {
	padding: 0px;
	with: 50%;
	height: 100%;
	background: #F3F3F3 url(../images/tocache/box.png) top left repeat-x;	
}

div#TopOffer {
	display: block;
	height: 99%;
	width: 340px;
	float: left;
}
div#TopOffer div {
	margin-left: 0px;
	margin-top: 30px;
	margin-right: 5px;
	margin-bottom: 0px;
	float: left;
}

div#TopOffer span.price {
	line-height: 25px;
	font-size: 13px;
	font-weight: bold;
}

div#TopOffer h2 {
	font-size: 13px;
	font-weight: bold;
	color: #3b3b3b;
	text-align: left;
	vertical-align: top;
	line-height: 8px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

img#ShopLink {
	z-index: 2;
	position: relative; 
	top: 95px;
	left: 9px;
}

img#PostIt {
	z-index: 2; 
	position: relative; 
	left: 285px; 
	top: -190px;	
}


/* Klassen */

.clear {
	clear: both;
}

.rgt {
	text-align: right;
}

span.center {
	display: block;
	text-align: center;
}

.itempic {
	float: left;
	margin: 5px;
}

/* Boxen allgemein */
.box {
	min-height: 196px; /* 154px; */
	margin-left: 10px;
	margin-top: 7px;
	margin-right: 5px;
	margin-bottom: 7px; 
	padding: 20px;
	border: 1px solid #c5c5c5;	
	-moz-border-radius: 5px;
	background: #FFF url(../images/tocache/box.png) bottom left repeat-x;		
}

.box h1 {
	font-size: 15px;
	font-weight: bold;
	color: #3b3b3b;
	text-align: left;
	vertical-align: top;
	line-height: 15px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	padding-left: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;	
}

.box h2 {
	font-size: 15px;
	font-weight: bold;
	color: #3b3b3b;
	text-align: left;
	vertical-align: top;
	line-height: 15px;	
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
}

.box h3 {
	font-size: 13px;
	font-weight: bold;
	color: #3b3b3b;
	text-align: left;
	vertical-align: top;
	line-height: 15px;	
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	padding: 0px;		
}

.box h4 {
	font-size: 12px;
	font-weight: bold;
	color: #3b3b3b;
	text-align: left;
	vertical-align: top;
	line-height: 10px;	
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0px;			
}

.box p {
	clear: both;
	font-size: 12px;
	font-weight: normal;	
	text-align: justify;
	vertical-align: top;	
}

.box img.titleicon {
	float: left;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 5px;
}

.box span.price {
	display: block;
	width: 100%;
	text-align: center;
	line-height: 25px;
	font-size: 16px;
	color: #3b3b3b;
	font-weight: bold;
}

/* Spalten allgemein */

.column {
	margin-left: 10px;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 10px; 
	padding: 20px;
}

.column > h1 {
	font-size: 15px;
	font-weight: bold;
	color: #3b3b3b;
	text-align: left;
	vertical-align: top;
	line-height: 15px;	
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	border-bottom: solid 1px #c5c5c5;
}

.column h2 {
	font-size: 14px;
	font-weight: bold;
	color: #3b3b3b;
	text-align: left;
	vertical-align: top;
	line-height: 15px;	
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
}

.column h3 {
	font-size: 13px;
	font-weight: bold;
	color: #3b3b3b;
	text-align: left;
	vertical-align: top;
	line-height: 15px;	
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	padding: 0px;		
}

.column h4 {
	font-size: 12px;
	font-weight: bold;
	color: #3b3b3b;
	text-align: left;
	vertical-align: top;
	line-height: 10px;	
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0px;			
}

.column p {
	clear: both;
	font-size: 12px;
	font-weight: normal;	
	text-align: justify;
	vertical-align: top;	
}

.column img.teaser {
	margin-left: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 20px;
}


/* Detailklassen für Boxen und Spalten */

.hostbox {
    width: 200px;
	min-height: 196px;
	float: left;
    margin-left: 10px;
    margin-top: 7px;
    margin-right: 5px;
    margin-bottom: 30px; 
    padding: 0px;
    border: 1px solid #c5c5c5;  
    -moz-border-radius: 5px;
    background: #FFF url(../images/tocache/box.png) bottom left repeat-x;       
}

.hostbox h1 {
    font-size: 15px;
    font-weight: bold;
    color: #3b3b3b;
    text-align: left;
    vertical-align: top;
    line-height: 10px;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
    padding-left: 0px;
    padding-top: 10px;
    padding-right: 0px;
    padding-bottom: 10px;   
}

.hostbox .content {
	display: block;	
	min-height: 170px;
	padding: 10px;
}

.hostbox .footer {
	display: block;
	vertical-align: bottom;
	height: 26px;
	padding: 10px;
	border-top: 1px solid  #c5c5c5;
}

.hostbox span.price {
    line-height: 20px;
    font-size: 12px;
    color: #3b3b3b;
    font-weight: bold;
}

.w25 {	
	width: 192px;	
	float: left;
}

.w25 a {
	text-decoration: none;
}


.w35 {
	padding: 20px;
	width: 300px;
	float: left;
}

.w50 {
	padding: 20px;
	width: 441px;
	float: left;
}

.w75 {
	padding: 20px;
	width: 641px;
	float: left;
}

.w100 {
	width: 938px;		
}

.w100 span {
	margin-left: 10px;
	float: left;
}