/*<![CDATA[*/

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Stylesheet-Version:		Basic												   	   *
 * Version:					1.0														   *
 * Author:					re-lounge (http://www.re-lounge.com)					   *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 			*/


body{
	margin-top:0px;
	margin-right:0px;
	margin-left:0px;
	font-family: Verdana, arial, sans serif;
	}

p,ul,a,dl,div.news-list-category,div.tx_tipafriend{
	font-size:12px;
	line-height:17px;
	margin-top:0;	
}

p{
	margin-bottom:25px;
}

/* ******************************************************
   Link-Colors
   ****************************************************** 
*/
#main a{
	color: #039;
	background:url(basic/link_icon.gif) 0 4px no-repeat;
	padding:0 0 0 8px;
	text-decoration: none;
}

a:hover{
	text-decoration:underline;
}

/* ******************************************************
   Headlines
   ****************************************************** 
*/
h1{
	font-size:21px;
	line-height:24px;
	color: #039;
	margin:0 0 12px;
	font-weight:normal;
}

h2{
	font-size:18px;
	line-height:20px;
	color: #039;
	font-weight:normal;
	margin-top:0;
}

h3{
	font-size:16px;
	line-height:20px;
	margin-bottom:0;
}


input, textarea{
	font-family:Trebuchet MS, arial, sans serif;
	font-size:11px;
	line-height:15px;
}


label,td{
	font-size:11px;
	color:#333;
}

.subtitle{

}
.subtitle a{
	text-decoration:none;
	background:none !important;
}

.success{
	color:#2db703;
}

/* ******************************************************
   Icons
   ****************************************************** 
*/
.linkicon{
	background:url(basic/link_icon.gif) center left no-repeat;
	padding:0;
	display:inline-block;
	float:none !important;
	height:11px;
	width:8px;
}

.pflichticon{
	background-image:url(basic/icon_sprite.gif);
	background-position:49px 20px;
	float:right !important;
	height:11px;	
	width:8px;
	padding-right:2px;
}

.label_wrapper{
	position:relative;
	width:100%;	
}

.label_wrapper .pflichticon{
	position:absolute;
	right:0;
}

/* ******************************************************
   Helper
   ****************************************************** 
*/
.floatLeft{
	float:left !important;
}

.nomargintop{
	margin-top:0px;	
}

.antifloat{
	float:none;
}

.input_wrapper{
	margin-bottom:5px;	
}

.news-list-item{
	margin:0 0 25px;
}

/* ******************************************************
   Header der Startseite
   ****************************************************** 
*/
#header_start{
	background-image:url(basic/bg_header_home.gif);
	background-repeat:repeat-x;
	height:290px;
}

#header_start .center .banner{
	background-image:url(basic/header_home.jpg);	
	height:260px;	
}

/* ******************************************************
   Header des Presseverteilers
   ****************************************************** 
*/
.header{
	background-color:#313031;
	background-image:url(basic/bg_presseverteiler.gif);
	background-repeat:repeat-x;
	height:160px;
}

.header .center .banner{
	background-image:url(basic/header_presseverteiler.jpg);
	margin-left:-25px;
	width:855px;
	height:130px;	
}

.header .center{
	margin:auto;
	width:810px;
}	

.redbar {
	height:30px;
	position:relative;
	vertical-align: middle;	
}

.header #search{
	left:153px;
	position:relative;
	top:4px;
	float:left;	
}
.header #search .searchDescription{
	font-size:11px;
	height:24px;
	padding:3px 5px 0 0;
	float:left;
	color:#FFF;
}

.header #search .submit{
	font-size:11px;
	padding:3px 5px 0 10px;
	background-color: transparent;
	width:26px;
	border: none;
	cursor: pointer;
	color: #FFF;	
}

.header #search #search_input{
	display:inline-block;
	width:137px;
	float:left;
	height:16px;	
}

.header #search input{
	border-color:#000;
	border-style:none solid;
	border-width:medium 1px;
	width:138px;
	height:16px;
	line-height:15px;
}

.header #search .top{
	background-image:url(basic/box_sprite.jpg);
	background-position:-10px 24px;
	height:2px;
	position:relative;
	width:140px;
	z-index:10;
	top:1px;
}

.header #search .bottom{
	
	background-image:url(basic/box_sprite.jpg);
	background-position:-10px 12px;
	height:2px;
	position:relative;
	width:140px;
	z-index:10;
	bottom:1px;
}

