﻿body
{
	font-family : Arial, Tahoma, Helvetica, Geneva, Swiss, SunSans-Regular;
	font-size : 12px;
	color : #555;
	padding:0px;
	margin:0px;
	background-color: white;
	
	background-image: url('/images/background_6.gif');
	line-height: 1.5;
	font-size: 12px;

}

html
{
	height:100%; 
	overflow-y:scroll;
}

/* ### Basis-Elemente: Shorties Anfang ### */
	.SizerMax 	{ width:100%; }
	.SizerMaxV	{ height:100%;}
	.NoWrap, .nowrap		{ white-space: nowrap; }
	.VATop, .vatop { vertical-align: top; }
	.error
	{
		color: #ff931f;
		font-weight: bold;
	}
	.noborder	{ border: 0px; }
/* ### Basis-Elemente: Shorties Ende ### */
.onlyprint
{
	display: none;
}

img.BildRechts
{
	float: right;
	margin-left: 5px;
	border:0px;
}

img.BildLinks
{
	float: left;
	margin-right: 15px;
	border:0px;
}

img.BildAlleine
{
	border: 0px;
	margin: 5px;
}

h1
{
	margin-top: 0px;
	padding-top: 0px;
	font-size : 20px;
	color: #254f80;
}

h2
{

	font-size: 120%;
	color: #254f80;
	margin: 10px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
}

h2 strong
{
	background-color: #ff931f;
	padding: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 8px;
}
}

h3
{
	font-size: 100%;
	color: #444;
	margin:8px 0px 3px 0px;
	padding:8px 0px 3px 0px;
}

h4
{
	font-size: 100%;
	padding: 0px;
	margin: 10px 0px 5px 0px;
	margin: 15px 0px 10px 0px;
	color: #777;
}

h5
{
	font-size: 10px;
	color: #555;
}


p
{
	line-height: 1.5;
	font-size: 12px;
	padding: 0px;
	margin: 10px 0px 10px 0px;
	color: #555;
}

ol
{
	padding:10px 0px 0px 20px;
	margin:10px 0px 0px 18px;
	line-height: 15px;
	color:#555;
	font-size:12px;
	line-height: 1.5;
}

ul
{
	padding:10px 0px 0px 10px;
	margin:10px 0px 0px 8px;
	list-style-image:url('/images/Viereck.gif');
	list-style-position:outside;
	list-style-type:none;
	vertical-align:bottom;
	line-height: 1.5;
	color:#555;
}

ul li
{
	margin-bottom:10px;
}

#InhaltLinks select
{
	width: 98%; 
	line-height: 20px;
	font-size: 12px;
	padding: 5px;
	font-weight: bold;
	color: #555;
	border: 0px;
}

#InhaltLinks select option[diasabled],
#InhaltLinks select option.inactive
{
	color: #cccccc;
}

#InhaltLinks div.outliner
{
	-webkit-box-shadow: 0 0px 50px rgba(0,0,0,.3);
	-moz-box-shadow: 0 0px 50px rgba(0,0,0,.3);
	box-shadow: 0 0px 50px rgba(0,0,0,.3);
	margin-bottom: 10px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	margin-top: 10px;
	padding: 5px 8px;
	background-color: white;
	text-align: center;
	width: 100%;
	margin-right: 0px;
	margin-left: 0px;
}

#InhaltLinks textarea
{
	width: 100%; 
	line-height: 20px;
	height: 90px;
	font-size: 14px;
	padding: 5px;
	font-weight: bold;
	background-image: url('/images/input_bg.gif'); 
	border: 4px solid white;
	color: #000;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	margin-top: 10px;
	margin-bottom: 10px;
	
	-webkit-box-shadow: 0 0px 50px rgba(0,0,0,.3);
	-moz-box-shadow: 0 0px 50px rgba(0,0,0,.3);
	box-shadow: 0 0px 50px rgba(0,0,0,.3);
}

#InhaltLinks textarea.BigOne
{
	height: 300px;
	position: relative;
	z-index: 1;
}

input[type="text"], #InhaltLinks input[type="password"], #BoxLogin div input[type="text"], #BoxLogin div input[type="password"]
{
	width: 100%; 
	line-height: 20px;
	height: 20px;
	font-size: 14px;
	padding: 5px;
	font-weight: bold;
	background-image: url('/images/input_bg.gif'); 
	border: 4px solid white;
	color: #000;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	margin-top: 10px;
	margin-bottom: 10px;
	
	-webkit-box-shadow: 0 0px 50px rgba(0,0,0,.3);
	-moz-box-shadow: 0 0px 50px rgba(0,0,0,.3);
	box-shadow: 0 0px 50px rgba(0,0,0,.3);
}

