/*
############################################################################
BASIC DEFAULT CSS FOR BILSTEIN SIEKERMANN 2009 #############################
CREATED BY: RADSTUDIOS.DE 10/2009 - WITH REDAXO CMS ########################
CREATED FOR: ORDERBOOK GMBH ################################################
############################################################################
*/

*{ margin:0px; padding:0px; border:0px; }

.myClearLeft { clear:left; }

.myClearBoth { clear:both; }

a{ color: #004FB4; text-decoration: underline; }

a:hover{ color:#2F2F31; text-decoration: underline; }

table {
border:0px;
}

td {
 padding:0px;
 border:0px;
}

p{
margin-bottom:15px;
}



/*
###########################################################################
BODY, DIVS ################################################################
###########################################################################
*/

html, body {
	background-color: #CACACA;
	background-image: url(design/bg_browser.gif);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #2F2F31;
	font-style: normal;
	font-weight: normal;
	text-align: center; 
	height: 100%;
}

#pageArea{
	width:980px;
	margin: auto; /* Div soll zentriert werden */
	min-height: 100%; /* Mindesthöhe für moderne Browser */
	height:auto !important; /* Important Regel für moderne Browser */
	height:100%; /* Mindesthöhe für den IE */
	overflow: hidden !important; /* FF Scroll-leiste */ 
	text-align:left;
	background-image: url(design/bg_page.png);
	background-repeat: repeat-y;
	/*border: 1px dotted #00FFFF;*/
}

#pageTopArea{
	margin-left:10px;
	width:960px;
	/*height:140px;*/
	height:128px;
	text-align:left;
	background-image: url(design/bg_page_top.gif);
	background-repeat: no-repeat;
}

/*
######################################################
### TOP BAR ##########################################
######################################################
*/
#pageTopbar{
	margin-left:15px;
	width:930px;
	height:41px;
	text-align:left;
	background-image: url(design/bg_page_topbar.gif);
	background-repeat: no-repeat;
}


.pageTopbarInlay{
	padding-top:8px;
	margin-left:10px;
	float:left;
}

.pageTopbarInlay td{
	margin:0px;
	padding:0px;
	text-align:left;
	color:#FFFFFF;
	font-size: 9px;
	white-space:nowrap;
}

.pageTopbarInlay  a{
color: #ffffff;
text-decoration: none;
}

.pageTopbarInlay a:hover{
	color:#4F9AF7;
	text-decoration: none;
}

/*
######################################################
### TOP BAR LOGO #####################################
######################################################
*/

#pageToplogo{
    position:absolute;
	width:176px;
	height:88px;
	text-align:left;
	margin-left:15px;
	margin-top:0px;
	float:left;
}

/*
######################################################
### TOP BAR SEARCH ###################################
######################################################
*/

#pageTopsearch{
	width:240px;
	text-align:left;
	margin-top:0px;
	float:right;
}

.pageTopsearchForm{
	width:155px;
	height:21px;
	margin-right:3px;
	margin-top:0px;
	padding:0px;
	padding-top:3px;
	padding-left:5px;
	padding-right:0px;
	font-size:11px;
	background-image: url(design/form_searchbar.gif);
	background-repeat: no-repeat;
	background-color: transparent;
	float:left;
}

.pageTopsearchSubmit input{
	width:70px;
	height:21px;
	margin-top:0px;
	padding:0px;
	/*background-image: url(design/but_form_search_lang0.gif);
	background-repeat: no-repeat;
	background-color: transparent;
	background-attachment: fixed;*/
	float:right;
}


/*
######################################################
### PAGE SEARCH ######################################
######################################################
*/

#pageSearchBlock{
	width:100%;
	height:50px;
	text-align:left;
	margin-bottom:15px;
	padding:13px;
	/*background-color: #F1F2F4;
	border: 1px solid #DDDDDD;*/
	background-image: url(design/page_searchbar_area.gif);
	background-repeat: no-repeat;
	
}