.header #logo{
	position:absolute;
	right:-50px;
	top:45px;
	width:180px;
}


/* ******************************************************
   Main-Bereich
   ****************************************************** 
*/
#main{
	width:860px;
	margin:auto;
	margin-bottom:50px;
	margin-top:50px;
	overflow: hidden;
}


#main #center{
	width:500px;
	margin-right:20px;
	margin-left:20px;
	float:left;
}

#main #left{
	float:left;	
}

#main #right{
	width:160px;
	float:right;	
}

/* ******************************************************
   Breadcrumbs
   ****************************************************** 
*/

#breadcrumbs{
	margin-top:20px;
	margin-left:-15px;
	font-size: 11px;		
}

#breadcrumbs .breadcrumb{
	float:left;
	height:20px;
	margin-right:5px;
}

#breadcrumbs .breadcrumb .icon{
	background-position:21px -6px;
	height:20px;
	width:14px;	
}

#breadcrumbs a{
	color: #000000;
	background:url(basic/link_icon.gif) center left no-repeat;
	padding:0 0 0 8px;
	text-decoration: none;
	font-size:11px;
}

#breadcrumbs a:hover{
	color: #CC0000;
}

/* ******************************************************
   Menu
   ****************************************************** 
*/

#menu{	
	float:left;
}

#menu ul{
	list-style: none;
	padding:0;
	margin-top:0;
	margin-left:0;	
}

#menu li{
	border-top:1px solid #CCC;
	width:148px;
	padding:0 0 0 10px;
	background:url(basic/menu_bg.gif) top left repeat-x;
}

#menu li a{
	color: #033395;
	text-decoration: none;
	background:url(basic/link_icon.gif) center left no-repeat;
	font-size:11px;
	padding:3px 0 3px 8px;
	display:block;
}
#menu li a:hover{
	text-decoration:underline;
}

#menu li.active{
	background:none;
}

#menu li.active a{
	font-weight:bold;
}

#menu ul ul li{
	margin:0 0 0 -10px;
	padding:0 10px 0 0;
	background:none !important;
	background-color:none !important;
}
#menu ul li.active li a{
	font-weight:normal;
}
#menu ul li.active li.active a{
	font-weight:bold;
}
#menu ul ul li a{
	margin:0 0 0 20px;
}

/* ******************************************************
   Box
   ****************************************************** 
*/
.box{
	float:left;
}

.box .top{
	background-image:url(basic/box_sprite.jpg);
	background-position:-10px 81px;
	float:left;
	height:8px;
	width:160px;
	
}

.box .main{
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	padding:5px;
	width:146px;
	float:left;
}

.box .main p{
	font-size: 11px;
	line-height: 15px;
	margin-top:0.4em;
}
	
.box .bottom{
	background-image:url(basic/box_sprite.jpg);
	background-position:-10px 63px;
	height:17px;
	width:160px;
	float:left;
}

.box a{
	font-size: 11px;
	line-height: 15px;
	color: #000;		
}

/* ******************************************************
   Footer
   ****************************************************** 
*/

#footer{
	background-image:url(basic/footer.jpg);
	background-repeat:no-repeat;
	margin:auto;
	width:840px;
	font-size: 10px;
	height:30px;
}

#footer .links{
	color: #666;
	text-align: center;	
}

#footer .links ul{
	height:12px;
	list-style-type:none;
	margin:auto;
	padding:6px 0 0;
	/*margin:0 0 0 340px;*/
	margin: 0 0 0 220px;
}

#footer .short ul{
	margin: 0 0 0 300px;
}

#footer .links ul li{
	float:left;
	margin:0;
	padding:0;
}

#footer .links ul li.footseperator {
	margin:0;
	padding:0 10px;
	width:1px;
}


#footer .links a{
	font-size: 10px;
	color: #666;
	background:none;
	padding:0;
	text-decoration: none; 
}

#footer .links a.first, #footer .links a.last{
	border: none;
	padding: 0;	
}

#footer ul li.rss{
	float:right;
}
#footer ul li.rss img{
	border:none;
	vertical-align:middle;
}

/* ******************************************************
   Presseverteiler
   ****************************************************** 
*/
#pressever_box{
	margin:0;	
}

#pressever_box .center{
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	float:left;	
}

#pressever{
	width:398px;	
}

#pressever h3{
	margin-bottom:5px;	
}