#InhaltLinks input[type="text"]:focus, #InhaltLinks * input[type="text"]:focus, #InhaltLinks input[type="password"]:focus, #InhaltLinks textarea:focus, #BoxLogin div input:focus[type="text"], #BoxLogin div input:focus[type="password"]
{
	color: #000;
	-webkit-box-shadow: 0 0px 50px rgba(255,255,255,.5);
	-moz-box-shadow: 0 0px 50px rgba(255,255,255,.5);
	box-shadow: 0 0px 50px rgba(255,255,255,.5);
}

a.Submit, a.Submit:link, a.Submit:visited, button.Submit, button.Submit:link, button.Submit:visited
{
	font-family: Arial, sans-serif;
	letter-spacing: 0.05px;
	text-transform: uppercase;
	font-weight: bold;

	display: block;
	width: 100%;
	line-height: 20px;
	/*height: 20px;*/
	padding: 5px;
	font-weight: bold;
	background: #FFF;
	background-image: url('/images/input_bg.gif'); 
	border: 4px solid white;
	color: #ff931f;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	margin-top: 10px;
	margin-bottom: 10px;

	text-align: center;
	
	-webkit-box-shadow: 0 0px 50px rgba(0,0,0,.3);
	-moz-box-shadow: 0 0px 50px rgba(0,0,0,.3);
	box-shadow: 0 0px 50px rgba(0,0,0,.3);
}

a.Submit:hover, button.Submit:hover
{
	color: #000;
	-webkit-box-shadow: 0 0px 50px rgba(255,255,255,.5);
	-moz-box-shadow: 0 0px 50px rgba(255,255,255,.5);
	box-shadow: 0 0px 50px rgba(255,255,255,.5);

}

a, a:link, a:visited, a:link, a:active
{
	text-decoration: none;
	border-bottom: 1px dotted black;
	color: #555;
}

a:hover
{
	color: red;
	border-bottom: 1px dotted red;
}


/*** GoogleMini ***/
div#Google
{
	width: 550px;
	padding-top: 0px;
}

#Google table
{
	border:0px;
	padding-bottom:10px;
	padding-left: 22px;
	float:left;
}

#Google a.GoogleLink, #Google a.GoogleLink:active, #Google a.GoogleLink:visited, #Google a.GoogleLink:link, #Google a.GoogleLink:focus
{
	float: left;
/*	border-bottom: 0px;*/
	font-size: 90%;
	margin-bottom: 3px;
	font-weight: bold;
}

#Google td
{
	margin: 0px;
	padding: 0px;
}

#Google h5
{
	font-size: 12px;
	color: #AAA;
	margin: 0px;
	padding: 0px;
	width: 550px;
}

