/* PUBLIKSEITE ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* ~~~ 3.1. PUBLIC-EXTRA EBENEN IN DIE datei publick.css übernehmen ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	#content_0pub { position:relative; z-index: 0; margin-left: auto; margin-right:auto; width: 980px; margin-top: 1px; background-color: #ffffff; }
	
	#content_public, .content_public {position:relative; z-index: 3; top: 0px; left: 0; padding-top: 15px;}
	.head_logo_public{ position: relative;  height: 100px; width: 980px; z-index: 1; background: url("imgs/logo.png") no-repeat scroll 15px 45px #ffffff;}
	.logoLink{position: absolute; top: 45px; left: 25px; background-color: transparent;}
    
    #sprache_pub, .sprache_pub  { z-index: 200; position: absolute; top: 30px; left: 770px; width:210px; height:20px;}
    
    .head_logo_public .sprache_pub li.langlink { background: url("imgs/navi_trenner14.png") no-repeat scroll left top transparent; padding: 0px 10px 0px 7px;}
	.head_logo_public .sprache_pub ul li { float: right; list-style: none outside none; }
	.sprache_pub ul li a{ list-style: none outside none; font-size: 10px; color: #666666!important; }
    
    /* ~~~~~~~~~  MEIN NAVIGATION FÜR PUBLIC MENU  ~~~~~~~~~~~~~~~~~| 'top' 'right' 'bottom' 'left' |~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/	
    .navi_public, .sub_navi {  padding-left: 0px; position: relative; z-index: 1000; top: 0px; left: 0px; border: 0; min-height: 20px; }
    .navi_public  { height:30px; left: 295px; position: relative; top: 75px; width: 680px; text-align: right;}
	.navi_public h4 { float: left; display: inline; line-height: 25px;
					 /*background: url("imgs/navi_trenner.png") no-repeat scroll 0 3px transparent; padding: 0px 7px 0px 7px;*/
					 padding: 0px 10px 0px 3px;
					/*
					background: url("imgs/pfeil_link.png") no-repeat scroll 0 10px; transparent;   
					*/
					text-transform: none;
					}
	h4, .h4, a.h4:link, a.h4:visited {
	    font-size: 14px; font-weight: normal; line-height: 25px;
	 }
	    
		.navi:link, a.navi:visited { font-size: 18px; padding: 5px 5px 15px 5px; border: 0px solid #db0b11; text-shadow: 1px 1px 1px #ffffff; 
		font-family: Arial,Verdana,Tahoma,Helvetica,sans-serif!important;}
		a.navi:hover, a.navi:active, a.naviA:link, a.naviA:visited, a.naviA:active, a.naviA:hover {
			font-size: 18px;
		    font-weight: normal;
		    padding: 10px 5px 2px 5px;
		    text-decoration: none; 
	    	text-shadow: 1px 1px 1px #ffffff;
	    	color: #db0b11!important;
	    	
	#content_1 { position:relative; z-index: 0; margin-left: auto; margin-right:auto; max-width: 600px; height:auto;  margin-top: 10px;
		box-shadow: 0 0 20px 15px rgba(0, 0, 0, 0.2);
		background-color: #ffffff;
	}

	    	
	    	/*
	    	background-color: #F5F4F4;
	    	border-top-left-radius: 7px;
    		border-top-right-radius: 7px;
    		box-shadow: 0px 0px 5px #888888;
    		*/
		}
	    
		
	#sub_func h3  { background-color: #ffffff; display: inline; line-height: 20px; margin: 2px 0 0 5px; padding: 3px 5px 3px 5px;}  
	#sub_func {  background-color: #ffffff; border-left: 1px dotted #005da8; border-bottom: 1px dotted #005da8; border-right: 1px dotted #005da8; }
		
		a.snavi:link, a.snavi:visited { font-size: 11px; color: #000000; font-weight: bold; text-decoration: none;  padding: 3px 5px 3px 5px;}
		a.snavi:hover, a.snavi:active, a.snaviA:link, a.snaviA:visited, a.snaviA:active, a.snaviA:hover {
		 	padding: 3px 5px 3px 5px; 
			font-size: 11px; font-weight:bold; text-decoration: none; color: #000000; background-color: #005da8; border-bottom: 3px solid #000000; 
		}
	
/* ~~~ 3.2. HOME DIVs ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	.ConenLeft  { float: left; background-color:#ffffff; position: relative; top: 0; min-height: 505px; width:  }
	.HomeNewsInfos{ float: left; background-color: blue; min-height: 100px;}	
	.HomeNaviInfo {background-color: #cccccc; min-height: 100px;}	
	
	.buchenLoginForm {position: relative; background-color: #F5F4F1; border: 0px solid #dcdcdc; 
						border: 1px solid #B4B4B4;
						min-height: 400px;
						/*
						border-bottom-right-radius: 12px;
						border-top-left-radius: 12px;
						*/
					} 
	.buchenLoginForm, .buchenLoginFormHome { 
			z-index: 2001; height: auto; float: none;
	}
	.login-form {padding: 5px 5px 5px 0px;}