#pressever table{
	margin-right:0.6em;
	margin-left:0.6em;	
}

#pressever table tr{
	height:0.5em;
}

#pressever table td.left, #pressever table td.right{
	vertical-align: middle;
}

#pressever>div{
	margin-right:0.6em;
	margin-left:0.6em;
	width:100%;
	float:left;
}


.powermail_text, .powermail_textarea,
#pressever input.text, textarea.text{
	width:20em;
}

/* the submit button should have some space to "Ausweis hochladen" */
.powermail_submit { margin-top: 15px; }

#pressever .left{
	width:48%;
	padding-bottom:0;
	padding-top:0;
	padding-right:0.3em;
	}

#pressever .right{
	padding-bottom:0.3em;
	padding-top:0;
	width:48%;	
}


#pressever_box .top{
	background-image:url(basic/box_sprite.jpg);
	background-position:-10px 0;
	float:none;
	height:20px;
	width:400px;
}

#pressever_box .bottom{
	background-image:url(basic/box_sprite.jpg);
	background-position:-10px -30px;
	height:10px;
	width:400px;
	float:left;
}

#pressever_themen{
	float:none;
	overflow:hidden;
	margin-top:0.4em;
}

#pressever_themen .right, #pressever_themen .left{
	float:left;	
}

#pressever_themen label.left{
	width:50%;
	padding-bottom:0;
	padding-top:0;
	padding-right:0.3em;
	float:none;
}

#pressever_themen label{
	display:inline-table;
}


#rezenssion_wahl { margin-top: 10px; }
#presserabatt p { margin-bottom: 10px; font-size: 11px; }

/* ******************************************************
   Buttons
   ****************************************************** 
*/
.button{
	cursor: pointer;
	clear:both;
}

.button div{
	float: left;
}

.button .front{
	background-image:url(basic/button_sprite.jpg);
	height:40px;
	width:3px;
}

.button .main{
	background-image:url(basic/button_sprite.jpg);
	height:38px;
	padding-left:12px;
	padding-right:12px;
	padding-top:0.5em; 
}

.button .back{
	background-image:url(basic/button_sprite.jpg);	
	height:40px;
	width:15px;
}

.grey .front{	
	background-position:-10px -90px;	
}

.grey .main{	
	background-position:0 -258px;
	color:#7A7A7A; 
}

.grey .back{	
	background-position:-24px -90px;
}

.grey_hover .front{	
	background-position:-10px -132px;	
}

.grey_hover .main{	
	background-position:0 -300px;
	color:#A9A9A9; 
}

.grey_hover .back{	
	background-position:-24px -132px;
}

.green{
	margin-top:30px;	
	margin-bottom:15px;
	float:left;
}

.green .front{	
	background-position:-10px -6px;	
}

.green .main{	
	background-position:0 -174px;
	color:#FFF; 
}

.green .back{	
	background-position:-24px -6px;
}
.green_hover{
	margin-top:30px;
	margin-bottom:15px;	
}

.green_hover .front{	
	background-position:-10px -48px;	
}

.green_hover .main{	
	background-position:0 -216px;
	color:#FFF; 
}

.green_hover .back{	
	background-position:-24px -48px;
}

.antifloat{
	float:none !important;
}

/* ******************************************************
   Overlay
   ****************************************************** 
*/
.overlay{
	display: none;
	background-color: #FFF;
	width: 800px;
	padding:10px;
	border-right:1px solid #FFF;
	border-left:1px solid #000;
}

.overlay a{
	background:none !important;
}

.overlay h1{
	margin-top:0;
	margin-bottom:0;	
}

.overlay .top{
	background-color:transparent;
	float:left;
	margin-top:-20px;
	position:absolute;
	width:100%;
	}

.overlay .corner{
	height:21px;
	width:29px;
}

.overlay .top .leftCorner{
	background-image:url(basic/layover_sprite.png);	
	left:-21px;
	margin-top:-10px;
	position:absolute;	
	background-position:-1px 0;
	}

.overlay .top .rightCorner{
	background-image:url(basic/layover_sprite.png);
	background-position:34px -7px;
	position:absolute;
	right:-3px;
	top:-3px;
	}

.overlay .top .center{
	background-color:white;
	height:10px;
	margin-left:7px;
	width:96%;
	border-top:1px solid black;
	}
	
.overlay .bottom{
	background-color:transparent;
	float:left;
	bottom:-20px;
	position:absolute;
	width:100%;
	left:10px;
	}