.pageSearchForm{
	width:530px;
	height:21px;
	margin-right:3px;
	margin-top:0px;
	padding:0px;
	padding-top:3px;
	padding-left:5px;
	padding-right:0px;
	font-size:11px;
	background-image: url(design/page_form_searchbar.gif);
	background-repeat: no-repeat;
	background-color: transparent;
	float:left;
}

.pageSearchSubmit input{
	width:68px;
	height:21px;
	margin-top:0px;
	padding:0px;
	/*background-image: url(design/but_form_search_lang0.gif);
	background-repeat: no-repeat;
	background-color: transparent;
	background-attachment: fixed;*/
	float:left;
}

/*
######################################################
### TOP NAVIGATION ###################################
######################################################
*/

#pageTopnavArea{
	width:930px;
	/*height:49px;*/
	margin-left:15px;
	margin-top:50px;
	*margin-top:50px;
	text-align:left;
	/*background-image: url(design/bg_topnav_bottom2.gif);
	background-repeat: no-repeat;
	border: 1px dotted #00FFFF;*/
}

#pageTopnavBar{
	height:37px;
	float:right;
	margin-top:0px;
	/*border: 1px dotted #00FF00;*/
}

/*
######################################################
### HEADER AREA ######################################
######################################################
*/

#pageHeaderArea{
	width:930px;
	margin-left:25px;
	text-align:left;
}

#pageHeaderMotion{
	position: relative;
	width:930px;
	text-align:left;
	z-index:2;
}

#pageHeaderTopCorners{
	z-index:2;
	position: absolute;
	top: 0;
	width:930px;
	height:5px;
	text-align:left;
	background-image: url(design/bg_header_topcorners.gif);
	background-repeat: no-repeat;
	background-position: top;
	/*border: 1px solid #00FFFF;*/
}


#pageHeaderSections{
	z-index:1;
	position: absolute;
	bottom: 0;
	width:930px;
	min-height:5px;
	text-align:left;
	margin-bottom:3px;
	*margin-bottom:0px;
	background-image: url(design/bg_header_footer_only.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	/*background-image: url(design/bg_header_sections.png);
	background-repeat: repeat-x;
	border: 1px dotted #00FFFF;*/
}

.pageHeaderSectionItem{
	text-align:left;
	padding:12px;
	color:#DCDCDC;
	font-size:11px;
}

.pageHeaderSectionItem h1{
 	font-size:12px;
	color:#ffffff;
	font-style: normal;
	font-weight: bold;
	margin-bottom: 4px;
}

.pageHeaderSectionItem a{
	color:#FFFFFF;
	font-style: italic;
	font-weight: normal;
}

.pageHeaderSectionItem a:hover{
	color:#DCDCDC;
}

/*
######################################################
### CONTENT AREA #####################################
######################################################
*/

#pageContentArea{
	width:910px;
	margin-top:30px;
	margin-left:35px;
	text-align:left;
	min-height:200px;
}

#pageContentArea p{
	margin-bottom:25px;
}

#pageContentAreaLeft{
	width:245px;
	text-align:left;
	/*border: 1px dotted #00FFFF;*/
	float:left;
	margin-bottom:10px;
}

#pageContentAreaRight{
	width:630px;
	text-align:left;
	/*border: 1px dotted #00FFFF;*/
	float:right;
	margin-bottom:10px;
}

/*
######################################################
### FOOTER AREA #####################################
######################################################
*/

#pageFooterArea{
	padding:15px;
	width:900px;
	*width:900px;
	margin-left:25px;
	min-height: 80px;
	/* min-height: 100%; Mindesthöhe für moderne Browser */
	height:auto !important; /* Important Regel für moderne Browser */
	*height:100%; /* Mindesthöhe für den IE */
	overflow: hidden !important; /* FF Scroll-leiste */ 
	text-align:left;
	color:#ffffff;
	font-size:11px;
	background-color: #1E5497;
	background-image: url(design/bg_footer.gif);
	background-repeat: no-repeat;
}

