@charset "utf-8";
html {
    background-image: url(../img/layout/kathrinBack.gif);
	font-family: Tahoma,Helvetica,sans-serif;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-size: 10pt;
	text-align: center; 
	color: #222222;
    max-width: 970px;  
    min-width: 770px;  
    }
	
body  {
    background-image: url(../img/layout/kathrinGrey.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	font-family: Tahoma,Helvetica,sans-serif;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-size: 12pt;
	text-align: center; 
	color: #222222;
    max-width: 970px;  
    }
	
/************** Layout/Divs ********************************************************/

    #container { 	
		background-image: url(../img/layout/kathrin.png);
		background-repeat: no-repeat;
		background-position: 0px 0px;
    	max-width: 970px;  
		min-height: 700px;
    	margin-top:0px; 
    	margin-bottom:50px; 
    	margin-left:0px; 
		margin-right:auto;
    	text-align:left;
		background-color:transparent;
		border-left: 0px dashed #999999;
		border-right: 0px dashed #999999;
		z-index:1;
		position:relative;
    } 
	

	#kathrinName {
		position:absolute;
		top:12px;
		left:200px;
		background-image:url(../img/layout/kathrinName.png);
		background-position: 0 0;
		background-repeat:no-repeat;
		width:418px;
		height:163px;		
		z-index:-5;
	}		
	
	
	
	

	#katName h1 {	
		letter-spacing:21px;
		font-size: 5.0em;
		color:#009999;
		font-weight:normal;
		margin: 0 0 0 200px;
	}



    #printheader {	
    	display:none;
    } 
	
	
	#katAdm {
		position:absolute;
		top:5px;
		margin-left:150px;
	}

	
    
    
		
	
/************** Hauptinhalt ********************************************************/

	#mainContentUeber {	
		position:absolute;
		top: 178px;
		right: 0px;
		margin: 0 0 50px 0;
		width: 655px;
	}
	
	#mainContentTop {
		position:absolute;
		top:0;
		left:0;
		background-image: url(../img/layout/main_top.png);
		background-repeat:no-repeat;
		height:20px;
    } 
	
	
   #mainContent {
		background-image: url(../img/layout/main_flow.png);
		background-repeat:repeat-y;
		margin: 20px 0 0 0;
		padding: 0px 30px 5px 30px;
		min-height: 220px;
		width:475px;
		overflow:hidden;
    	/*margin: 0 0 0 292px; 
    	
    	overflow:auto;
		border: 0 solid #009999;*/
		font-size: 0.85em;
    }     
	
	#mainContentBot {
		background-image: url(../img/layout/main_bot.png);
		background-repeat:no-repeat;
		width: 535px;
		height:20px;
    }   
	
	#mainContentBotBot {
		height:100px;
    } 
	
	#mainContent p  {
		font-size:0.9em;
    	margin: 0 0 9px 0; 
		line-height: 160%;
	}
	
	#mainContent ul  {
		font-size:0.9em;
    	margin: 0 0 9px 0; 
		line-height: 160%;
		list-style-type:disc;
		padding-left:10px;
	}
	


	a {
		font-size:1.0em;
		color: #222222;
		text-decoration: none;
		font-weight: bold;	
	}
	
	a:hover {
		color: #222222;
		text-decoration: underline;
		font-weight: bold;
	}
	

	

	a.mail{
		color: #014a99;
		text-decoration: none;
		font-weight: normal;	
		padding-left: 13px;
		background-image:url(../img/layout/post_icon.gif);
		background-position: 0px 2px;
		background-repeat: no-repeat;
	}
	
	a.mail:hover {
		color: #014a99;
		text-decoration: underline;
		font-weight: normal;
	}
	
	

	a.internal-link{
		color: #014a99;
		text-decoration: none;
		font-weight: normal;	
		padding-left: 11px;
		background-image:url(../img/layout/link_internal2.gif);
		background-position: left;
		background-repeat: no-repeat;
	}
	
	a.internal-link:hover {
		color: #014a99;
		text-decoration: underline;
		font-weight: normal;
	}
	
	#mainContent h1, #mainContentStart h1 {
		font-size: 1.3em;
		margin-bottom:5px;
		margin-left:-5px;
	}
	
	#mainContent h2, #mainContentStart h2 {
		font-size: 1.15em;
		margin-bottom:4px;
		margin-left:-2px;
	
	}
	
	#mainContent h3, #mainContentStart h3 {
		font-size: 1.0em;
		margin-bottom:3px;
		margin-left:-1px;
	
	}
	
	.detail {
		color: #014a99;
		font-weight: bold;
	}
	

	
	
	