.overlay .borderRight{
	background-image:url(basic/layover_sprite2.png);
	background-repeat:repeat-y;
	height:99%;
	position:absolute;
	right:-11px;
	top:8px;
	width:10px;
}
	

.overlay .bottom .leftCorner{
	background-image:url(basic/layover_sprite.png);
	background-position:-1px -37px;
	float:left;
	left:-21px;
	margin-top:0;
	position:absolute;
	}

.overlay .bottom .rightCorner{
	background-image:url(basic/layover_sprite.png);
	background-position:34px -37px;
	margin-top:-21px;
	position:absolute;
	right:-3px;
	}
	
.overlay .bottom .center{
	background-image:url(basic/layover_sprite.png);
	background-position:-164px 41px;
	height:21px;
	margin-left:7px;
	width:96%;
}

.overlay table{	
	padding-bottom:0.5em;
	border-collapse: collapse;
	}

.overlay div.mainPart{
	padding: 10px;	
}
	
.overlay .mainPart .center{
	position:relative;
}

.overlay .centerTable{
	width: 100%;	
}

.overlay .centerTable td.leftCol, .overlay .centerTable td.rightCol{
	width:50%;
	vertical-align: top;
	padding-right:10px;
}

.overlay .centerTable td.leftCol table, .overlay .centerTable td.rightCol table{
	width:100%;
	margin-top:1em;
}
.overlay .centerTable td.rightCol{
	padding-left:20px;
}

.overlay td.price{
	width:100px;
	text-align: right;
	padding-right:1em;	
}

.overlay th{
	font-size:11px;
	background-color: #FFF;
	text-align: left;
}

.overlay td{
	padding:0;
	font-size:11px;
}

.overlay tr{
	padding-right:0.3em;		
}

.overlay tr.geradeZeile{
	background-color: #E4E4E4;
}

.overlay a.linethrough{
	text-decoration: line-through;
}

.overlay th.red{
	color:#C00;
	font-weight:normal;
	padding-right:1.5em;
	text-align:right;
}

.overlay .green{
	clear: none;
}
.overlay .green_hover{
	clear: none;
}

.close{
	position:absolute;
	right:20px;
	cursor: pointer;
	
}

.close .closeIcon{
	background-image:url(basic/icon_sprite.gif);
	background-position:19px 19px;
	height:11px;	
	width:15px;
	display: inline-block;
	margin-left: 3px;
}
	
.leftBottom{
	float:left !important;
}

.rightBottom{
	float:right !important;
}

/* ******************************************************
  Minishop
   ****************************************************** 
*/
.minishop h1{
	margin:0 0 35px;
	padding:0;
}
.minishop ul.minishop-left{
	width:160px;
	float:left;
	border-top:1px solid #ccc;
	margin:0;
	padding:0;
}
.minishop ul li{
	list-style:none;
}
.minishop ul.minishop-left li a{
	font-size:11px;
	display:block;
	padding:3px 10px !important;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	background:#fff url(basic/menu_bg.gif) bottom left repeat-x !important;
}
.minishop ul.minishop-left li a.active{
	background:none !important;
	border-right:none;
}
.minishop .minishop-right{
	float:right;
	width:605px;
	padding:18px 0 0 15px;
	border-top:1px solid #CCCCCC;	
}
.minishop .minishop-right h3{
	font-size:14px;
	color:#666;
	border-bottom:1px solid #666;
}
.minishop .minishop-right ul{
	margin:0;
	padding:0;
}
.minishop .minishop-right a{
	background:url(basic/link_icon.gif) 0 4px no-repeat !important;
	padding:0 0 0 8px;
}
.minishop .minishop-right .loader{
	background:#fff url(basic/loader.gif) center center no-repeat;
	height:150px;
	position:relative;
	width:90%;
}
.minishop .minishop-right table.products{
	width:100%;
}
.minishop .minishop-right table.products td{
	padding:3px 10px 3px 0px;
	border-bottom:1px solid #ccc;
}
.minishop .minishop-right table.products td.even{
	background:#f7f7f7;
}
.minishop .minishop-right table.products td.odd{
	background:#fff;
}
.minishop .minishop-right .selected-products{
	font-size:11px;
	margin:30px 0 10px;
	padding:5px 0;
	line-height:15px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
.minishop .minishop-right .selected-products a.delete{
	background:none !important;
}
.minishop .minishop-right .selected-products a.delete img{
	border:none !important;
	vertical-align:middle;
}
.minishop .minishop-right .actions input{
	float:right;
}

.minishop .minishop-right .quicksearch{
	border-bottom:1px solid #ccc;
	padding:0 0 15px;
	margin:0 0 15px;
}
.minishop .minishop-right .quicksearch .searchfield{
	width:180px;
}
.minishop .minishop-right .quicksearch .select{
	float:right
}
.minishop .minishop-right .holder-details h2 {
	padding:0 0 15px;
	border-bottom:1px solid #ccc;
}
.minishop .minishop-right .holder-details .detail-left{
	float:left;
	width:175px;
}
.minishop .minishop-right .holder-details .detail-right{
	float:right;
	width:420px;
}
.minishop .minishop-right .holder-details .detail-right h2 {
	padding:0;
	border-bottom:none;
}
.minishop .minishop-right .holder-details .detail-right h3 {
	border:none;
	color:#003399;
	font-size:16px;
	font-weight:normal;
	margin:-12px 0 5px;
}
.minishop .minishop-right .holder-details .detail-right p{
	color:#666666;
	font-size:11px;
	margin:0 0 20px;
}
.minishop .minishop-right .holder-details .detail-right label{
	color:#666666;
	display:block;
	float:left;
	font-weight:bold;
	width:90px;
}
.minishop .minishop-right .holder-details .detail-right a{
	font-size:11px;
}
.minishop .minishop-right .holder-details .detail-right a.choose-product{
	background:none !important;
	padding:0 !important;
}
.minishop .minishop-right .holder-details .detail-right a img{
	border:none;
}

/* ******************************************************
   Tip a friend
   ****************************************************** 
*/

#main div#center .tx_tipafriend div {
	float:left;	
}

