/* CSS Document
********************************************/

/* Einheitliche Ausgangsbedingungen schaffen
********************************************/
* {
	font-size: 10px;
	margin: 0;
	padding: 0;
}

html {
    min-height: 100.01%;
	height: 100%;
}

body {
	font: normal 10px/1.1em Arial, Helvetica, sans-serif;
	text-align: center;
	background-image: url(../images/bg_body.png);
	background-repeat: repeat-x;
	background-color: #767676;
	scrollbar-arrow-color: #CCCCCC;
	scrollbar-base-color: #3D536C;
	scrollbar-track-color: #3C4E66;
	scrollbar-face-color: #273A52;
	scrollbar-highlight-color: #273A52;
	scrollbar-darkshadow-color: #000000;
}

a {
	color: #FFF;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

b, strong {
	font-weight: bold;
}

i, em {
	font-style: italic;
}

option {
	padding-left: 0.4em;
}

/* Definition Content
********************************************/
#wrap {
	width: 800px;
	margin: 0 auto;
	text-align: left;
	background-color: #767676;
}

body>#wrap {
	height: 25%;
}

/* Differenzierung Administration vs. Content
********************************************/
#main {
    margin: 0;
    padding: 0;
    border: 0;
}

#left {
    margin: 10px;
    padding: 0;
    border: 0;
    position: absolute;
    top: 0;
    left: 0;
}

/* Positionierung des Firmenlogos
********************************************/
#logoContainer {
	position: absolute;
	visibility: visible;
	z-index: 100;
}

.intro_asap {
	position: relative;
	left: 25px;
	top: 0px;
}

.main_asap {
	position: relative;
	right: -25px;
	top: 75px;
}

#logoFenerbahce {
	position: absolute;
	visibility: visible;
	z-index: 100;
}

.main_Fenerbahce {
	position: relative;
	left: 138px;
	top: 20px;
}

.fullContent {
	height: 150px;
}

fieldset, img {
	border: 0;
}

select, input, textarea {
	font-size: 98%;
}

p {
	background-color: transparent;
}

h1 {
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 0.2ex;
	color: #CCC;
	margin-top: 5px;
	margin-right: 45px;
	margin-bottom: 5px;
	margin-left: 5px;
	text-transform: uppercase;
}

h2 {
	font-size: 16px;
	font-weight: bold;
	font-style: normal;
	color: #FFF;
	margin-top: 15px;
	margin-right: 45px;
	margin-bottom: 5px;
}

h3 {
	font-size: 13px;
	font-weight: bold;
	font-style: normal;
	letter-spacing: 0.2ex;
	color: #C0C0C0;
	margin-top: 15px;
	margin-right: 45px;
	margin-bottom: 5px;
}

/* Inhalte
********************************************/
#content {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CCC;
	height: 229px;
	vertical-align: top;
	overflow-x: hidden;
	overflow-y: auto;
}

#content a {
	color: #FFF;
	text-decoration: underline;
}

#content a:hover {
	text-decoration: none;
}

#content p {
	color: #CCC;
}

#contentFooter {
	text-align: right;
	margin: 20px 4px 0 0;
}

/* form elements
********************************************/
form {
	color: #FFF;
}

label {
	display: block;
	margin-bottom: 1px;
}

input {
	color: #666;
	vertical-align: middle;
	margin-bottom: 5px;
	border: 1px solid #CCC;
}

input.checkbox {
	background: transparent;
}

input.button {
	line-height: 16px;
	color: #333;
	background: #EEEEEE url(../images/buttons/buttonDefault.gif) no-repeat right bottom;
	height: 19px;
	border: none;
	padding: 0 6px 2px 6px;
	margin: 0 0 1px 0;
	cursor: pointer;
}

textarea {
	color: #000;
	margin-bottom: 5px;
	padding: 1px;
	width: 280px !important;
	height: 100px;
	border: 1px solid #CCC;
}

/* weitere classes
********************************************/
.randompicture img {
	margin: 0;
}

