body{
background: url(../img/body_bg.jpg) repeat-x #fff;
font-family: Arial, sans-serif;
font-size: 13px;
}

h1{
color: #07538F;
font-size: 1.4em;
margin: 0 0 10px 0;
font-weight: normal;
}

h2, h2 a{
color: #e95112;
font-size: 1.1em;
margin: 0 0 5px 0;
text-decoration: none;
}

h2{
margin: 10px 0 5px 0;
}

h3{
font-size: 14px;
}

p{
margin: 0 0 10px 0;
}

a{
color: #07538f;
text-decoration: none;
}

input, textarea{
background-color: #efefef;
border: 1px solid #ccc;
width: 300px;
background: url(../img/input_bg.gif) repeat-x 0 1px;
margin: 1px;
}

input.input_image{
border: 0;
}

.beitrittsformular input, .tt-products input{
width: auto;
}

#col_middle input, #col_middle textarea{
background: url(../img/input_gray_bg.gif) repeat-x 0 1px;
background-color: #efefef;
}

a:hover{
text-decoration: underline;
}

#body{
background: url(../img/shadow_bg.jpg) no-repeat center top;
}

.hr{
border-bottom: 1px solid #ccc;
margin: 0 0 10px;
}

.required{
color: red;
}

#container{
width: 990px;
margin: auto;
overflow: hidden;
background-color: #fff;
height: 1%;
}

#container .container_inner{
margin: 5px;
}

#top{
overflow: hidden;
height: 1%;
}

	#sub_navigation{
	float: right;
	margin: 50px 30px 5px 0;
	display: inline;
	}

		#sub_navigation ul li{
		background: url(../img/navi_arrow.gif) no-repeat left center;
		padding: 0 0 0 8px;
		margin: 0 15px 0 0;
		float: left;
		}

		#sub_navigation ul li a{
		color: #999;
		text-decoration: none;
		}

		#sub_navigation ul li a:hover{
		text-decoration: underline;
		color: #666;
		}

	#logo{
	float: left;
	margin: 7px;
	display: inline;
	}

#banner{
background: url(../img/banner_bg.jpg) no-repeat right top #e95112;
height: 140px;
margin: 0 0 5px 0;
overflow: hidden;
}

#banner_slogan{
background: url(../img/slogan.gif) left top no-repeat;
width: 394px;
height: 47px;
position: absolute;
right: 80px;
top: 60px;
}

#banner .inner{
font-size: 0;
line-height: 0;
position: relative;
}

	#banner_image{
	float: left;
	width: 430px;
	height: 140px;
	}

	#banner_image img{
	margin-top: -15px;
	}

#content{
background: url(../img/content_bg.gif) repeat-y left top #f0f0f0;
height: 1%;
}

#col_left{
width: 200px;
float: left;
}

#col_left .box_orange, #col_right .box_blue{
font-size: 0.9em;
}

#col_left .box_orange h1, #col_right .box_blue h1{
color: #fff;
font-size: 1.2em;
font-weight: bold;
}

#col_left .box_orange a, #col_right .box_blue a, #col_right a{
color: #fff;
}

#col_left .box_orange h1{
color: #FFDDCF;
}

#col_right .box_blue h1{
color: #DFF1FF;
}

#col_right p.bodytext{
margin: 0;
}

#col_middle{
float: left;
width: 580px;
line-height: 1.4em;
color: #333;
}

#col_middle ul{
margin: 10px;
}

#col_middle ul li{
background: url(../img/navi_arrow.gif) no-repeat left 0.5em;
padding: 0 0 0 12px;
}

#col_middle .inner{
margin: 5px 15px 15px 15px;
}

#col_middle .inner .inner{
margin: 15px;
}

#col_right{
float: right;
width: 200px;
}

#main_navigation{
background-color: #fff;
border-bottom: 5px solid #fff;
}

#main_navigation ul li{
margin: 0 5px 0 0;
background: url(../img/navi_divider.gif) repeat-x left bottom;
height: 1%;
}

#main_navigation ul li ul{
margin: 0 0 0 10px;
}

#main_navigation ul li ul li{
margin: 0 5px 0 0;
background: none;
height: 1%;
}

#main_navigation ul li a{
display: block;
padding: 7px 7px 7px 25px;
color: #e95112;
font-weight: bold;
text-decoration: none;
}

#main_navigation ul li ul li a{
font-weight: normal !important;
padding: 4px 4px 4px 30px;
background: url(../img/navi_arrow.gif) no-repeat 20px center;
}

#main_navigation ul li ul li a:hover{
color: #07436F;
}

#main_navigation ul li ul li.active a{
font-weight: bold !important;
}

#main_navigation ul li a:hover{
text-decoration: underline;
color: #BF4617;
}