div.buchenLoginForm h3 {
    background: url("imgs/bg_boxheader.gif") repeat scroll 0 0 ;
    font-weight: bold;
    margin: 0;
    padding: 5px 10px 5px 10px;
    position: relative;
}
	
	
	#StartseiteLoginForm { left: 0; top: 0; }
	.titLogin {font-size: 12px; color: #666666; font-weight: bold; padding: 3px 0 3px 0;}
	.homeLogin{ padding-left: 15px; margin-top: 20px;}

.left_cont * {color: #666666!important;} 
.left_cont, .left-home  { float: left; position: relative; min-height: 350x; width: 285px;}

.left_cont  { margin: 25px 35px 30px 35px;}

.home-text {padding-left: 20px;  background-color: #F6F6F6;}

.right_cont, .right-home { position: relative; margin-left: 305px; min-height: 400px; width:675px; background-color: #F6F6F6;}

.main_tit {  border-bottom: 1px solid #666666; margin-bottom: 10px; padding-bottom: 3px; color: #666666 !important; font-size: 160%; line-height: 1.2; }

#CMS_Editiere_Seite_Form {position: relative; left: -50px; width: 600px;  background-color:#ffffff;}
   
.news_block {
    background: url("../pics/extra_info.png") repeat scroll 0 0 transparent;
    height: 229px;
    left: 343px;
    position: absolute;
    top: 273px;
    width: 305px;
}

.tab-menu {
background:#FFFFFF;
}

.newsletter {
    background: none repeat scroll 0 0 #F8F8F8;
    border: 1px dotted #B39A6B;
    float: left;
    height: 52px;
    margin-left: 25px;
    position: relative;
    width: 255px;
    padding-left: 10px;
}

.newsletter_image {
    background: none repeat scroll 0 0 transparent;
    display: block;
    height: 345px;
    margin-top: 6px;
    position: absolute;
    width: 282px;
    color:#FFFFFF;
}

/* NEWSTICKER PUBLIK ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#newsticker_publik {
	/* this is important */
	overflow: hidden; 
	height: 60px;
	background: #EEEEEE;
	border: solid 1px #DCDCDC;
	top: 5px;
	margin: auto;

  background-image: -moz-linear-gradient(top, #ffffff, #DCDCDC); /* FF3.6 */
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ffffff),color-stop(1, #DCDCDC)); /* Saf4+, Chrome */
			filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#DCDCDC'); /* IE6,IE7 */
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#DCDCDC')"; /* IE8 */

	 -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
		  border-radius: 6px;
}

#newsticker_publik:hover { 	background: #fff; }

#content_public h1 { color: #666666!important; font-size: 20px; line-height: 20px; font-weight: normal; margin-bottom: 10px;}
#content_public h2 { font-size: 14px; color: #000000; line-height: 16px; font-weight: normal; margin-bottom: 7px;}
#content_public h5 { font: 15px/17px Verdana, Arial, Helvetica, sans-serif !important;  color: #F23136!important; }
h6 { font: bold 12px/18px Arial, Helvetica,sans-serif!important; color: #333333;}

.descpanelfg { height: 20px; font-size: 16px!important; font-style: italic; padding-top: 7px!important;}
#fadeshow1 {z-index: 1000;}
#fadeshow1toggler {width:150px; text-align:center; left: 540px; margin-top: -25px; z-index: 2000; position: absolute;}

	.status {color: #ffffff; font-style: italic; margin: 0 20px; font-size: 12px;}


.info-box-cont, .info-box-kl { position: relative; border: 1px solid #eeeeee; border-bottom-right-radius: 12px; }
	
.info-box-kl { padding: 5px 5px 5px 30px; }
.info-box-cont { padding: 5px 5px 5px 10px; }

.infolinks { font-weight: normal;}
.info-box  { margin: 0px 0px 3px 0px; height: 25px; background: #cccccc url(imgs/pfeil_u_tit.gif) no-repeat scroll right top;
			  border-top-left-radius: 12px;
		}
		
	.info-box-tit {padding: 4px 25px 2px 25px; text-transform: uppercase; font-size: 14px; color: #000066; }
.info-box-cont td { color: #666666!important;  }
.InfosCall { margin-bottom: 5px;}
.linie { margin: 8px 0 8px 0px; border-bottom:solid 1px #C5C5C5;}
.liniePunkt { margin: 2px 0 5px 0px; border-bottom: dotted 1px #C5C5C5;}

.preis { font-size: 14px!important; 
	color:#F23136;
}
.preis-kl { font-family:'colaborate-boldregular'; 
	font-size: 14px!important; 
	line-height: 17px;
	color:#F23136;
}

.home-ibook-preise { box-shadow: 0px -1px 5px #CCCCCC;}
	.tdWfh    { width: 80px; padding: 2px 2px 2px 9px; background: url("imgs/pfeil_link.png") no-repeat scroll 0px 7px;}
	.tdWdatum { width: 70px; padding: 2px 2px 2px 5px; font-weight: bold; font-size: 10px;}
	.tdWpreis { width: 90px; text-align: right; padding: 2px 2px 2px 5px;  font-size: 10px;}

table.home-ibook-preise tr:first-child {background: transparent;}
table.home-ibook-preise tr:nth-child(2n+0) {background: #EDF8FC;}	/*F6F6F6*/
	
.bg-pfeil    { padding-left: 9px!important; background: url("imgs/pfeil_link.png") no-repeat scroll 0px 7px;}

table.preise {
	width: 230px;
	box-shadow: 0px -1px 5px #CCCCCC;
	}
table.preise td { padding: 1px 2px 1px 3px;
	font-size:13px; font-weight:normal; color:#555555!important;
} 

table.preise tr:first-child {background: transparent;}
table.preise tr:nth-child(2n+0) {background: #EDF8FC;}


.article, .article p, .article div, .article td {font-family: Verdana,Helvetica,sans-serif ; font-size:12px; 	line-height:15px; }
.article {
	padding: 7px 7px 15px 10px;
	margin-top:10px;
	border:solid 1px #E1E1E1;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;

background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(32,32,32,0) 0%, rgba(178,178,178,0.65) 500%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(50%,rgba(32,32,32,0)), color-stop(500%,rgba(178,178,178,0.65)));
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(32,32,32,0) 0%,rgba(178,178,178,0.65) 500%);
background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(32,32,32,0) 0%,rgba(178,178,178,0.65) 500%);
background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(32,32,32,0) 0%,rgba(178,178,178,0.65) 500%);
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(32,32,32,0) 0%,rgba(178,178,178,0.65) 500%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6b2b2b2',GradientType=0 );
}
a.weiter:link, a.weiter:visited { color:#F23136!important; text-decoration: none; }
a.weiter:hover, a.weiter:active { color:#0295D8!important; text-decoration: none; }

div.cpoy_foot {   border-bottom: 1px solid #8B8178;  clear: both; font-size: 12px; margin: 20px 0 10px 0; position: relative; z-index: 1;}
div.cpoy_foot .links { border-top: 1px solid #D5D2CA; clear: right; min-height: 25px; padding: 10px; position: relative; z-index: 2000; }

.MaP20{margin: 20px; padding: 10px 0px 20px 0px;}
/* elegante STYLE CSS */
.select-css {
	display: block;
	font-size: 18px;
	font-family: sans-serif;
	font-weight: 700;
	color: #444;
	line-height: 1.3;
	padding: .6em 1.4em .5em .8em;
	width: 100%;
	max-width: 100%;
	min-height: 30px;
	box-sizing: border-box;
	margin: 0;
	border: 1px solid #aaa;
	box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
	border-radius: .5em;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-color: #fff;
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
	  linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
	background-repeat: no-repeat, repeat;
	background-position: right .7em top 50%, 0 0;
	background-size: .65em auto, 100%;
}
.select-css::-ms-expand {
	display: none;
}
.select-css:hover {
	border-color: #888;
}
.select-css:focus {
	border-color: #aaa;
	box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
	box-shadow: 0 0 0 3px -moz-mac-focusring;
	color: #222;
	outline: none;
}
.select-css option {
	font-weight:normal;
}
.fs12 {font-size: 12px!important;}
.fs14 {font-size: 14px!important; line-height: 14px;}
input[type="file"].btnKl { height: 35px;} 
.img-einfach-seite {max-width: 300px;}

.paid-edit, .paid-no, .paid-ok { font-size: 18px; color: #ffffff; border-radius: 5px; padding: 3px 5px 5px 3px; }
.paid-edit { background-color: #0066FF; }
.paid-no { background-color: #D9070F; }
.paid-ok { background-color: #10780E; }
.box-pre {
	display: block;
	padding: 9.5px;
	margin: 0 0 10px;
	font-size: 13px !important;
	line-height: 17px !important;
	color: #333;
	word-break: break-all;
	word-wrap: break-word;
	background-color: #f5f5f5;
	border: 1px solid #ccc;
	border-radius: 4px;
	font-family: Menlo, Monaco, Consolas, "Courier New", monospace !important;
  }
.ok	{ color: #10780E; padding: 5px 10px 10px 35px; background-color:#FFFFFF; border: 1px solid #10780E !important; line-height: 30px; }
.error {color: #D9070F; text-align : left; padding: 10px 10px 15px 35px; border: 1px solid #D9070F; background-color:#FFFFFF; }