/*
	Design by Free CSS Templates
	http://www.freecsstemplates.org
	Released for free under a Creative Commons Attribution 2.5 License
*/

/* Basic */

*
{
	margin: 0em;
	padding: 0em;
}



body
{
	font-family: Arial, sans-serif;
	font-size: 10pt;
	color: #666;
	background-color: #fff;
}

a
{
	color: #0077dd;
	text-decoration: underline;
}

a:hover
{
	text-decoration: none;
}

/* Outer */

table, th, td
{
border-style:solid;
border-width:1px;
border-collapse:collapse;
padding:2px;
}
th 
{
height:28px;
background-color:#f892dc;
color:white;
border-color:black;
}

#outer
{
	padding: 0em;
	margin: 0em;
	width: 100%;
}

/* Header */

#header
{
	position: relative;
	background: white url('images/fon0.jpg') repeat-x;
	height: 322px;


}



#dom
{

position: relative;
margin: 0 auto;
background: url('images/fon3.jpg') no-repeat;
height:322px;
width:1230px;
	
	
}





#logo-text
{
	position: relative;
top:100px;
left:550px;
	


}



#telefon
{
position: absolute;
top:110px;
left:500px;
}

#email
{
position: absolute;
top:130px;
left:500px;
}

#links {
	position: absolute;
	left: 230px;
	top: 290px;
	font-size: 14px;
	
    color: white;
	z-index:1;
	
	
}
#links a {

    text-align:center;
	float: left;
	display: block;
	padding: 0px 0px 0px 35px;
	
	font-size: 14px;
	text-decoration:underline; 
}

#links  :hover{

	color: black;

}




#header h1
{
	position: absolute;
	top: 10px;
	left:15px;
	font-size: 22px;
	
	font-family: 'Noto Serif', serif;
		
}

#header h1 a
{
	color: white;
	text-decoration: none;

}

#header h2
{
	position: absolute;
	font-size: 12px;
	
	color: white;
	top: 40px;
	left:15px;
	font-family: 'Noto Serif', serif;
	letter-spacing: 0.01em;
}

#header h3
{
		color: yellow;
	text-decoration: none;
    font-size:18px;
	font-family: 'Noto Serif', serif;
}

#header h4
{color: white;font-family: 'Noto Serif', serif;margin-top: 30px;}

/* Menu */

#menu
{
	position: absolute;
		top: 350px;
	left:160px;
}

#menu ul
{
	list-style: none;
}

#menu li
{
	display: inline;
	padding-left: 1.1em;
	margin-left: 1em;
text-decoration: underline;
}

#menu li.first
{
	border: 0em;
	margin-left: 0em;
	padding-left: 0em;
}

#menu li a
{
	color: black;
	padding: 0.1em;
	text-decoration: none;
}

#menu li a:hover
{
	text-decoration: underline;
}

/* Content */

#content h1
{
padding-top:10px;
padding-bottom:10px;
font-size: 22px;
	
	font-family: 'Noto Serif', serif;
}


#content
{
	line-height: 1.5em;
	padding:35px 5px 5px 5px;
}


#content p
{
	margin-bottom: 1.5em;
}

#content h2,h3,h4,h5,h6
{
	color: #545454;
	margin-bottom: 1px;


	padding-bottom: 0.3em;
}

#content h2
{
	font-size: 1.4em;
	font-family: 'Noto Serif', serif;
	padding: 5px 5px 10px 0px;
}

#content h3
{
		font-size: 12px;
	color:red;
	font-family: 'Noto Serif', serif;
}

#content ul
{
	margin-bottom: 1.5em;
	padding-left: 1em;
	list-style: square;
}

#content blockquote
{
	margin-bottom: 1.5em;
	padding: 0.75em 0.75em 0.75em 1.5em;
	border-left: solid 0.75em #005082;
	background: #FDFDFD url('images/a7.gif') top left repeat-x;
}

#content blockquote p
{
	margin-bottom: 0em;
}



/* Primary Content */

