/*
	Junge Junge

	css/styles.css			2008-12-17  (c) e.sens.e GmbH
*/


/*
html { overflow-y: scroll; }
*/

body
{
	margin:			    0px;
	color:			    #666;
	background-color:	#ffffff;
	font-family:		Arial,Geneva,Helvetica,sans-serif;
	font-size:		    12px;
	text-align:		    left;
	line-height:		150%;
}

a:link,
a:visited
{
	color:			    #3d6aa1;
	text-decoration:	underline;
}

a:hover,
a:active
{
	color:			    #000000;
	text-decoration:	underline;
}

img
{
	border-style:		none;
}

h1
{
	display:		none;
}

h2
{
	display:		none;
}

form
{
	display:		inline;		/* IE */
}

p
{
}

ul
{
	list-style-type:	square;
}

.float_left
{
	clear:			left;
	float:			left;
}

.float_right
{
	clear:			right;
	float:			right;
}

.align_left
{
	text-align:		left;
}

.align_right
{
	text-align:		right;
}

.align_center
{
	text-align:		center;
}

.align_justify
{
	text-align:		justify;
}

.allcaps
{
	text-transform:		uppercase;
}

div#centered
{
	width:			    738px;
	margin-left:		auto;
	margin-right:		auto;
	margin-top:		    10px;
}

div#main
{
	float:			    left;
	background-color:	#ffffff;
	border:			    6px solid #213ba7;
}

div#header
{
	height:			    72px;
	border-bottom:		6px solid #213ba7;
    background-color:   #eeeeee;
    width:              726px;
}

img#logo
{
	float:			    left;
	margin-left:	    240px;
	margin-top:		    10px;
}

div#rightpane
{
background-color:       #FFFFFF;
float:                  right;
width:                  158px;
border:                 0px solid blue;
margin-top:             20px;
}

div#rightpane p
{
background-color:       #F0F0F0;
color:                  #333333;
font-size:              11px;
padding:                0 10px !important;
margin: 0px !important
}

div#rightpane h3
{
background-color:       #ccf0fb;
color:                  #333333;
font-size:              12px;
padding:                3px;
padding-left: 12px;
margin: 0 ;
margin-top: 12px !important;
}


div#languages 
{
padding: 4px;
height: 20px;
text-align:right;
}




ul#nav {
background-color:       #FFFFFF;
float:                  left;
font-size:              12px;
font-weight:            bold;
margin:                 0;
padding:                1px 0 0;
text-transform:		uppercase;
}

ul#nav li {
float:                  left;
list-style-type:        none;
}
ul#nav li a:link, ul#nav li a:visited 
{
background-color:       #213ba7;
color:                  #FFFFFF;
display:                block;
margin-bottom:          5px;
margin-left:            2px;
padding:                3px 0 2px 12px;
text-decoration:        none;
width:                  142px;
}
ul#nav li a:hover, ul#nav li a:active 
{
background-color:       #5a71d0;
text-decoration:        none;
}
ul#nav li.nav_current a:link, ul#nav li.nav_current a:visited, ul#nav li.nav_current a:hover, ul#nav li.nav_current a:active {
background-color:       #5a71d0;
color:                  #FFFFFF;
padding-left:           12px;
}
ul#nav li.nav_current ul {
font-size:              11px;
font-weight:            normal;
margin:                 0;
padding:                0;
}
ul#nav li.nav_current ul li a:link, ul#nav li.nav_current ul li a:visited
{
color:                  #213ba7;
background-color:       #E7E7E7;
padding-bottom:         1px;
padding-left:           12px;
padding-top:            3px;
width:                  142px;
}
ul#nav li.nav_current ul li a:hover, ul#nav li.nav_current ul li a:active {
background-color:       #E7E7E7;
padding-bottom:         1px;
padding-left:           12px;
padding-top:            3px;
width:                  142px;
}
ul#nav li.nav_current ul li.nav_current a:link, ul#nav li.nav_current ul li.nav_current a:visited, ul#nav li.nav_current ul li.nav_current a:hover, ul#nav li.nav_current ul li.nav_current a:active {
background-color:       #FFFFFF;
color:                  #666666;
font-weight:            bold;
}

div#content
{
float:                  left;
line-height:            130%;
padding-top:            0;
margin-top:             20px;
margin-bottom:           20px;
width:                  378px;
border:                 0px solid green;
}
/*
div#content
{
	height:			195px;
	padding-left:		85px;
	padding-right:		400px;
	padding-top:		50px;
	padding-bottom:		40px;
	background-image:	url('../img/content_bg.gif');
	background-position:	left bottom;
	background-repeat:	no-repeat;
	color:#4c4b4e;
}
*/
div#content h3
{
	color:          #213ba7;
    margin-top:		5px;
	margin-bottom:		10px;
	padding:		0px;
	font-size:		15px;
	font-weight:		bold;
}

