/***********************************************/
/* 2col_leftNav.css                            */
/* Use with template 2col_leftNav.html          */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

@media all
{

* html body * { overflow:visible; }
  html { height: 100%; margin-bottom: 1px; }

body {
  overflow-y: scroll; 
  color: #59595b; 
  background: #485d88 url(/img/bg-page.gif) top left repeat-x; 
	font-family: Tahoma, Arial,sans-serif;
	line-height: 1.166;	
	margin: 0px auto;
	padding: 0px;
	text-align: center;
	font-size: 16px; 
}

#all { 	margin: 0px auto; width: 805px;
       background-color: #fff; 
	   text-align: left;
	   padding: 0px 38px 38px 38px;
}

#page { background: #dedede url(/img/bg-main.gif) repeat-y top left; }

/********************************************/
/* Layout                                   */
/********************************************/

#logojordan  { width: 223px; height: 91px; border: 0px; float: left; }
#mainimg { border: 0px; float: right; width: 578px; height: 215px; margin: 0px; padding: 0px;}
#head { background-color: #fff; width: 215; height: 101px; text-align: right; font-size: 10px; padding-top: 10px;}
#head .quali { width: 215px; height: 42px; border: 0px; float: right; margin: 26px 45px 0px 0px; }

#rightnav {float: right; }

#rightnav a.nav:link, #rightnav a.nav:visited { color: #4e4e4e; text-decoration: none; }
#rightnav a.nav:hover, #rightnav a.nav:active { color: #dedede; text-decoration: underline; }
#rightnav a.navactive:link, #rightnav a.navactive:visited { color: #485d88; text-decoration: underline; }
#rightnav a.navactive:hover, #rightnav a.navactive:active { color: #dedede; text-decoration: underline; }

#left{
	width: 227px; 
	float: left; 
	padding: 0px;
	color: #FFFFFF; 
	font: normal 70% Tahoma, Arial,sans-serif;
 }
#leftimg { width: 227px; height: 225px; border: 0px; }
.lefttext { padding: 24px 24px 24px 24px; font-weight: bold;}

#main {	margin: 0px 0px 0px 227px;
	padding: 0;
}
#content{
	font-size: 82%; 
	padding: 20px;
}
/************* Generell **************/

a:link, a:visited, a:hover {
	color: #485e88;
	text-decoration: underline;}

a:hover { color: #8A9DCE; text-decoration: none;}

h1{ font-size: 140%; color: #59595b; line-height: 40px; margin-top: 187px;}
h2{ font-size: 110%; color: #59595b; margin-top: 1em;}
h3{ font-size: 100%; color: #59595b; margin-top: 1em;}
h4{ font-size: 100%; color: #59595b; margin-top: 0.5em;}
h5{ font-size: 100%; font-weight: normal; color: #59595b; margin-top: 0.5em;}
.red { color: #9a3f37; font-weight: bold;}
.log { text-decoration: none; text-align: center; vertical-align: middle; padding: 5px; }

ul{
 list-style-type: disc;
 padding-top: 0.5em; padding-bottom: 1em; 
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}
				
/************* Linke Navigation **************/
#navi { font-size: 95%; background: #59595b url(/img/bg-nav.gif) bottom left no-repeat; 
width: 203px; min-height: 195px; float: left; text-align: left; padding: 10px 0px 10px 24px; border-bottom: 1px solid #FFF;}
#navi a:link, #navi a:visited { color: #ffffff; text-decoration: none; display: block; line-height: 28px;}
#navi a:hover, #navi a:active { color: #dedede; text-decoration: underline; }
#navi a.active:link, #navi a.active:visited { color: #ffffff; text-decoration: underline; display: block; line-height: 28px;}
#navi a.active:hover, #navi a.active:active { color: #dedede; text-decoration: underline; }

#navi a.sub:link, #navi a.sub:visited { font-size: 90%; color: #dedede; text-decoration: none; display: block; line-height: 20px; padding-left: 23px;}
#navi a.sub:hover, #navi a.sub:active { color: #dedede; text-decoration: underline; }
#navi a.subactive:link, #navi a.subactive:visited { font-size: 90%; color: #dedede; text-decoration: underline; display: block; line-height: 20px; padding-left: 23px;}
#navi a.subactive:hover, #navi a.subactive:active { color: #dedede; text-decoration: underline; }

/************* Formular **************/

.iframe { background-color: #dedede; border: none; }
.iframe body { background-color: #dedede; font-family: Tahoma, arial, helvetica, sans-serif; font-size: 12px; color: #485e88;} 

input, textarea { font-family: Tahoma, arial, helvetica, sans-serif; font-size: 12px;}
.fieldname { width: 150px; float: left;}
.field { margin-bottom: 2px; width: 300px; height: 20px; border: 1px solid #485e88; background-color: #fff; }
.fieldbig { margin-bottom: 2px; width: 300px; height: 100px; border: 1px solid #485e88; background-color: #fff; }
.fieldsubmit { width: 150px; height: 20px; border: 1px solid #485e88; background-color: #485e88; color: #FFFFFF; }


#content:after, #navi:after {
    clear:both;
    content:".";
    display:block;
    font-size:0;
    height:0;
    visibility:hidden;
  }