#pageFooterAreaLinks{
	color:#C1C1C1;
}

#pageFooterAreaLinks a{
	color:#C1C1C1;
}

#pageFooterAreaLinks a:hover{
	color:#FFFFFF;
}


/*
###########################################################################
HEADLINES #################################################################
###########################################################################
*/

h1{
    font-size: 22px;
	color: #004FB4;
	font-style: normal;
	font-weight: normal;
	margin-bottom: 10px;
}

h2{
    font-size: 18px;
	color: #004FB4;
	font-style: normal;
	font-weight: normal;
	margin-bottom: 10px;
}

h3{
    font-size: 16px;
	color: #004FB4;
	font-style: normal;
	font-weight: bold;
	margin-bottom: 8px;
}

h4{
    font-size: 14px;
	color: #004FB4;
	font-style: normal;
	font-weight: bold;
	margin-bottom: 5px;
}

h5{
    font-size: 12px;
	color: #004FB4;
	font-style: normal;
	font-weight: bold;
}

/*
###########################################################################
HEADLINE DOUBLE ###########################################################
###########################################################################
*/

.doubleHeadline h1{
    font-size: 22px;
	color: #535356;
	font-style: normal;
	font-weight: normal;
	margin-bottom: 10px;
}

.doubleHeadline h2{
    font-size: 18px;
	color: #535356;
	font-style: normal;
	font-weight: normal;
	margin-bottom: 10px;
}

.doubleHeadline h3{
    font-size: 16px;
	color: #535356;
	font-style: normal;
	font-weight: bold;
	margin-bottom: 10px;
}

.doubleHeadline h4{
    font-size: 14px;
	color: #535356;
	font-style: normal;
	font-weight: bold;
	margin-bottom: 10px;
}

.doubleHeadline h5{
    font-size: 12px;
	color: #535356;
	font-style: normal;
	font-weight: bold;
	margin-bottom: 10px;
}

/*
###########################################################################
SPLITLINES ################################################################
###########################################################################
*/
.splitline1{
	background-image: url(design/block_split1.gif);
	background-repeat: repeat-x;
	margin-top:11px;
	margin-bottom:11px;
}

.splitline2{
	background-image: url(design/block_split2.gif);
	background-repeat: repeat-x;
	margin-top:11px;
	margin-bottom:11px;
}


/*
###########################################################################
ADDON - NEWS ##############################################################
###########################################################################
*/
.addonNewsPagin{
 margin-bottom:15px;
 font-size:10px;
}

.addonNewsPagin td img {
 display: block;
}

.addonNewsItem{
	margin-bottom:4px;
	color:#2F2F31;
	font-size:11px;
}

.addonNewsItemBlog{
	font-size:12px;
}

.addonNewsItem h2{
	font-size:12px;
	font-weight: bold;
	margin-bottom:0px;
	color:#2F2F31;
}

.addonNewsItemDate{
	width:32px;
	height:42px;
	float:left;
	margin-right:8px;
	color:#535356;
	font-size:9px;
	text-align:center;
	vertical-align:middle;
	background-color: #FFFFFF;
}

.addonNewsItemDate h1{
	color:#535356;
	font-size:13px;
	font-weight: bold;
	margin-bottom:0px;
	margin-top:6px;
}

.addonNewsItem td img {
 display: block;
 border:0px;
}

.addonNewsItem a{
 color:#004FB4;
}

.addonNewsItem a:hover{
 color:#2F2F31;
}

/*
###############################################################################
LISTS
###############################################################################
*/



#pageContentArea ol li {
	margin:0 0 0 15px;
	list-style-type:decimal-leading-zero;
	padding-bottom:10px;
} 
#pageContentArea ul li {
	margin:0 0 5 0px;
	list-style-type:square;
	list-style-position: inside;
}

#pageContentArea ul  {
	margin-bottom:25px;
}

#pageContentArea li a {
	font-weight: normal;
	color:#8D8D8D;
	text-decoration: underline;
	padding-left:0px;
}