#main div#center div.tiplink {
	float:left;
}

.tx_tipafriend_formfield label { 
	display: block;
	float:left;
	width: 130px;
	padding: 5px 0;
}

.tx_tipafriend_formfield textarea,
.tx_tipafriend_formfield input { 
	display: block;
	float: left;
	width: 220px;
}
.tx_tipafriend_codetext { 
	display: block;
	float: left;
	width: 360px;
}
.tx_tipafriend_formfield textarea {
	padding: 5px 2px;
}
img.tx-srfreecap-pi2-image {
	margin:0;
	vertical-align: middle;
	/*float:right;*/
}
.tx_tipafriend_url { margin-bottom: 10px; }

.tx_tipafriend_error_box {
	background-color: #fdfdfd;
	color: #D70721;
	padding: 10px;
	border: 1px solid #D70721;
	margin-bottom: 10px;
	width: 90%;
}

.tx_tipafriend_note { margin: 10px 0; }

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

#main div.news-single-rightbox,
p.news-list-date { float:right; }
span.news-list-morelink { padding-left:10px; white-space:nowrap; }

#main div.news-single-rightbox { margin-top: 10px; }

hr.cl-left,
hr.cl-right,
hr.clearer { 	border:none; }

.news-list-browse { font-size: 12px; }

.news-single-item dd { margin-left: 0px; }
.news-single-item dd a { padding-right:10px; }
.news-single-additional-info { margin-bottom: 15px; }

/* category / categories tree */

.news-list-item p { margin-bottom: 8px; }

.news-amenu-container ul,
.news-amenu-container ul li { margin: 0; padding: 0; list-style-type: none; }

.news-amenu-container ul { margin-bottom: 20px; }

div#c209 #ttnews-cat-tree { margin-bottom: 0; }

#c109 .news-catmenu { margin-bottom: 20px; }

/* aktive Filter hervorheben */
.news-amenu-container ul li.amenu-act a,
.news-catmenu-ACT a { font-weight:bold; }

/* get the ul list of the categories next to the p element with "alle anzeigen" */
div#c143 p,
div#c210 p { margin: 0; }

/* because the laben of "Kategorieauswahl:" couldn't be changed it has to be hidden in frontend */
#ttnews-cat-tree ul#treeRoot li a { display:none; }
#ttnews-cat-tree ul#treeRoot li ul li a { display: inline; }

/* don't show "Go to archive" on overview page */
div#c211 .news-latest-gotoarchive { display:none; }

/* ******************************************************
   typo3 content elements
   ****************************************************** 
*/

#main div.csc-header { float:none; }