#main_navigation ul li.active a{
color: #07538f;
font-weight: bold;
}

.special_navi{
width: 580px;
margin: 0 auto 0 auto;
padding: 0 0 10px 0;
overflow: hidden;
font-size: 0.9em;
}

.special_navi a{
color: #555;
}

#print{
float: left;
margin: 0 0 0 15px;
background: url(../img/print.gif) no-repeat left center;
padding: 0 0 0 15px;
}

#totop{
float: right;
margin: 0 15px 0 0;
padding: 0 15px 0 0;
background: url(../img/totop.gif) no-repeat right center;
}

#footer{

}

#footer a{
color: #999;
}

#footer .inner{
text-align: right;
margin: 5px;
color: #999;
font-size: 0.9em;
}



/*********************************************
**********************************************
**************
************** CSS-KLASSEN
**************
**********************************************
*********************************************/

#landesgruppen select{
border: 2px solid #fff;
font-size: 0.9em;
}

.clear, .box{
clear: both;
}

.clear{
height: 0;
font-size: 0;
line-height: 0;
}

.box_blue{
background: url(../img/box_blue_bg.gif) repeat-y right top #07538f;
border-bottom: 5px solid #fff;
color: #fff;
padding: 10px;
}

.box_orange{
background: url(../img/box_orange_bg.jpg) no-repeat right top #E95112;
border-bottom: 5px solid #fff;
color: #fff;
padding: 10px;
}


.box_orange ul li{
padding: 3px 0 3px 15px;
background: url(../img/box_orange_arrow.gif) no-repeat left center;
}



.box, .box_neu,  .box_2col_left, .box_2col_right{
background: url(../img/content_grad_.jpg) no-repeat right bottom #fff;
border: 1px solid #ccc;
margin: 0 0 5px 0;
position: relative;
}

.box_orange_hell{
background-color: #fce7de;
border: 1px solid #efaf94;
margin: 0 0 5px 0;
}

.box_lightgray{
background: #efefef;
border: 1px solid #ccc;
margin: 0 0 5px 0;
position: relative;
}

.box_lightgray h1{
color: #777;
}

.box_orange_hell a{
color: #E95112;
}

.cols2{
overflow: hidden;
}

.cols2 .box_empty{
width: 248px;
float: left;
margin: 0 10px 0 0;
}

.new{
position: absolute;
left: -3px;
top: -2px;
background: url(../img/neu.gif) no-repeat left top;
width: 44px;
height: 39px;
}

.rest{
position: absolute;
left: -3px;
top: -2px;
background: url(../img/rest.gif) no-repeat left top;
width: 60px;
height: 50px;
}

.box_2col_left{
width: 269px;
margin-right: 5px;
float: left;
}

.box_2col_right{
width: 269px;
float: left;
}

.box .inner{
margin: 10px;
}

.csc-textpic-imagerow{
float: left;
}

.csc-textpic-imagerow img{
margin: 5px;
}

.csc-textpic-imagewrap{
margin: 15px 0 0 0;
}

/*********************************************
**********************************************
**************
************** tt_news
**************
**********************************************
*********************************************/

.news-latest-container_startseite .news-latest-item{
width: 270px;
float: left;
background-color: #fff;
border: 1px solid #CCC;
font-size: 0.9em;
color: #333;
margin: 0 0 5px 0;
line-height: 1.2em;
height: 220px;
}

.news-list-container .news-list-item, .tt_products_item, .tt_products_item_single_display{
position: relative;
background-color: #fff;
border: 1px solid #ccc;
margin: 0 0 15px 0;
}

.news-single-item h2{
font-size: 0.9em;
font-weight: normal;
font-style: italic;
color: #000;
}

.tt_products_item{
margin: 0 0 5px 0;
}

.tt_products_item h3{
margin: 0 0 10px 0;
}


.news-latest-container_startseite .even{
margin-right: 5px;
}

.news-latest-container_startseite .news_image{
float: right;
margin: 0 0 0 10px;
}



.morelink{
text-align: right;
margin: 5px 0 0 0;
clear: both;
}

.morelink a, a.morelink, .news-single-backlink a, .news-latest-gotoarchive a{
background: url(../img/more_arrow.gif) no-repeat 0 center;
padding: 0 0 0 13px;
}

.box_blue .morelink{
background-image: url(../img/more_arrow_blue.gif);
}

.box_orange .morelink{
background-image: url(../img/more_arrow_orange.gif);
}

.news-latest-container .inner{
margin: 10px;
}


.news-list-container .news_image, .news-single-img{
float: right;
margin: 0 0 0 10px;
}

.news-latest-gotoarchive{
font-weight: bold;
margin: 0 0 10px 0;
text-align: right;
}