#pageContentArea li a:hover{
	color: #5A9CE2;
}

/*
###########################################################################
TEXTILE ###################################################################
###########################################################################
*/

.clear{
clear:both;
}

.txt-img{
margin-bottom:0px;
}


.floatLeft{
 float:left;
 margin:0px;
}

.floatLeft p{
  margin-bottom:25px;
}

.floatLeft img{
	margin-bottom:5px;
	*margin-bottom:0px;
	margin-right:10px;
}

.floatRight{
 float:right;
 margin:0px;
}

.floatRight img{
	margin-bottom:5px;
	*margin-bottom:0px;
	margin-right:10px;
}



/*
###########################################################################
RAD DOWNLOAD FILE #######################################################
###########################################################################
*/

.modRADDownload{
	width:95%;
	margin-bottom:10px;
	background-image: url(design/block_split2.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}

.modRADDownload img{
	margin-right:10px;
	margin-bottom:10px;
	float:left;
}

.modRADDownloadExtraborder{
	border: 1px solid #424242;
}

.modRADDownloadInfo{
	font-size:9px;
	color:#C7C7C7;
}

/*
###########################################################################
TOOB PLAYER INTEGRATION ###################################################
###########################################################################
*/

.modRADToobplayer{
	width:625px;
	/*background-color:#4E4E4E;*/
	padding:5px;
	margin-top:15px;
	margin-bottom:15px;
	background-image: url(files/toobplayer/bg_fullplayer.gif);
	background-repeat: no-repeat;
}

.modRADToobplayerTopInfo{
	background-color:#484848;
	padding:5px;
	padding-bottom:8px;
	background-image: url(files/toobplayer/bg_topbar.gif);
	background-repeat: no-repeat;
}

.modRADToobplayerTopInfo h3{
	margin-bottom:0px;
	color:#ffffff;
}

.modRADToobplayerTopInfo a{
	font-size:9px;
	color:#ffffff;
}

.modRADToobplayerTopInfo img{
	float:left;
	margin-right:5px;
	margin-top:2px;
}

/*
###########################################################################
RAD ARTICLE INCLUDER 2.0 ##################################################
###########################################################################
*/
.modRADArticleIncluder{
	margin-bottom:25px;
}

.modRADAIStyle1{
	padding:0px;
	margin:0px;
	width:100%;
}

.modRADAIStyle1 td img {
 display: block;
}


#pageContentArea .modRADArticleIncluder .modRADAIStyle1 .txt-img p{
	margin-bottom:0px;
}

#pageContentArea .modRADArticleIncluder .modRADAIStyle2{
	border: 1px solid #D9D9D9;
	padding:10px;
	margin-bottom:25px;
}

#pageContentArea .modRADArticleIncluder .modRADAIStyle2 .txt-img p{
	margin-bottom:0px;
}

/*
###########################################################################
SUBNAVIGATION Level 1 #####################################################
###########################################################################
*/

.VertNavSub1{
	padding-left:28px;
	height:30px;
	width:245px;
	margin-bottom:2px;
 	background-image: url(design/sidebar_cat_level1_regular.gif);
 	background-repeat: no-repeat;
}

.VertNavSub1 td{
	font-size: 15px;
	font-weight: bold;
}

.VertNavSub1 a{
	color: #535356;
	text-decoration: none;
	}

.VertNavSub1 a:hover{
	color: #004FB4;
	text-decoration: none;
}

.VertNavSub1Act{
	padding-left:28px;
	height:30px;
	width:245px;
	margin-bottom:2px;
	background-image: url(design/sidebar_cat_level1_active.gif);
	background-repeat: no-repeat;
}

.VertNavSub1Act td{
	font-size: 15px;
	font-weight: bold;
}


.VertNavSub1Act a{
    color: #004FB4;
	text-decoration: none;
}

.VertNavSub1Act a:hover{
	color: #535356;
	text-decoration: none;
}