/* Navigationsleiste im Kopf
********************************************/
.mainContainer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	display: body;
}									

.mainNav {
	font-weight: bold;
	text-transform: uppercase;
	width: 33%;;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	empty-cells: hide;
	margin-top: 10px;
}

.mainNav a {
	color: #CCC;
	text-decoration: none;
	display: block;
	vertical-align: middle;
	font: bold 10px/33px Verdana, Arial, Helvetica, sans-serif;
}

.mainNav a:hover {
	color: #9F783F !important;
	background-image: url(themes/asapBilgin/images/main_hover.jpg);
	background-repeat: repeat-x;
}

/* Navigation Link unten - 1te ebene
********************************************/
.leftContainer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 125px;
	background-color: #273649;
	background-repeat: no-repeat;
}

.leftNav a {
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
	text-indent: 20px;
	color: #CCC;
	text-decoration: none;
	text-align: left;
	vertical-align: middle;
	white-space: nowrap;
	empty-cells: hide;
	width: 125px;
	display: block;
	background-image: url(themes/asapBilgin/images/main_template_r6_c2.jpg);
	background-repeat: no-repeat;
	line-height: 25px;
}

.leftNav a:hover {
	color: #9F783F !important;
	background-image: url(themes/asapBilgin/images/main_template_r8_c2.jpg);
	background-repeat: repeat-x;
}

.menueTitel {
	font-weight: bold;
	font-size: 11px;
	font-style: italic;
	color: #8C9AA7;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	margin-top: 10px;
	letter-spacing: 1px;
}

.submenueTitel {
	font-weight: bold;
	font-size: 10px;
	font-style: normal;
	color: #8C9AA7;
	text-align: center;
	text-transform: lowercase;
	text-decoration: none;
}

/* footer IDs
********************************************/
#footer {
	font-size: 10px;
	color: #1E2B3C;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	vertical-align: bottom;
}

#footer a {
	font-size: 9px;
	color: #666;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	vertical-align: bottom;
	font-weight: bold;
}

#footer a:hover {
	font-size: 9px;
	color: #1E2B3C;
	text-decoration: none;
}

.impressum a {
	margin-right: 2px;
	padding-bottom: 2px;
	color: #000;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
}

.impressum a:hover {
	color: #9F783F !important;
}

/* Button-Banner classes
********************************************/
.leftBanner {
	text-align: center;
	margin-top: 20px;
}

.rightBanner {
	text-align: center;
	margin-top: 20px;
	/* border-top: 1px solid #CCC; */
}

.contentBanner {
	text-align: center;
	margin-top: 50px;
	background-color: #FFF;
}

/* Skyscraper IDs
********************************************/
#leftSkyContainer {
	position: absolute;
	visibility: visible;
	z-index: 100;
}

.leftSky {
	position: relative;
	left: -79px;
	top: 6px;
	border: 1px inset #CCC;
}

#rightSkyContainer {
	position: absolute;
	visibility: visible;
	z-index: 100;
}

.rightSky {
	position: relative;
	left: 755px;
	top: 7px;
	border: 1px inset #CCC;
}

/* Intro IDs and classes
******************************************************/
#intro_bilgin {
	text-align: left;        /* Seiteninhalt wieder links ausrichten */
    background: #767676;
	margin: -200px 0 0 -275px;
	padding: 4px;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 550px;
	height: 400px;
}

/* admin IDs and classes
********************************************/
.admin {
	clear: both;
	text-align: left;
	white-space: pre;
}

.nosee {
	display:none;
}

.nosee p {
	display:none;
}

#message {
	margin: 0;
	padding: 1em;
}

/* FCKeditor classes
********************************************/
.Bold {
	font-weight: bold;
}

.Title {
	font-weight: bold;
	font-size: 18px;
	color: #CC3300;
}

.Code {
	font-family: 'Courier New', Monospace;
	border: #8b4513 1px solid;
	color: #000066;
	background-color: #ff9933;
	padding-right: 5px;
	padding-left: 5px;
}