.news-list-date, .news_date{
position: absolute;
right: 10px;
top: -10px;
padding: 1px 5px 1px 5px;
background-color: #ccc;
color: #777;
}

.box{
position: relative;
}

.news-single-backlink, .backlink{
margin: 10px 0 0 0;
padding: 10px 0 0 0;
border-top: 1px solid #ccc;
}

.news-amenu-container h1{
margin: 0;
}

.amenu-act a{
font-weight: bold;
}

.news-amenu-container ul li{
padding: 0;
background: none;
}

.news-amenu-item-year{
font-weight: bold;
padding: 5px 0 5px 0 !important;
}

.news-amenu-container li{
float: left;
width: 80px;
overflow: hidden;
}

li.news-amenu-item-year{
width: auto;
clear: both;
float: none;
}

/*********************************************
**********************************************
**************
**************  tx_mcp_file
**************
**********************************************
*********************************************/

.mcpfile{
}

.mcpfile_price_container{
color: #555;
}

.mcpfile_price{
font-size: 0.9em;
color: #333;
}

.mcpfile_cent{
font-size: 0.9em;
color: #333;
}

.pdf{
background: url(../img/pdf.png) no-repeat left 0.3em;
padding: 3px 2px 2px 22px;
}

#popup_container{
background: transparent;
}

#paymentMethod{
background-color: #fff;
margin: 15px 25px 15px 25px;
padding: 15px;
}

#paymentMethod h1{
color: #BF4617;
}

#paymentMethod a{
color: #000;
}

#paymentFrame{
background:#383636 url(../img/ajax-loader.gif) no-repeat scroll center center;
}

/*********************************************
**********************************************
**************
**************  Warenkorb tt_products
**************
**********************************************
*********************************************/


.basket_items{
width: 100%;
}

.page_prev{
display: inline;
padding: 0 10px 0 10px;
background: url(../img/navi_arrow_mirrored.gif) no-repeat left center;
}

.page_navigation{
text-align: center;
}


.page_next{
display: inline;
padding: 0 10px 0 10px;
background: url(../img/navi_arrow.gif) no-repeat right center;
}

input.button{ 
background: url(../img/button_blue_bg.gif) repeat-x left top #07538F !important ;
border: 1px solid #254159;
color: #fff;
margin: 5px;
padding: 0 3px 0 3px;
cursor: pointer;
width: auto !important;
}

input.button_orange, input.csc-mailform-submit{ 
background: url(../img/button_orange_bg.gif) repeat-x  left top #ef6e3b !important ;
border: 1px solid #CF4C19;
color: #fff;
margin: 5px;
cursor: pointer;
width: auto !important;
padding: 0 3px 0 3px;
}

.order_form{
float: left;
margin: 0 0 0 0;
}

.price{
margin: 0;
}

.qty{
text-align: center;
}

.billing_address label, .delivery_address label{
display: block;
width: 150px;
float: left;
}

.tt_products_basket .box_2col_left, .tt_products_basket .box_2col_right{
height: 220px;
}

.product_image{
float: left;
margin: 0 10px 10px 0;
}

/*********************************************
**********************************************
**************
**************  indexed search
**************
**********************************************
*********************************************/


.tx-indexedsearch-searchbox input, #swords{
border: 1px solid #074C7F;
background-color: #fff;
padding: 2px;
margin: 3px 0 0 0;
width: 130px;
}


#tx-indexedsearch-searchbox-button-submit{
border: none;
padding: 0;
margin: 0;
}

/*********************************************
**********************************************
**************
**************  page browser
**************
**********************************************
*********************************************/


.browseLinksWrap{
text-align: center;
}

.activeLinkWrap{
font-weight: bold;
}

.showResultsWrap{
display: none;
}

.browseLinksWrap span, .browseLinksWrap a{
margin: 0 3px 0 3px;
}


/*********************************************
**********************************************
**************
**************  sitemap
**************
**********************************************
*********************************************/

.csc-sitemap{
margin: 0 0 0 20px !important;
}

.csc-sitemap ul{
background: url(../img/sitemap_dot.gif) repeat-y left top !important;
margin: 3px 0 0 0 !important;
}

.csc-sitemap ul{
padding: 0 !important;
list-style: none !important;
}

.csc-sitemap ul ul{
margin: 3px 0 10px 10px !important;
}

.csc-sitemap ul li{
padding: 0 0 0 18px !important;
margin: 5px 0 5px 0 !important;
}

.csc-sitemap ul li{
background: url(../img/sitemap_line_center.gif) no-repeat left 0 !important;
}

.csc-sitemap ul li ul li{
background: url(../img/sitemap_line_center.gif) no-repeat left 0 !important;
}