/*
###########################################################################
SUBNAVIGATION Level 2 --- SAME LIKE LEVEL 1 ###############################
###########################################################################
*/

.VertNavSub2{
	padding-left:28px;
	height:30px;
	width:245px;
	margin-bottom:2px;
 	background-image: url(design/sidebar_cat_level2_regular.gif);
 	background-repeat: no-repeat;
}

.VertNavSub2 td{
	font-size: 14px;
	font-weight: bold;
}

.VertNavSub2 a{
	color: #535356;
	text-decoration: none;
	}

.VertNavSub2 a:hover{
	color: #004FB4;
	text-decoration: none;
}

.VertNavSub2Act{
	padding-left:28px;
	height:30px;
	width:245px;
	margin-bottom:2px;
	background-image: url(design/sidebar_cat_level2_active.gif);
	background-repeat: no-repeat;
}

.VertNavSub2Act td{
	font-size: 14px;
	font-weight: bold;
}

.VertNavSub2Act a{
    color: #004FB4;
	text-decoration: none;
}

.VertNavSub2Act a:hover{
	color: #535356;
	text-decoration: none;
}

/*
###########################################################################
SUBNAVIGATION Level 3 #####################################################
###########################################################################
*/

.VertNavSub3{
	padding-left:32px;
	height:30px;
	width:245px;
	margin-bottom:2px;
 	background-image: url(design/sidebar_cat_level3_regular.gif);
 	background-repeat: no-repeat;
}

.VertNavSub3 td{
	font-size: 13px;
	font-weight: normal;
}

.VertNavSub3 a{
	color: #535356;
	text-decoration: none;
	}

.VertNavSub3 a:hover{
	color: #004FB4;
	text-decoration: none;
}

.VertNavSub3Act{
	padding-left:32px;
	height:30px;
	width:245px;
	margin-bottom:2px;
	background-image: url(design/sidebar_cat_level3_active.gif);
	background-repeat: no-repeat;
}

.VertNavSub3Act td{
	font-size: 13px;
	font-weight: bold;
}

.VertNavSub3Act a{
    color: #004FB4;
	text-decoration: none;
}

.VertNavSub3Act a:hover{
	color: #535356;
	text-decoration: none;
}

/*
###########################################################################
SUBNAVIGATION Level 4 #####################################################
###########################################################################
*/

.VertNavSub4{
	padding-left:38px;
	height:30px;
	width:245px;
	margin-bottom:2px;
 	background-image: url(design/sidebar_cat_level4_regular.gif);
 	background-repeat: no-repeat;
}

.VertNavSub4 td{
	font-size: 12px;
	font-weight: normal;
}

.VertNavSub4 a{
	color: #535356;
	text-decoration: none;
	}

.VertNavSub4 a:hover{
	color: #004FB4;
	text-decoration: none;
}

.VertNavSub4Act{
	padding-left:38px;
	height:30px;
	width:245px;
	margin-bottom:2px;
	background-image: url(design/sidebar_cat_level4_active.gif);
	background-repeat: no-repeat;
}

.VertNavSub4Act td{
	font-size: 12px;
	font-weight: bold;
}

.VertNavSub4Act a{
    color: #004FB4;
	text-decoration: none;
}

.VertNavSub4Act a:hover{
	color: #535356;
	text-decoration: none;
}

/*
###########################################################################
ARTICLE TEASER MODUL #####################################################
###########################################################################
*/
#modStyleTeaser{
	padding:0 0 20 0;
	text-align:left;
	margin-bottom:50px;	
}

#modStyleTeaser .txt-img p{
	margin-bottom:10px;	
}

#modStyleTeaser a.teaserReadmore{
	float:right;
	text-decoration: underline;
	margin-top:10px;
}

#modStyleTeaser a.teaserReadmore:hover{
	text-decoration: underline;
}

#modStyleTeaser #teaserNavBox{
	padding:0 0 0 0;
}

#modStyleTeaser .teaser-nav{

}