/***
 * Defaults
***/

body {
	padding: 15 0 0 0px;
	margin: 0;
	/*height: 100%;*/
	font-family: Arial,Helvetica,Verdana; 
	font-size: 13px;
	}

td {
	font-family: Arial,Helvetica,Verdana; 
	font-size: 13px;
	}

form {
	display: inline;
	}

select, textarea, input {
	font-family: Arial,Helvetica,Verdana;
	font-size: 13px;
	}

a {
	color: #1b4e85;
	text-decoration: underline;
	outline: none;
	}
		
a:hover, a:active {
	color: #0d2743;
	text-decoration: underline;
	}


/***
 * Texte
***/

.textkl {
	font-size: 11px;
	}

.errortext {
	color: #dd0000;
	font-size: 11px;
	padding: 2 0 2 0px;
	}

.red {
	color: #dd0000;
	}

.green {
	color: #008000;
	}

.blue {
	color: #004fc0;
	}

.grey {
	color: #999999;
	}

.mark {
	background: #dbebf3;
	}

.weit {
	line-height: 140%;
	letter-spacing: 1px;
	}

.right {
	text-align: right;
	}



/***
 * Seitentitel
***/

.pagetitel {
	font-family: Arial,Helvetica,Verdana;
	font-size: 18px;
	font-weight: bold;
	color: #3d77cb;
	padding-bottom: 5px;
	border-bottom: 1px dashed #dddddd;
	margin-bottom: 18px;
	}

.pagetitel .subtitel {
	color: #000000;
	font-size: 13px;
	font-weight: normal;
	}



/***
 * Layout
***/

#maincon {
	width: 990px;
	/*min-height: 2200px;*/
	height: 100%;
	}

#leftcon {
	float: left;
	width: 160px;
	min-height: 2000px;
	/*text-align:left;*/
	background: #bddfff url("../images/back_left.gif") repeat-y;
	}

#content {
	float: left;
	width: 640px;
	text-align: left;
	background: #ffffff;
	margin: 12px;
	}

#rightcon {
        float: left;
        width: 166px;
        /*height: 100%;*/
        min-height: 2000px;
        text-align: center;
	background: #f7f7f7 url("../images/back_right.gif") repeat-y;
	}


.listprem {
	padding-left: 20px;
	background: url("../images/icons/premium.png") top left no-repeat;
	}

.trennlinie {
	border-bottom: 1px dotted #cccccc;
	margin-bottom: 13px;
	}


/***
 * My Account
***/

#mynav a {
	float: left;
	margin: 0 2 0 0px;
	padding: 3 10 3 10px;
	font-size: 12px;
	text-decoration: none;
	color: #000000;
	background: #eeeeee;
	border-top: 1px solid #808080;
	border-left: 1px solid #808080;
	border-right: 1px solid #808080;
	}
	
#mynav a:hover, #mynav .active {
	color: #ffffff;
	background: #808080;
	text-decoration: none;
	}
	
#mynav table {
	border-bottom: 2px solid #808080;
	}


/***
 * Balken
***/

#balken {
	border: 2px solid #808080;
	background: #FFFFFF url("../images/back_balken.gif") repeat-x;
	padding: 12px;
	}


/***
 * Rubrik-Navigation
***/

#rubriknavi {
	font-size: 13px;
	color: #000000;
	}

#rubriknavi .grau {
	background: #f4f6f8 url("../images/menu_back_punkte.gif") top left no-repeat;
	padding:4px 3px 2px 4px;
	}

#rubriknavi .weiss {
	background: #ffffff url("../images/menu_back_punkte.gif") top left no-repeat;
	padding:4px 3px 3px 4px;
	}
	
#rubriknavi .trans {
	background: url("../images/menu_back_punkte.gif") top left no-repeat;
	padding:4px 3px 3px 4px;
	}

#rubriknavi .rot {
	background: #c00000 url("../images/menu_back_punkte.gif") top left no-repeat;
	color: #ffffff;
	padding:4px 3px 2px 4px;
	}

#rubriknavi a {
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	}

#rubriknavi a.top {
	color: #dd0000;
	text-decoration: none;
	}

#rubriknavi a:hover {
	background: #95ceff;
	text-decoration: underline;
	}

#rubriknavi .grau a:hover {
	background: #e0e5ec;
	text-decoration: underline;
	}

#rubriknavi .rot a {
	color: #ffffff;;
	}

#rubriknavi .rot a:hover {
	background: #a00000;
	text-decoration: underline;
	}

#rubriknavi .weiss a:hover {
	background: #eeeeee;
	text-decoration: underline;
	}

#rubriknavi #current a {
	background: #dddddd;
	font-weight: bold;
	}


/***
 * Unter-Navigation
***/

.subnavi {
	border-top: 1px solid #d3dae4;
	}

.subnavi table {
	width: 100%;
	}

.subnavi td {
	background: #f4f6f8;
	border-bottom: 1px solid #d3dae4;
	padding: 4 2 4 4px;
	}

.subnavi a {
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	}

.subnavi a:hover {
	text-decoration: underline;
	}


/***
 * Seiten-Navigation
***/

#seitennavi a {
	display: block;
	padding: 3 7 3 7px;
	border: 1px solid #cccccc;
	text-decoration: none;
	}