#primaryContentContainer
{
	background-color: #fff;
	float: right;
	margin: -0em -10em 0em -19em;
	width: 100%;
}

#primaryContent
{
	margin: 1.5em 8em 0em 20.25em;
	padding: 1.5em 4em 1.5em 0em;
}

/* Secondary Content */

#secondaryContent
{
	position: relative;
	float: left;
	width: 12em;
	padding: 3em 2em 1.5em 2em;

}

#secondaryContent .xbg
{
	position: absolute;
	right: 0em;
	bottom: -64px;

	height: 64px;
	width: 128px;
}

/* Tertiary Content */

#tertiaryContent
{
	position: relative;
	float: right;
	width: 12em;
	padding: 3em 2em 1.5em 2em;

}
#tertiaryContent a{text-align:center!important; margin-left:10px;  }
#tertiaryContent p{   margin-bottom:-20px; margin-top:-10px; }
#tertiaryContent .xbg
{
	position: absolute;
	left: 0em;
	bottom: -64px;

	height: 64px;
	width: 128px;
}

/* Footer */

#footer
{
width:100%;
position: relative;
bottom:-30px;
height:90px;
background: url('images/footer.png') repeat-x;
padding: 15px 0px 10px 0px;
text-align: center;
}

#footer a
{
font-size:13px;
color:white;
margin-left:15px;
}

#partner
{
position: absolute;
left:30px;
top:50px;
color:white;
font-size:11px;
}

#about
{
position: absolute;
right:260px;
top:80px;
color:white;
font-size:14px;

}

#tapki
{
	position: absolute;
	right: 30px;
	bottom:5px;
	z-index:12;
}

.clear
{
	clear: both;
}

/* NOEEE AE? EIIOAEOIIE OI?IU */
.p01-contact {position:relative;width: 500px;padding: 20px;color:inherit;margin-left:-5px;background: white;margin-bottom:20px;overflow:hidden;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;behavior: url(/PIE.htc);}
.p01-contact .field{margin-bottom:10px}
.p01-contact .field.captcha{float:left}
.p01-contact .captcha input{width:160px;color:inherit !important;background-color:#FFF;}
/* INPUT FIELDS */
.p01-contact .text input{width:400px;}
.p01-contact textarea{width:400px; height:100px}
.p01-contact .text input,
.p01-contact .captcha input,
.p01-contact textarea {background-color:#FFF;border:1px solid #DDD;font-size:12px;color:inherit !important;padding:5px;-webkit-border-radius: 4px;-moz-border-radius: 4px; border-radius: 4px; behavior: url(/PIE.htc);}  
.p01-contact .text input {color:inherit;}
/* End of INPUT-FIELDS */
.p01-contact .submit{position:absolute;bottom:20px;right:20px;-moz-border-radius:10.2em 10.2em 10.2em 10.2em;-moz-box-shadow:0 0.1em 0.2em rgba(0, 0, 0, 0.5);background-color:#666;    border-bottom:0.2em solid #666666;color:#FFF;cursor:pointer;font-size:1em;line-height:1;padding:0.3em 0.6em;text-shadow:0 0 0.1em #666;}



/* IEAIUE IA?AOIA EA?OEIIE */
    .image.first,.image.second {
    border:2px solid transparent;
    margin:0;
    padding:0;
	background-color:white;
    }

    .image.first {
    opacity:1px;
    display:block;
    position:absolute;
    z-index:100;
    transition-duration:0.96s;
    -webkit-transition-duration:0.96s;
    -moz-transition-duration:0.96s;
    -o-transition-duration:0.96s;
    -ms-transition-duration:0.96s;

    }

    .image.first:hover {
    opacity:0.00;
	
    }
     
    div.ImgField {
    display:inline-block;
    background-position:center center;
    background-repeat:no-repeat;
    margin:0;
    padding:0;
		
    }
	
	
	.blog_post_thumbnail {
	width:100px;
	height:auto;
	float:left;
	padding-right:10px;
	padding-bottom:10px;
}



.blog_post_container {
	clear:both;
}					