.csc-sitemap ul li ul li a{
color: #266ca3;
}

.csc-sitemap ul li ul li ul li a{
color: #4c7ea6;
}


.csc-sitemap ul li.last{
background: url(../img/sitemap_line.gif) no-repeat left center !important;
margin: 0 0 0 0 !important;
}


/*********************************************
**********************************************
**************
**************  BOXEN STartseite
**************
**********************************************
*********************************************/


.boxwide_blue, .boxwide_gray{
margin: 0 5px 0 0;
}


.boxwide_blue, .boxwide_gray, .boxwide_orange{
width: 158px;
float: left;
margin-top: 0px;
color: #fff;
font-size: 0.9em;
padding: 10px;
height: 80px;
}

.boxwide_blue a, .boxwide_gray a, .boxwide_orange a{
color: #fff;
}

.boxwide_blue h1, .boxwide_gray h1, .boxwide_orange h1{
color: #fff;
font-size: 13px;
font-weight: bold;
}

.boxwide_gray{
background: #c0c0c0 url(../img/box_gray_bg.jpg) repeat-y scroll right top;
border: 1px solid #8F8F8F;
}

.boxwide_blue{
background: #07538F url(../img/box_blue_bg.gif) repeat-y scroll right top;
border: 1px solid #0D456F;
}

.boxwide_orange{
background: #E95112 url(../img/box_orange_bg.jpg) no-repeat scroll right top;
border: 1px solid #BF4617;
}


.align-right{
text-align: right;
}

/*********************************************
**********************************************
**************
**************  Unterschriften
**************
**********************************************
*********************************************/

.uname .ukommentar {
background-color:#EFEFEF;
border:1px solid #EE5722;
color:#333333;
display:none;
left:0;
padding:5px;
position:absolute;
top:15px;
width:400px;
}

.uname {
cursor:pointer;
padding:0 0 0 5px;
position:relative;
text-decoration:none !important;
}

/*********************************************
**********************************************
**************
**************  Kontaktformular
**************
**********************************************
*********************************************/

.csc-mailform-field, .row{
clear: both;
margin: 0 0 5px 0 ;
}

.csc-mailform-field label, .row label{
display: block;
float: left;
width: 150px;
}


.csc-mailform-submit{
margin: 0 0 0 150px !important;
}

.tx-timtabsociable-pi1{
position: absolute;
top: -250px;
left: -5px;
display: none;
background-color:#EFEFEF;
display:none;
padding: 10px;
top:-113px;
width:300px;
text-align: left;
border: 1px solid #BFBFBF;
}

.tx-timtabsociable-pi1 a{
padding: 4px;
}

.bookmarks{
float: left;
position: relative;
}


.ui-accordion-content{
overflow: hidden;
clear: both;
}

.download_box{
width: 240px;
margin: 0 10px 0 0;
font-size: 0.9em;
float: left;
overflow: hidden;
line-height: 1.2em;
}

.ui-accordion-content .download_section{

}

.ui-accordion-content .pdf {
display: block;
}

.ui-accordion-header{
background: url(../img/more_arrow_blue.gif) no-repeat 5px center #22659A;
padding: 3px 3px 3px 20px;
color: #fff;
margin: 0 0 2px 0;
cursor: pointer;
}

.ui-state-active{
background: url(../img/more_arrow_orange.gif) no-repeat 5px center #E95112;
}

.ui-state-hover{
color:  #D1E2EF !important;
}

#accordion .mcpfile{
border: 1px solid #fff;
padding: 5px 5px 5px 25px;
background-position: 3px center;
}

#accordion a.mcpfile:hover{
border-color: #DFDFDF;
background-color: #efefef;
color: #E95112;
text-decoration: none;
}

#accordion .ui-accordion-content h3{
margin: 10px 0 5px 0;
color: #E95112;
font-size: 12px;
}

.guestbook_entry{
border-bottom: 1px solid #ccc;
}

.guestbook_entry h2{
margin: 5px 0 5px 0 !important;
}

.tx-guestbook-date{
color: #333;
font-weight: normal;
font-size: 0.8em;
}

.tx-guestbook-field{

}

.tx-guestbook-pagination, .tx-guestbook-result{
text-align: center;
}

.tx-guestbook-pagination{
margin: 5px 0 0 0;
}

.tx-guestbook-form-error{
color: red;
}

.comment_entry{
margin: 10px;
color: #555;
}

.comment_entry h2{
color: 
}

#facebook{
margin: 10px;
}

#facebook a{
opacity: 0.8;
-moz-opacity: 0.8;
}

#facebook a:hover{
opacity: 1;
-moz-opacity: 1;
}

.facebook{
padding: 5px 5px 5px 20px;
background: url(../../facebook_small.gif) left center no-repeat;
}