#seitennavi a:hover {
	background: #ccddff;
	}

#seitennavi #current a {
	background: #ccddff;
	font-weight: bold;
	}


/***
 * Tabs
***/

.tabs a {
	float: left;
	margin: 0 2 0 0px;
	padding: 3 10 3 10px;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	}

#tabs_grau a {
	font-size: 14px;
	padding: 4 12 4 12px;
	color: #000000;
	background: #dddddd;
	border-top: 1px solid #808080;
	border-left: 1px solid #808080;
	border-right: 1px solid #808080;
    	}

#tabs_grau a:hover, #tabs_grau .active {
	color: #ffffff;
	background: #808080;
	}

#tabs_blau a {
	color: #000000;
	background: #cee8f4;
	border-top: 1px solid #7db8d9;
	border-left: 1px solid #7db8d9;
	border-right: 1px solid #7db8d9;
    	}

#tabs_blau a:hover, #tabs_blau .active {
	color: #ffffff;
	background: #7db8d9;
	}

#tabs_rot a {
	float: right;
	margin: 0px;
	font-size: 14px;
	padding: 4 12 4 12px;
	color: #ffffff;
	background: #c00000;
	border-top: 1px solid #c00000;
	border-left: 1px solid #c00000;
	border-right: 1px solid #c00000;
    	}

#tabs_rot a:hover, #tabs_rot .active {
	color: #ffffff;
	background: #f00000;
	}



/***
 * Ajax Content
***/

#ajaxcontent {
    border: 3px solid #7db8d9;
    padding: 8px;
    }

#ajaxloading {
    position: absolute;
    padding: 8px;
    color: #ff0000;
    border: 1px solid #dddddd;
    background: #ffffff;
    /*opacity: 0.9;*/
    }
    


/***
 * Info Box
***/

.infobox {
	border: 2px solid #0070cc;
	background: #f5f5f5;
	padding: 15 10 15 10px;
	margin-bottom: 15px;
	}

.infobox .inhalt {
	padding: 0 0 0 25px;
	background: url("../images/icons/info.png") no-repeat left top;
	font-weight: bold;
	}



/***
 * Error Box
***/

.errorbox {
	border: 2px solid #dd0000;
	background: #f5f5f5;
	padding: 15 10 15 10px;
	margin-bottom: 15px;
	}
	
.errorbox .inhalt {
	padding: 0 0 0 25px;
	background: url("../images/icons/error.png") no-repeat left top;
	font-weight: bold;
	}



/***
 * Blaue Box
***/

.bluebox {
	background: #eaf3f8;
	font-size: 12px;
	border: 1px solid #cce2ee;
	padding: 8px;
	}

.bluebox .titel {
	font-weight: bold;
	}

.bluebox a {
	color: #333333;
	font-size: 12px;
	text-decoration: underline;
	}

.bluebox a:hover {
	color: #3d77cb;
	}



/***
 * Weisse Box
***/

.whitebox {
	background: #ffffff;
	border: 1px solid #dddddd;
	padding: 10px;
	}



/***
 * Graue Box
***/

.greybox {
	background: #f4f6f8;
	border: 1px solid #d3dae4;
	padding: 10px;
	}



/***
 * Auflistungs Box
***/

#listbox table {
	width: 100%;
	background: #ffffff;
	border-collapse: collapse;
	border: 1px solid #aaaaaa;
	}

#listbox thead td {
	/*background: #e5e5e5;*/
	background: #555555;
	border: 1px solid #555555;
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
	}

#listbox thead a {
	color: #FFFFFF;
	text-decoration: underline;
	}

#listbox thead a:hover {
	color: #DDDDDD;
	}

#listbox td {
	padding: 4 6 4 6px;
	font-family: Arial,Helvetica,Verdana;
	font-size: 12px;
	border-top: 1px solid #cccccc;
	}

#listbox .linkrechts {
	text-align: right;
	padding: 5px;
	color: #333333;
	font-size: 12px;
	}

#listbox .row1 {
	background: #ffffff;
	}

#listbox .row2 {
	background: #f7f7f7;
	}



/***
 * Formulare
***/

#formular table {
	width: 100%;
	font-size: 12px;
	}

#formular td {
	padding: 2 10 2 10px;
	color: #333333;
	}

#formular .input2 {
	border: 1px solid #cccccc;
	background: #ffffff;
	height: 23px;
	color: #666666;
	font-weight: bold;
	padding: 2 2 2 2px;	
	}

.input1 {
	border: 1px solid #cccccc;
	background: #ffffff;
	height: 23px;
	color: #666666;
	font-weight: bold;
	padding: 2 2 2 22px;
	}



/***
 * Bookmarking
***/

.social table {
    border: 1px solid #dddddd;
    }

.social td {
    font-size: 11px;
    color: #999999;
    padding: 5px;
    }



/***
 * Geschenkideen
***/

.idee .table {
    border: 1px solid #eeeeee;
    background: #f8f8f8;
    color: #666666;
    font-size: 12px;
    }

.idee .titel {
    color: #fb742a;
    font-size: 14px;
    font-weight: bold;
    }

.idee a {
    color: #fb742a;
    text-decoration: none;
    }