div#content p
{
	margin-top:		0px;
	margin-bottom:		10px;
	padding:		0px;
}

div#leftpane
{
	float:			left;
	width:			165px;
    margin-top:     20px;
    margin-bottom:  280px;
}
div#leftpane h3
 {
	background-color:#CCF0FB;
	color:#333333;
	font-size:12px;
	margin-bottom:0;
	margin-left:2px;
	margin-right:8px;
	padding:3px 12px 3px 12px;
}
div#leftpane h2
{
	display:		block;
	height:			24px;
	margin:			0px;
	padding:		0px;
	padding-left:		28px;
	padding-top:		2px;
	background-image:	url('../img/h2_bg.gif');
	background-position:	13px 7px;
	background-repeat:	no-repeat;
	color:			#888888;
	font-size:		13px;
	font-weight:		normal;
	text-transform:		uppercase;
}

ul#subnav
{
	height:			259px;
	width:			184px;		/* TESTME */
	overflow:		auto;
	clear:			left;
	float:			left;
	margin:			0px;
	padding:		0px;
	list-style-type:	none;
}

ul#subnav li
{
	clear:			left;
	float:			left;
	margin:			0px;
	padding:		0px;
	list-style-type:	none;
}

ul#subnav li a:link,
ul#subnav li a:visited
{
	display:		block;
	clear:			left;
	float:			left;
	width:			135px;		/* TESTME */
	padding-left:		28px;
	padding-top:		8px;
	padding-bottom:		8px;
	color:			#888888;
	font-size:		13px;
	text-transform:		uppercase;
	text-decoration:	none;
}

ul#subnav li.current a:link,
ul#subnav li.current a:visited,
ul#subnav li.current a:hover,
ul#subnav li.current a:active
ul#subnav li a:hover,
ul#subnav li a:active
{
	color:			#000000;
	background-color:	#f0f0f0;
	text-decoration:	none;
}

div.content_with_leftpane
{
	float:			left;
	width:			764px;
	height:			285px	!important;
	padding:		0px	!important;
	background-image:	none	!important;
}

div.content_with_leftpane h2
{
	display:		block;
	height:			21px;
	margin:			0px;
	padding:		0px;
	padding-left:		10px;
	padding-top:		2px;
	border-left:		1px solid #7f7f7f;
	border-bottom:		1px solid #7f7f7f;
	color:			#888888;
	font-size:		13px;
	font-weight:		normal;
	text-transform:		uppercase;
}

div.content_with_leftpane img
{
	float:			left;
	border-left:		1px solid #7f7f7f;
	/*border-right:		1px solid #7f7f7f;
	border-bottom:		1px solid #7f7f7f;*/
}

div.content_with_leftpane h3
{
	float:			right		!important;
	height:			30px;
	margin:			0px		!important;
	/*
	padding-left:		40px		!important;
	*/
	padding-top:		20px		!important;
	padding-right:		20px		!important;
	text-transform:		uppercase	!important;
	font-size:		10px		!important;
	font-weight:		bold		!important;
    width:     220px !important;
}

div.content_with_leftpane p
{
	clear:			right;
	float:			right;
	width:			220px;
	height:			170px;
	/*
	padding-left:	40px	!important;
	*/
	padding-right: 20px!important;
	font-size:		10px;
}

div#content div.content_rightpane {
width:230px;
border: 1px solid red;
}

div.textblock
{
clear:both;
margin-bottom: 24px;
}

div.textblock h3 
{
font-size:14px;
margin-bottom: 4px;
margin-top:0;
padding-bottom: 4px !important;
border-bottom: 2px solid #CCC;
}

div.textblock strong.textblock_subline 
{
color: #213ba7;
display:block;
margin-bottom:10px;
margin-top:0;
}

div.textblock img, div.textblock object 
{
margin:2px 12px 12px 0;
}
img 
{
border-style:none !important;
}

div.textblock_hidden
{
	display:		none;
}

div#footer
{
	clear:			both;
    font-family:    Verdana;
    line-height: 1.3em;
	padding-top:		10px;
	color:			#7f7f7f;
	text-align:		center;
	font-size:		10px;
}

div#footer hr
{
	display:		none;
}

div#footer a:link,
div#footer li a:visited
{
	color:			#7f7f7f;
	text-decoration:none;
}