@charset "UTF-8";
/* import core styles | Basis-Stylesheets einbinden */
@import url(../yaml/core/slim_base.css);
@import url(../yaml/screen/basemod.css);
@import url(../yaml/screen/content.css);
@import url(../yaml/screen/forms.css);

/* import print layout | Druck-Layout einbinden */
@import url(../yaml/print/print_100_draft.css);

/* import own basics | grundeinstellung einbinden */
@import url(basic.css);

/* import own paging | grundeinstellung blaettern */
@import url(paging.css);

/* import own basics | grundeinstellung einbinden */
@import url(navi.css);

@media screen {
    form.yform {background:transparent;padding:0;border:none;margin:0}
    #header{
		height:81px;
	  	background: url('../../image/page/header.gif');
	  	background-position: 0 0;
	  	background-repeat: no-repeat; 
	  	position: relative;
	}
	#header #languagebar{	
		position: absolute;
		top:0.5em;
		right:1em;
		width:50px;
	}
	#header div#slogan{
		position: absolute;
		top:3.7em;
		right:4em;
		width:300px;
	}
	#header strong{
		position: absolute;
		top:0.5em;
		right:2em;
		width:auto;
        font-style: italic;
	}
	#header div h2{
		float: left;
		width:90px;
		color:#b4b4b4;
		font-size:1em;
		text-align:center;
		font-weight: normal;
	}
	#teaser{
		position: relative;
		height: 203px;
		background:#FFFFFF url('../../image/page/teaser_2.jpg') no-repeat scroll right top;
	}
	#teaser img{
		position: absolute;
		top:0;
		left:0;
	}
	#main{
		padding:0em;
		position: relative;
	}
	#main h1.headline{
		position: absolute;
		top:3em;
		left:1em;
		text-indent: 1.0em;
		z-index:99;
	}
	#second_headline{
		position: absolute;
		top:2.5em;
		left:1em;
		text-indent: 2.2em;
	}
	.content{	 
	  	padding:10em 4em 2em;
	  	min-height:34em;
	}
	/***********************************************************************
	 * home
	 ***********************************************************************/
	.overview{
		padding: 0 2em;
        height: 55px;
	}
	.overview img{
		float: left;
	}
	.overview p{
		margin:0 0 0 8em;
		padding: 0;
		line-height: 30px;
		text-indent: 1.5em;
		background:url(../../image/icons/li_arrow.jpg) no-repeat scroll left center;
	}
	.overview p:hover{
		background:url(../../image/icons/li_arrow.jpg) no-repeat scroll left center;
		text-decoration: none;
	}
	.overview p a:hover{
		background:#fff;
		text-decoration: none;
	}
	#home .trennlinie{
		clear: both;
		overflow: hidden;
		margin:0.5em 0;
	}
	#home p.prolog span{
		color:#F15619;
		display:inline;	
	}
	#home p.prolog{
		padding:0 2em;		
	}
	.news{
		margin:0 2em 2.5em;
	}
	.news span{
		display:block;
	}
	.news span.newsDate{
		color:#1B395F;
		font-weight: bold;
		margin-bottom:0.5em;
	}
	.news p.newsText{
		font-style: italic;
		margin:1em 0 0 0;
	}
	.news span.readmore{
		margin:0.5em 0 0 0;
	}
	/***********************************************************************
	 * referenzen
	 ***********************************************************************/
	 #referenzen{	 	
		margin: 3em 0 0 0;
	 }
	 #referenzen .trennlinie{	 	
		margin: 0.5em 0 1em 0;
	 }
	/***********************************************************************
	 * kontakt
	 ***********************************************************************/
	#kontakt input,#kontakt textarea {
		margin: 0.2em 0 0.5em 0;
		display: block;
	}
	#kontakt input {
		width:20em;
	}
	#kontakt input.btnSubmit{
		display: inline;
		width:10em;
	}
	#impressum .impressum_box{
		text-align: justify;
	}
	#recall_service input{
		margin-left:8em !important;
	}
	/***********************************************************************
	 * leistungen
	 ***********************************************************************/
	#leistungen ul{
		margin:2em 0;
	}
	#leistungen ul li{
		margin:0.3em 0 0.3em 4em;
	}
	#leistungen img{
		margin:5em 6em 0 0;
	}
	/***********************************************************************
	 * impressum
	 ***********************************************************************/
	div#impressum .trennlinie{
		margin:2em 12.5%;
		width:75%;
	}
	div#impressum h2{
		font-weight: bold;	
		text-align: right;	
	}
	/***************************************
	* sitemap
	***************************************/
	div#sitemap h3 {
		font-size: 1.2em;
		font-weight: normal;
		height:1.5em;
		letter-spacing: 0pt;
		text-align: left;
		text-transform: capitalize;
		background:transparent url(../../image/icons/li_blue.jpg) no-repeat 0 0;
		padding:0 0 0 0.9em;
	}
	div#sitemap h3 a {
		margin-bottom: 0pt;
		text-decoration: none;
	}
	div#sitemap h3 a:hover {
		background-color: #fff;
	}
	div#sitemap ul {
		list-style-type: none;
		margin: 0 0 1em 4em;
	}
	div#sitemap ul li {
		padding-left: 0px;
		margin: 0;
	}
	div#sitemap ul li a {
		border: none;
		font-size: 1.1em;
		color:#F36F3B;
	}
	div#sitemap ul li ul {
		margin: 0.4em 1em;
	}
	div#sitemap ul li ul li {
		list-style-image: url("../../image/icons/li_square.gif");
	}
	div#sitemap ul li ul li a {
		font-weight: normal;
	}
	div#sitemap ul li ul li ul {
		margin: 0;
		padding: 0;
	}
	div#sitemap ul li ul li ul li {
		list-style-image: none;
		list-style-position: outside;
		list-style-type: none;
		background: none;
	}
	div#sitemap ul li ul li a {
		border: none;
		font-size: 1em;
	}
	/***************************************
	* 404 error
	***************************************/
	div#pageNotFound p {
		margin: 1em 0;
		text-align: justify;
	}
	div#pageNotFound ul {
		margin-left: 2em;
	}
	div#pageNotFound ul li {
		background-image: url("../../image/icons/li_square.gif");
		background-repeat: no-repeat;
		background-position: 0 0.4em;
		padding-left: 1em;
		list-style: none;
		list-style-image: none;
	}
	/***********************************************************************
	* login
	***********************************************************************/
	#loginBox div#contBtnLogin {
		padding-top:2em;
	}	
	#loginBox .btnLogin {
		background:transparent url(../../image/button/btnLogin.jpg) no-repeat scroll 0 0 !important;
		border:medium none !important;
		color:#BD738C !important;
		cursor:pointer !important;
		display:block !important;
		height:21px !important;
		text-align:center !important;
		text-decoration:none !important;
		width:84px !important;
	}
	#loginBox fieldset{margin-top: 2em;}
	
	#pageNotFound strong{
		display:inline !important;
	}
	#btnGetUser{
		width:9em;
	}
	div#parameterlist select{
		width: 9em;
	}
	table.userTable th {
		color: #999;
	}
	table.userTable td {
		background-color: #fff;
		border: 1px solid #999;
	}
	td#editBar {
		border: 0;
		background: 0;
		padding-top: 1em;
	}
	table.userTable td.userTable_headline {
		font-weight: bold;
		padding: 0.3em 0em;
		text-indent: 1em;
		background-color: #D6DDEF;
		color: #000;
	}
	table.userTable td.label {
		background-color: #C0C0C0;
		color: #000;
		padding: 3px;
	}
	table.userTable td select{
		width:11em;
	}
	#btnGeneratePwd {
		padding: 0;
		margin:0;
		width: 4.5em;
		height:1.7em;
	}
	table.userTable .inactive {
		background-color: #ffd700;
		color: #000;
		padding: 3px;
	}
	table.userTable .active {
		background-color: #006400;
		color: #fff;
		padding: 3px;
	}
	/*berater List*/
	table#beraterList{
		width:100%;
	}
	table#beraterList td{
		border-bottom: 1px dotted #999;
		padding-bottom: 1em;
		padding-top: 1em;
	}
	table#beraterList td span{
		display:block;
	}
	
	/* guestbook */
	
	#blog .btnSubmit{
		width:10.5em;
	}
	.guestbook_entry{
		position: relative;
		background:#FAFBF6 none repeat scroll 0 0;
	}
	.guestbook_entry div.div_pwd{
		position: absolute;
		top:1em;
		right:10em;
		padding: 3em;
		background: #fff;
		border:1px dashed #555;
		display: block;
	}
	.guestbook_entry div.div_pwd img{
		position: absolute;
		top:1px;
		right: 1px;
		cursor: pointer;
	}
	.guestbook_entry div.div_pwd .btnSubmit{
		margin-left:1em;
		font-size: 0.8em;
	}
	.guestbook_entry div.div_pwd strong{display: block;}
	.guestbook_entry .guestbookHeadline{
		background:#EFF0EA none repeat scroll 0 0;
		color:#333;
		margin: 1em 0 0;
		padding:0.4em 0 0.4em 1em;
	}
	.guestbook_entry .guestbookHeadline span{		
		position: absolute;
		right:0.3em;
		top:0.2em;
		cursor: pointer;
		width:40px;
	}
	.guestbook_entry .guestbook_nr{
		position:absolute;
		top:0;
		right: 0;
	}
	.guestbook_entry .guestbook_text{
		padding:0.5em;
		margin:0 0 1em 0;
	}
	.guestbook_entry .guestbook_text{
		display:block;
		margin-bottom:2em;
	}
	#guestbook_entryForm{
		margin-top:1em;
		border-color:#CCCCCC;
		border-style:solid;
		border-width:0 1px 1px;
	}
	div#guestbook_entryForm #bbcodeDiv{
		position: relative;
	}
	div#guestbook_entryForm div#bbcodeDiv div#smilie_div{
		display:none;	 
		z-index:99; 
		background-color:#ffd;
		color:#000;
		border:1px solid #000;
		position:absolute; 
		top:2em; 
		left:100px;
		width:200px; 
		padding:0.42em;
		cursor:pointer;
	}
	div#guestbook_entryForm input{
		width:20em;
	}	
	div#guestbook_entryForm  .btnSubmit{
		width:7em;
	}
	div#guestbook_entryForm td{
		vertical-align: top;
	}
	div#guestbook_entryForm td#insertGuestbookEntry{
		vertical-align: bottom;
		text-align:right;
		width:10em;
	}
	/*comment*/		
	.comment {
		margin: 0 0 2em 0;
	}
	.div_Comments{
		margin:1em 0 0 1em;
		padding:0 0 0em 1em;
	}
	div.div_Comments .comment_text,
	div.div_Comments .comment_headline{
		padding:0.2em 0.3em;
	}
	div.div_Comments .comment_headline{
		display:block;
		position: relative;
		line-height:2em;
		height:2em;
		margin:0 0 0 0;
		position:relative;
		text-indent:1.5em;
		background:#F8F8F8 url("../../image/icons/comment2.gif") no-repeat scroll left 0.3em;
	}
	div.div_Comments .comment_headline .commentNumber{
		position: absolute;
		top:0.2em;
		right: 0.3em;
		font-weight: bold;
		font-style: normal;
		color:#C4B489;
	}
	div.div_Comments .comment_text{
		text-align: justify;
		color:#333;
		display: block;
		margin:0;
		padding:1em;
		border-left:1px dotted #ccc;
		border-bottom:1px dotted #ccc;
	}	
	.createComment{
		margin:1em 0;
	}
	.createComment input{
		margin:0.3em 0;
		display:block;
	}
	.createComment strong{
		display:block;
		margin:1em 0;
		text-decoration: underline;
	}
	.createComment label{
		display:block;
		margin-top:1em;
	}
	
	/* bbcode */	
	#createNews{
		width:550px;
	}
	#createNews label{
		display: block;
		font-weight: bold;
		margin-bottom: 0.3em;
	}
	#createNews select#galleryId{
		padding:3px;
	}
	#bbcodeDiv{
		width:100%;
		position:relative;
		height:25px;
		border:1px solid #bbb;
		background-image:url("../../image/bbcode/bg.gif");
		background-repeat: repeat-x;
		margin: 0;
	}
	#bbcodeDiv div.editor_button {
		float: left;
		cursor: pointer;
		padding:0 0.17em;
	}
	#bbcodeDiv div.centerDiv{
		width:100%;
		text-align:center;
	}
	#bbcodeDiv div.rightDiv{
		width:100%;
		text-align:right;
	}
	#bbcodeDiv div.leftDiv{
		width:100%;
		text-align:left;
	}
}