div#BoxLogin
{
	-webkit-box-shadow: 0 0px 120px rgba(0,0,0,.9);
	-moz-box-shadow: 0 0px 120px rgba(0,0,0,.9);
	box-shadow: 0 0px 120px rgba(0,0,0,.9);
	width: 800px;
	height: 400px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -400px;
	margin-top: -200px;
	background:#EEE;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#AAA), to(#EEE));
	background: -moz-linear-gradient(top, #AAA, #EEE);
	border: 0px solid #CCC;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

#BoxLogin img#Logo
{
	margin: 20px 0px 0px 0px;
}

#BoxLogin div
{
	float: right;
	width: 305px;
	border-left: 0px dotted #999;
	padding: 15px 40px 0px 0px;
}



#Footer
{
	position: fixed;
	bottom: 0px;
	height: 35px;
	width: 100%;
	background:#AAAAAA;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#888888), to(#FFFFFF));
	background: -moz-linear-gradient(top, #888888, #FFFFFF);
	
	color: #444;
	line-height: 35px;
	text-align: center;
	-webkit-box-shadow: 0 0px 50px rgba(0,0,0,.8);
	-moz-box-shadow: 0 0px 50px rgba(0,0,0,.8);
	box-shadow: 0 0px 50px rgba(0,0,0,.8);
}

#Footer a, #Footer a:visited, #Footer a:active
{
	color: #444;
	border-bottom: 0px;
}

#Footer a:hover
{
	border-bottom: 1px dotted #ff931f;
	color: #ff931f;
}

#OpportunityAdminFooter
{
	position: fixed;
	bottom: 0px;
	height: 15px;
	width: 100%;
	background:#333333;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#000000), to(#555555));
	background: -moz-linear-gradient(top, #000000, #555555);

	
	color: #EEE;
	line-height: 15px;
	text-align: center;
	-webkit-box-shadow: 0 0px 20px rgba(0,0,0,.6);
	-moz-box-shadow: 0 0px 20px rgba(0,0,0,.6);
	box-shadow: 0 0px 20px rgba(0,0,0,.6);
	font-size: 10px;
	z-index: 100;
}

#OpportunityAdminFooter a, #OpportunityAdminFooter a:visited, #OpportunityAdminFooter a:active
{
	color: white;
	border-bottom: 0px;
	font-size: 10px;
}

#OpportunityAdminFooter a:hover
{
	border-bottom: 1px dotted #ff931f;
	color: #00234b;
}

#OpportunityAdminFooter img.WeisserPfeil
{
	padding: 1px;
}

img.WeisserPfeil
{
	padding: 2px;
}

div#BasisNavigationOben
{
	position: fixed;
	width: 100%;
	height: 130px;
	background-color: white;
	background:#172d46;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#001b39), to(#314f71));
	background: -moz-linear-gradient(top, #001b39, #314f71);
	border-bottom: 2px solid #001b39;
	top: 0px;
	z-index: 100;
	
	-webkit-box-shadow: 0 0px 50px rgba(0,0,0,.7);
	-moz-box-shadow: 0 0px 50px rgba(0,0,0,.7);
	box-shadow: 0 0px 50px rgba(0,0,0,.7);
}

#BasisNavigationObenZusammenzieher img, #BasisNavigationObenZusammenzieher a
{
	border: 0px;
}

#BasisNavigationOben div#BasisNavigationObenZusammenzieher
{
	margin: auto;
	width: 1000px;
}


div#BasisNavigationObenItems
{
	position: fixed;
	z-index: 101;
	left: 50%;
	margin-left: -320px;
	top: 99px;
	
}

#BasisNavigationObenItems img
{
	padding-right: 1px; 
	border:0px;
}

#BasisNavigationObenItems a, #BasisNavigationObenItems a:active, #BasisNavigationObenItems a:visited
{
	font-family: Impact, Arial, sans-serif;
	text-transform: uppercase;
	color: #EEE;
	padding-right: 5px;
	font-size: 14px;
}

#BasisNavigationObenItems a:hover
{
	color: #ff931f;
	padding-bottom: 3px;
}

#BasisNavigationObenItems a.aktiv, #BasisNavigationObenItems a.aktiv:active, #BasisNavigationObenItems a.aktiv:visited
{
	font-size:14px;
	z-index: 105;
	margin-bottom: 30px;
	font-family:Impact, Arial, sans-serif;
	text-transform: uppercase;
	border-bottom: 0px;
	color: #ff931f;
	padding-right: 5px;
}

#BasisNavigationObenItems a.aktiv:hover
{
}

div#BasisNavigationObenGlobal
{
	position: fixed;
	left: 50%;
	width: 550px;
	float: right;
	text-align: right;
	top: 20px;
}

#BasisNavigationObenGlobal img
{
	padding:0px;
	border:0px;
}

#BasisNavigationObenGlobal a, #BasisNavigationObenGlobal a:visited, #BasisNavigationObenGlobal a:active
{
	color: #EEE;
	font-size: 11px;
	margin-left: 5px;
	border-bottom: 0px;
}

#BasisNavigationObenGlobal a:hover
{
	padding-bottom: 3px;
	border-bottom: 1px solid #EEE;
}

div#Inhalt
{
	position: absolute;
	top: 160px;
	width: 1000px;
	left: 50%;
	margin-left: -485px;
	z-index: 0;
}


div#InhaltLinks
{
	width: 700px;
	padding-bottom: 50px;
}

div#InhaltFeature
{
	width: 250px;
	position: absolute;
	top: 0px;
	left: 50%; margin-left: 260px;	
}

#InhaltFeature > div
{
	width: 250px;
	background:#172d46;
/*	background: -moz-linear-gradient(top, #001b39, #314f71);*/

	border: 0px solid #FFF;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 10px;
	color: white;
	
	-webkit-box-shadow: 0 0px 50px rgba(0,0,0,.7);
	-moz-box-shadow: 0 0px 50px rgba(0,0,0,.7);
	box-shadow: 0 0px 50px rgba(0,0,0,.7);
	
	margin-bottom: 35px;
}

#InhaltFeature div a, #InhaltFeature div a:link, #InhaltFeature div a:active, #InhaltFeature div a:visited
{
	color: white;
	line-height: 25px;
	border: 0px;
}

#InhaltFeature div a:hover
{
	color: #ff931f;
	border: 0px;
}


#InhaltFeature div a.aktiv, #InhaltFeature div a.aktiv:link, #InhaltFeature div a.aktiv:active, #InhaltFeature div a.aktiv:visited
{
	color: #ff931f;
	line-height: 25px;
}

#InhaltFeature div a.aktiv:hover
{
	color: #ff931f;
	border: 0px;
}


table
{
	border-collapse: collapse;
}

table td
{
	padding: 5px;
	margin: 5px;
}

table th
{
	padding: 5px;
	margin: 0px;
	text-align: left;
}

table th.orderby
{
	color: #ff931f;
}

table.LinkTabelle
{
	width: 100%;
}

table.LinkTabelle tr:hover td
{
	background-color: #172d46;
	cursor: pointer;
	color: white;
}

table.LinkTabelle td.Small
{
	font-size: 10px;
}

#InhaltFeature div img
{
	border: 0px;
}

#InhaltFeature div p
{
	color: white;
	font-size: 11px;
	line-height: 18px;
}

#InhaltFeature div h1
{
	color: #ff931f;
	font-size: 16px;
}

.tooltip {
	display:none;
	background:transparent url('/inc/tooltip/orange_arrow_big.png') no-repeat;
	background-position: center;
	text-align: center;
	vertical-align: middle;
	font-size:10px;
	height:50px;
	width:220px;
	xpadding:0px 0px;
	padding-top: 28px;
	margin-top: 10px;
	color: white;	
	font-weight: bold;
	z-index: 105;

}

p.Erfolgsmeldung
{
	font-weight: bold;
	color: #ff931f;
	font-size: 14px;
}


/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }





.linedwrap {
	border: 0px solid #c0c0c0;
	padding: 0px;
}

.linedtextarea {
	padding: 0px;
	margin: 0px;
}

.linedtextarea textarea, .linedwrap .codelines .lineno {
	font-size: 10px;
	font-family: monospace;
	line-height: normal !important;
}

.linedtextarea textarea {
	padding-right:0.3em;
	padding-top:0.3em;
	border: 0;
}

.linedwrap .lines {
	margin-top: 0px;
	width: 0px;
	float: left;
	overflow: hidden;
	border-right: 0px solid #c0c0c0;
	margin-right: 0px;
}

.linedwrap .codelines {
	padding-top: 4px;
}

.linedwrap .codelines .lineno {
	color:#AAAAAA;
	padding-right: 0.2em;
	padding-top: 0.0em;
	text-align: right;
	white-space: nowrap;
	width: 40px;
}

.linedwrap .codelines .lineselect {
	color: red;
}

#OpportunityAdminFooter img.WeisserPfeil
{
	border: 0px;
}

div.marker
{
	display: block;
	float: left;
	background-color: #555;
	color: #EEE;
	font-weight: bold;
	padding: 10px;
	margin: 3px;
	-webkit-box-shadow: 0 0px 50px rgba(0,0,0,.6);
	-moz-box-shadow: 0 0px 50px rgba(0,0,0,.6);
	box-shadow: 0 0px 50px rgba(0,0,0,.6);
	
	background-image: url('/images/input_bg.gif'); 
	border: 4px solid white;

	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 8px;
	
	text-transform: uppercase;
	font-family: Arial, sans-serif;
	font-size: 12px;
	cursor: pointer;
}


div.markerActive, div.marker:hover
{
	display: block;
	float: left;
	background-color: #ff931f;
	color: #FFF;
	font-weight: bold;
	padding: 10px;
	margin: 3px;
	-webkit-box-shadow: 0 0px 50px rgba(0,0,0,.6);
	-moz-box-shadow: 0 0px 50px rgba(0,0,0,.6);
	box-shadow: 0 0px 50px rgba(0,0,0,.6);
	
	background-image: url('/images/input_bg.gif'); 
	border: 4px solid white;

	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 8px;
	
	text-transform: uppercase;
	font-family: Arial, sans-serif;
	font-size: 12px;
	cursor: pointer;
}


div.LinkinDiv
{
	width: 700px;
	background-color: white;
	-webkit-box-shadow: 0 0px 30px rgba(0,0,0,.6);
	-moz-box-shadow: 0 0px 30px rgba(0,0,0,.6);
	box-shadow: 0 0px 30px rgba(0,0,0,.6);

	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 8px;
	
	padding: 10px;
	margin-top: 20px;
}

div.LinkinDiv:hover
{
	-webkit-box-shadow: 0 0px 50px rgba(255,255,255,.6);
	-moz-box-shadow: 0 0px 50px rgba(255,255,255,.6);
	box-shadow: 0 0px 50px rgba(255,255,255,.6);
}

.LinkinDiv a, .LinkinDiv a:active, .LinkinDiv a:visited, .LinkinDiv a:link
{
	padding: 5px;
	border: 0px;
	color: #ff931f;
}

.LinkinDiv a:hover
{
	color: black;
}

/* #### jquery-ui Autocomplete #### */
.ui-autocomplete li
{
	font-size: 12px;    
}

.ui-autocomplete-term
{
	color: #FF931F;
	font-weight: bold;
}


span.arrow {
	font-size: large;
}
