/*
	-- -- -- -- -- -- --
	(c) archo / esportdesign
	-- -- -- -- -- -- --
	
*/


/* -- Basic HTML Elements, body, input, textfield, select, imageborder -- */

body {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background-color: #000;
	background-image: url(gfx/uhrwerk_07.jpg);
	}
					a { 
						text-decoration: none; 
						color: #004381;
						}
						
					a:hover { 
						text-decoration: underline; 
						color: #ff6600;		
}
					a:active { 
						text-decoration: underline; 
						color: #ff6600;	
						}
input, textarea, select {
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #F4F4F4;
}
.image {
	border: 0px;
	}

/* -- areas -- */

/* -- global legt breite und bg der gesamten seite fest -- */

.global {
	width: 998px;
	background-color: #CCCCCC;
}

/* -- leftborder und rightborder sind die raender aussen -- */

.leftborder {
	background-image: url(gfx/orthos_01.jpg);
}
.rightborder {
	background-image: url(gfx/orthos_03.jpg);
}

/* -- left legt bg der linken spalte fest -- */

.left {
	vertical-align: top;
	background-color: #171717;
}

/* -- right legt bg der rechten spalte fest -- */

.right {
	vertical-align: top;
	background-image: url(gfx/orthos_08.jpg);
}

/* -- content legt das padding und align fuer die mittlere spalte fest -- */

.content {
	vertical-align: top;
	padding-left: 5px; padding-right: 5px; padding-bottom: 10px;
}

/* -- table layout classes -- */

.base0 {
	padding: 3px;
}
.base1 {
	background-image: url(gfx/bgtab.gif);
	background-repeat: repeat-x;
	background-color: #F9F9F9;
	padding: 3px;

}
.base2 {
	background-image: url(gfx/bgtab.gif);
	background-repeat: repeat-x;
	background-color: #F1F1F1;
	padding: 3px;

}
.title {
	background-color: #333333;
	padding: 4px;
	color: #F4F4F4;
	background-image: url(images/bg_box_2.gif);
	border-top: 0px solid; border-right: 0px solid; border-bottom: 1px solid #000; border-left: 0px solid;
}
					.title a {
						font-weight: bold;
						color: #FFF;
						text-decoration: underline;
					}
					.title a:hover, a:active {
						color : #FFA200;
						text-decoration : underline;
					}


.title2 {
	color: #000000;
	padding-left: 4px; padding-right: 3px; padding-bottom: 3px; padding-top: 3px; 
	background-color: #CCCCCC;
}
.box {
	background-color: #F4F4F4;
	border: 1px solid #333333;
	padding: 3px;
	margin: 1px;
}
.sub {
	background-color: #CCCCCC;
	border-top: 0px solid; border-right: 0px solid; border-bottom: 1px solid #333333; border-left: 0px solid;
}
.button {
	font-weight: bold;
	font-size: 9px;
	color: #FFF;
	padding: 2px;
	background-image: url(images/bg_button.gif);
	border-top: 1px solid #111111; border-right: 1px solid #333333; border-bottom: 1px solid #111111; border-left: 1px solid #333333;
}
					.button a {
						color: #FFF;
						text-decoration: none;
					}
					.button a:hover, a:active {
						color : #FFF;
						text-decoration : underline;
					}
.navhead {
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 7px;
}
.navelement {
	color: #999999;
	font-size: 10px;
	padding-left: 25px;
		font-weight: bold;
}
					.navelement a {
						color: #000000;
						text-decoration: none;
					}
					.navelement a:hover, a:active {
						color : #646464;
						text-decoration : none;
					}
.buttonactive {
	background-image: url(gfx/bg2.gif);
	border-top: 1px solid #2e2e2e; border-right: 1px solid #4c4c4c; border-bottom: 1px solid #717171; border-left: 1px solid #4c4c4c;
	padding: 2px;
	font-weight: bold;
	font-size: 11px;
}
.buttoninactive {
	background-image: url(gfx/bg1.gif);
	border-top: 1px solid #285379; border-right: 1px solid #1b2e3f; border-bottom: 1px solid #1b2e3f; border-left: 1px solid #1b2e3f;
	padding: 2px;
	font-weight: bold;
	font-size: 11px;
}
		.buttoninactive a {
					color: #bfcbd6;
					text-decoration:none; 	
					}
		.buttoninactive a:hover, a:active {
						color : #70A1CF;
						text-decoration : underline;
					}

/* -- typo classes -- */

.head {
	font-size: 14px;
	color: #004381;
	font-weight: bold;
}
					.head a {
						color: #dd0a00;
						text-decoration: none;
					}
					.head a:hover, a:active {
						color : #dd0a00;
						text-decoration : underline;
					}
.headbig {
	font-size: 18px;
	color: #767676;
	font-weight: bold;
}
.linkred {
	font-size: 10px;
}
					.linkred a {
						font-weight: bold;
						color: #dd0a00;
						text-decoration: none;
					}
					.linkred a:hover, a:active {
						color : #dd0a00;
						text-decoration : underline;
					}
.linksmall {
	font-size: 10px;
}
					.linksmall a {
						font-weight: bold;
						color: #383838;
						text-decoration: none;
					}
					.linksmall a:hover, a:active {
						color : #70100c;
						text-decoration : underline;
					}
.logged {
	font-size: 10px;
	color: #FFF;
}
					.logged a {
						font-weight: bold;
						color: #d9d9d9;
						text-decoration: none;
					}
					.logged a:hover, a:active {
						color : #FFF;
						text-decoration : none;
					}
.small {
	font-size: 10px;
	color: #333333;
}
.green {
	color: #228800;
}
					.green a {
						color: #228800;
						text-decoration: none;
					}
					.green a:hover, a:active {
						color : #228800;
						text-decoration : underline;
					}
.orange {
	color: #E9B500;
}
.red {
	color: #dd1100;
}
					.red a {
						color: #dd1100;
						text-decoration: none;
					}
					.red a:hover, a:active {
						color : #dd1100;
						text-decoration : underline;
					}

.outer {
	font-weight: bold;
}
					.outer a {
						text-decoration: none;
					}
					.outer a:hover, a:active {
						color : #767676;
						text-decoration : none;
					}

/* -- individual classes -- */

.box1head {
	color: #FCFCFC;
	font-weight: bold;
	padding-left: 25px;
}

.barhead {
	color: #FCFCFC;
	font-size: 10px;
	padding-left: 5px;
}
.barelement {
	color: #999999;
	padding-left: 10px;
}
					.barelement a {
						color: #FCFCFC;
						text-decoration: none;
					}
					.barelement a:hover, a:active {
						color : #FFA200;
						text-decoration : none;
					}

.barelement table {
	border-collapse:collapse;
}

.barelement .base1 {
	background-color: transparent;
	padding-bottom: 3px;
	border-top: 1px solid #999999; border-right: 0px solid #FDFDFD; border-left: 0px solid #FDFDFD; border-bottom: 1px solid #999999;
}
.barelement .base2 {
	background-color: transparent;
	padding-bottom: 3px;
	border-top: 1px solid #999999; border-right: 0px solid #FDFDFD; border-left: 0px solid #FDFDFD; border-bottom: 1px solid #999999;
}

.smallbox {
	padding-left: 5px;
	font-size: 10px;
	color: #bfbfbf;
}
.boxnews {
	font-size: 8px;
	font-weight: bold;
}

.loggedhead {
	color: #FFF;
	font-size: 10px;
}
					.loggedhead a {
						color: #FFF;
						text-decoration: none;
					}
					.loggedhead a:hover,.loggedhead a:active {
						color : #FFF;
						text-decoration : none;
					}