/** Navigation START ********************************************************/


	a#navAktiv{
		font-size:0px;
		position:absolute;
		top:75px;
		right:222px;
		background-image:url(../img/layout/icons_aktiv.png);
		background-position: 0 0;
		background-repeat:no-repeat;
		width:102px;
		height:103px;		
		z-index:5;
	}
	
	a#navVeroe{
		font-size:0px;
		position:absolute;
		top:75px;
		right:118px;
		background-image:url(../img/layout/icons_veroe.png);
		background-position: 0 0;
		background-repeat:no-repeat;
		width:102px;
		height:103px;		
		z-index:5;
	}
	
	a#navLeben{
		font-size:0px;
		position:absolute;
		top:75px;
		right:15px;
		background-image:url(../img/layout/icons_leben.png);
		background-position: 0 0;
		background-repeat:no-repeat;
		width:102px;
		height:103px;		
		z-index:5;
	}
	
	a#navKommu{
		font-size:0px;
		position:absolute;
		top:178px;
		right:15px;
		background-image:url(../img/layout/icons_kommu.png);
		background-position: 0 0;
		background-repeat:no-repeat;
		width:102px;
		height:103px;		
		z-index:5;
	}
	
	a#navPriva{
		font-size:0px;
		position:absolute;
		top:282px;
		right:15px;
		background-image:url(../img/layout/icons_priva.png);
		background-position: 0 0;
		background-repeat:no-repeat;
		width:102px;
		height:103px;		
		z-index:5;
	}
	
	a#navLeben:hover, a#navVeroe:hover, a#navAktiv:hover, a#navKommu:hover, a#navPriva:hover {
		background-position:-102px 0;
	}

	

	a#nav800600{
		font-size:0px;
		position:absolute;
		top:23px;
		right:300px;
		background-image:url(../img/layout/icons_800600.png);
		background-position: 0 0;
		background-repeat:no-repeat;
		width:51px;
		height:52px;		
		z-index:5;
	}
	#navText{
		font-size:0px;
		position:absolute;
		top:23px;
		right:171px;
		/*right:222px;*/
		background-image:url(../img/layout/icons_text.png);
		background-position: 0 0;
		background-repeat:no-repeat;
		width:51px;
		height:52px;		
		z-index:5;
	}
	#navSW{
		font-size:0px;
		position:absolute;
		top:23px;
		right:171px;
		background-image:url(../img/layout/icons_sw.png);
		background-position: 0 0;
		background-repeat:no-repeat;
		width:51px;
		height:52px;		
		z-index:5;
	}
	#navA{
		font-size:0px;
		position:absolute;
		top:23px;
		right:120px;
		background-image:url(../img/layout/icons_a.png);
		background-position: 0 0;
		background-repeat:no-repeat;
		width:51px;
		height:52px;		
		z-index:5;
	}
	#navAplus{
		font-size:0px;
		position:absolute;
		top:23px;
		right:68px;
		background-image:url(../img/layout/icons_aPlus.png);
		background-position: 0 0;
		background-repeat:no-repeat;
		width:51px;
		height:52px;		
		z-index:5;
	}	
	#navAplus2{
		font-size:0px;
		position:absolute;
		top:23px;
		right:16px;
		background-image:url(../img/layout/icons_aPlus2.png);
		background-position: 0 0;
		background-repeat:no-repeat;
		width:51px;
		height:52px;		
		z-index:5;
	}
	
	a#navA:hover, a#navAplus:hover, a#navAplus2:hover, a#navSW:hover, a#navText:hover, a#nav800600:hover {
		background-position:-51px 0;
	}	
	
	
	
	a#navAktiv2 {
		font-size:0px;
		position:absolute;
		margin-top:-101px;
		right:537px;
		background-image:url(../img/layout/icons_aktiv2.png);
		background-position: 0 0;
		background-repeat:no-repeat;
		width:51px;
		height:52px;		
		z-index:5;
	}	
	a#navVeroe2 {
		font-size:0px;
		position:absolute;
		margin-top:-49px;
		right:537px;
		background-image:url(../img/layout/icons_veroe2.png);
		background-position: 0 0;
		background-repeat:no-repeat;
		width:51px;
		height:52px;		
		z-index:5;
	}	
	a#navLeben2 {
		font-size:0px;
		position:absolute;
		margin-top:3px;
		right:537px;
		background-image:url(../img/layout/icons_leben2.png);
		background-position: 0 0;
		background-repeat:no-repeat;
		width:51px;
		height:52px;		
		z-index:5;
	}
	a#navKommu2 {
		font-size:0px;
		position:absolute;
		margin-top:3px;
		right:485px;
		background-image:url(../img/layout/icons_kommu2.png);
		background-position: 0 0;
		background-repeat:no-repeat;
		width:51px;
		height:52px;		
		z-index:5;
	}	
	a#navPriva2 {
		font-size:0px;
		position:absolute;
		margin-top:3px;
		right:433px;
		background-image:url(../img/layout/icons_priva2.png);
		background-position: 0 0;
		background-repeat:no-repeat;
		width:51px;
		height:52px;		
		z-index:5;
	}	
	
	a#navAktiv2:hover, a#navVeroe2:hover, a#navLeben2:hover, a#navKommu2:hover, a#navPriva2:hover {
		background-position:-51px 0;
	}	
	
	
	
	a#navConta{
		font-size:0px;
		position:absolute;
		margin-top:-49px;
		right:-53px;
		background-image:url(../img/layout/icons_mail.png);
		background-position: 0 0;
		background-repeat:no-repeat;
		width:51px;
		height:52px;		
		z-index:5;
	}	
	a#navPrint {
		font-size:0px;
		position:absolute;
		margin-top:3px;
		right:-53px;
		background-image:url(../img/layout/icons_print.png);
		background-position: 0 0;
		background-repeat:no-repeat;
		width:51px;
		height:52px;		
		z-index:5;
	}
	a#navMap {
		font-size:0px;
		position:absolute;
		margin-top:3px;
		right:-1px;
		background-image:url(../img/layout/icons_map.png);
		background-position: 0 0;
		background-repeat:no-repeat;
		width:51px;
		height:52px;		
		z-index:5;
	}		
	
	
a#navConta:hover, a#navPrint:hover, a#navMap:hover {
		background-position:-51px 0;
	}		
	
	
	
	
	
	
	
	
	
	
/************** Navi 2. Ebene ********************************************************/	

#mainNavi2 {
	margin: 0 0 40px 0;
	display:block;
	text-align:right;
}

#mainNavi2 a{
		padding: 0 5px 0 5px;
}

#mainNavi2 .pipe {
		font-size:1.3em;
}

#mainNavi2 a{
	font-size:1.3em;
	text-decoration:none;
	border-bottom: 2px solid #828282;
}
#mainNavi2 a:hover{
	font-size:1.3em;
	text-decoration:none;
	background-color: #828282;
}
#mainNavi2 span.act{
	font-size:1.3em;
	text-decoration:none;
	font-weight:bold;
	padding: 0 5px 0 5px;
	background-color: #828282;
	border-bottom: 2px solid #828282;
}

















/************** admin panel ********************************************************/	

.typo3-editPanel {


}

.typo3-editPanel-controls {
	background-color:white;
}

.typo3-editPanel-controls img{
	width:30px;
	height:30px;
}

div.csc-textpic {
	clear:left;
	margin-bottom:30px;
}

div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption {
	font-size:0.65em;
	padding:2px 5px 0 5px;
	
}





#mailform fieldset input, #mailform fieldset textarea {
	font-family: Tahoma,Helvetica,sans-serif;
	background-color: transparent;
	font-size: 1.0em;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #222222;
	width: 200px;
}
#mailform fieldset label {
	width: 100px;
	display:block;
	float:left;
}
#mailform fieldset .csc-mailform-submit {
	border: 1px solid #222222;
	margin-left: 100px;
	background-color: #222222;
	color:#fff;
}
#mailform fieldset .csc-mailform-field {
	margin-bottom:5px;
}