﻿
@import url("green.css");

* { margin:0;padding:0; }
html,body { height:100%;width:100%; }
body { font-size: 100.01%; margin: 0; padding: 0; width: 100%; background:#E9E9E9 url('../images/bg.jpg') no-repeat top center fixed; color: #000; font-weight: 400;
display:block;
position:absolute;
z-index:1;
    min-width:100%;
    min-height:100%;
    background-size:cover; }

/**********  MAIN  **********/
#wrapper { width:100%; padding:0; margin:0 auto; }
h1 {font: normal normal 200 54px/74px Josefin Sans, Arial, sans-serif;	padding-top: 25px; margin: 0; color:#414141;}
h2 {font: normal normal 200 45px/62px Josefin Sans, Arial, sans-serif;	padding-top: 25px; margin: 0; color:#414141;}
h3 {font: normal normal 200 24px/36px Josefin Sans, Arial, sans-serif;	padding-top: 25px; margin: 0; color:#414141;}
h4 {font: normal normal 200 24px/36px Josefin Sans, Arial, sans-serif;	padding-top: 25px; margin: 0; color:#414141;}
h5 {font: normal normal 400 22px/32px Josefin Sans, Arial, sans-serif;	padding-top: 25px; margin: 0; color:#414141;}
h6 {font: normal normal 400 20px/28px Josefin Sans, Arial, sans-serif;	padding-top: 25px; margin: 0; color:#414141;}

h1 a, h6 a { text-decoration: none; color: #fff; font-weight:200;}
h2 a, h3 a, h4 a, h5 a { text-decoration: none; color: #fff; font-weight:200; display:block;}

h2 a:hover, h3 a:hover { background:#121212 url('../images/next.gif') no-repeat right center; color:#fff;}
h4 a:hover, h5 a:hover { background:#121212 url('../images/next35.gif') no-repeat right center; color:#fff;}
h1 a:hover, h6 a:hover { color:#fff;}

h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong { font-weight:600; }

p { font: normal large/160% Josefin Sans, sans-serif; color: #000; padding: 5px 5px; margin: 0;}
ol, ul { margin-left: 25px; padding: 5px; color: #000;}
blockquote { margin: 8px; padding: 14px 10px 15px 100px; background: #222 url('../images/quote.gif') no-repeat 10px 15px; border: 1px #333 solid; }
blockquote p { font: italic normal 20px/normal Josefin Sans, Arial, sans-serif; color: #888; }
a { font-weight:600;  text-decoration:none; }
a:hover { }
li { }
li a { }
strong { font-weight: 600; }
span, em { }

p.clr, .clr { clear:both; padding:0; margin:0; background:none;}
hr { clear:both; border-top:1px #222 dashed; border-bottom:none; border-left:none; border-right:none; padding:0; margin:5px 0; background:none;}



/********** HEADER **********/
	#header { padding:0; margin:0 auto; }
	.block_header { margin:0 auto; width:989px; padding:20px 0 0 0; border:none; }



/********** LOGO **********/
	/*.logo { padding:30px 20px; margin:0; width:949px; float:left; background:#111;}*/
	.logo { padding:0px 0px; margin:0; width:989px; float:left; background:transparent;}
	.logo h1, .logo h1 a { font: normal normal 200 64px Josefin Sans, Arial, sans-serif; color: #ddd; text-transform: uppercase;}
	.logo h1 strong, .logo h1 strong a { font: normal normal 600 64px Josefin Sans, Arial, sans-serif;	}
	.logo h1, .logo h2, .logo h3, .logo h4 { line-height:normal; padding:0; color:#ddd;}



/********** MENU **********/
	/*.menu_bg { padding:0; margin:20px auto; border-top:1px #404040 solid; border-bottom:1px #383838 solid; }*/
	.menu_bg { padding:0; margin:0px auto ; border-top:0px #404040 solid; border-bottom:0px #383838 solid; }	
	.menu { padding:0; margin:0 auto; width:989px; text-align: center; }
	.menu ul { padding:0; margin:0; height:50px; list-style:none; display:inline-block;  }
	.menu li { float:left; margin:0; padding:0; font: 20px/32px 'Josefin Sans', Arial, sans-serif;}
	.menu li a { font-weight:400; color:#fff; display:block; line-height:50px; margin:0; padding:0 20px; text-align:center; text-decoration:none; border-right-width:1px; border-right-style:solid; }
	.menu li a:hover, .menu ul li:hover a { color:#fff; text-decoration:none; }
	.menu li ul { display:none; height:auto; width:225px; padding:0; margin:0; border:0; ; position:absolute; z-index:200; filter: alpha (opacity = 10); -moz-opacity: 0.9; -KHTML-opacity: 0.9; opacity: 0.9;  /*top:1em; /*left:0;*/ }
	.menu li:hover ul { display:block; }
	.menu li li { display:block; float:none; margin:0; padding:0; width:auto;}
	.menu li:hover li a { background:none; color:#fff; }
	.menu li ul a { display:block; height:45px; margin:0px; padding:0 14px; text-align:left; font: 14px/45px 'Josefin Sans', Arial, sans-serif; border-bottom-width:1px; border-bottom-style:solid; width:auto; }
	.menu li ul a:hover, .menu li ul li:hover a { color:#222; text-decoration:none; border-bottom-width:1px; border-bottom-style:solid; }
	.menu li ul li ul li { display:none;}
	.menu p { clear:left; }
	.menu ul li .selected { color:#fff;}



/********** BODY **********/
	#body { padding:0; margin:0 auto;}
	.body_content { background: #E9E9E9; padding:0; width:989px; margin:0 auto; }
	
	.content { width: 560px; margin: 0 10px 0 15px; padding: 0 10px 15px 10px; float: left; color:#ddd;}
	.content img { float:left; margin:5px 15px 5px 5px; padding:0; }
	.content img a { border:0px;}
	.content p { text-align:justify;}

	/*** Content LIST style ***/
	.content ul { list-style-image: url('../images/list.gif'); font: normal normal 600 18px/30px 'Josefin Sans', Arial, sans-serif; }
		.content ul ul { list-style-type:disc; list-style-image:none;}
			.content ul ul ul { list-style-type:square;}
	
	.content ol { font: normal normal 600 18px/30px 'Josefin Sans', Arial, sans-serif; margin-left: 45px; }
		.content ol ol { list-style-type: lower-alpha; }
			.content ol ol ol { list-style-type: lower-roman; }

	.content ol a, .content ul a { text-decoration: underline; color: #000; font-weight: 600; }			
	.content ol a:hover, .content ul a:hover { text-decoration: underline; }
	/*** Content LIST style end ***/

	/*** Content Table style ***/
	.content table { border-collapse: collapse; border-width: 1px; border-style:solid; }
	.content table th, .content table td  { padding: 2px 5px; border-width: 1px; border-style:dotted; }
	.content table th[scope=col] { border-bottom-width: 2px; border-bottom-style:solid; border-right-width: 2px; border-right-style: solid; font: normal normal 600 18px/30px 'Josefin Sans', Arial, sans-serif; color: #111;} /* header cells in the top row */
	.content table th[scope=row] { border-right-width: 2px; border-right-style: solid; border-bottom-width: 1px; border-bottom-style: solid; font: normal normal 600 18px/30px 'Josefin Sans', Arial, sans-serif; color: #111;} /* header cells in the left column */
	.content table tr:hover td { }
	.content table td {	font: normal normal 400 18px/30px 'Josefin Sans', Arial, sans-serif; color: #333;}
	.content table caption { caption-side: bottom; text-align: right; padding: 5px 0; font: italic normal 400 18px/30px Josefin Sans, Arial, sans-serif; color: #ddd;}
	.content table a { color:#fff;}
	/*** Content Table style end ***/

	.wrong h3 {	text-align: center;	font: normal normal 600 152px/normal Josefin Sans, Arial, sans-serif; }
	.wrong h4 {	text-align: center;	font: normal normal 400 60px/normal Josefin Sans, Arial, sans-serif; color:#ddd; }


/********** SIDEBAR **********/
	.sidebar { width:300px; margin:10px 28px 10px 0; padding:0 15px 0 30px; float:right; border-left:1px #DADADA solid; color:#ddd;}
	.sidebar a { }
	.sidebar a:hover { }
	.sidebar img { float:left; padding:0; margin:5px; max-height:280px; max-width:280px;}

	/*** Sidebar LIST style ***/
	.sidebar ul { list-style-image: url('../images/list.gif'); font: normal normal 600 18px/30px 'Josefin Sans', Arial, sans-serif; }
		.sidebar ul ul { list-style-type:disc; list-style-image:none;}
			.sidebar ul ul ul { list-style-type:square;}
	
	.sidebar ol { list-style-type: decimal-leading-zero; font: normal normal 600 18px/30px 'Josefin Sans', Arial, sans-serif; margin-left: 45px; }
		.sidebar ol ol { list-style-type: lower-alpha; }
			.sidebar ol ol ol { list-style-type: lower-roman; }

	.sidebar ol a, .sidebar ul a { text-decoration: underline; color: #ddd; font-weight: 600; }			
	.sidebar ol a:hover, .sidebar ul a:hover { text-decoration: underline; }
	/*** Sidebar LIST style end ***/



/********** CONTACT FORM, GUESTBOOK FORM **********/
	.contactform, .myguestbook_form { margin:0; padding:15px 10px;}
	.contactform * { color:#000;}
	
	.contactform input.text, .comment_container input.text, .myguestbook_form input.text { width: 440px; border: 1px #333 solid; margin: 5px; padding: 1px 3px; height: 30px; background: #fff; float: left; color: #000; }
	.contactform textarea, .comment_container textarea, .myguestbook_form textarea { width: 440px; border: 1px #333 solid; margin:5px; padding: 1px 3px; background: #fff; float: left; color: #000;}
	.contactform .title, .contactform label, .comment_container label { margin: 0; width: 440px; display: block; padding: 5px 0; font: 600 large 'Josefin Sans', Arial, sans-serif normal; color: #000;}
	.myguestbook_form label  { margin: 0; width: 80px; display: block; padding: 5px 0; font: 600 large 'Josefin Sans', Arial, sans-serif normal; color: #ddd;}
	.comment_container ul { list-style-type:none; list-style-image:none; padding:0; margin:0;}
	.contactform input.submit, .comment_container input.submit, .myguestbook_form input.submit { font: bold large 'Josefin Sans', Arial, sans-serif; padding: 10px 30px; margin: 10px 5px; color: #000; border: none; float: left;}
	.contactform input.submit, .comment_container input.submit { width:290px; padding:10px 0;}
	.contactform .submit:hover, .comment_container .submit:hover, .myguestbook_form .submit:hover { color:#333; } 																													     
	.myguestbook_form table, .myguestbook_form table td, .myguestbook_form table tr:hover td { background:#111; border:none; }



/********** FOOTER **********/
	.tab { margin:0 auto; height:6px; }
	.tab_content { margin:0 auto; height:6px; width:989px; }

	#footer { padding:0; margin:0 auto;}
	.footer_content { background: #E9E9E9; padding:15px 0; width:989px; margin:0 auto; }
	.footer_content p { color:#565656; padding:0; margin:0; font:normal 13px/160% Arial, sans-serif; text-align:center;}
	.footer_content a { text-decoration:none; font-weight:bold;}
	.footer_content a:hover { }



/********** SEARCH FORM **********/
	.search_results div { margin:20px 0; padding:10px 0; border-bottom: 1px #222 dashed;}
	.search_results a { font: normal normal 600 16px 'Josefin Sans', Arial, sans-serif; }
	.search_results a:hover { }
	.search_results input.text { width: 260px; border: 1px #333 solid; margin: 5px; padding: 3px; height: 30px; background: #222; color: #ddd; }
	.search_results .submit { font: normal normal 600 large 'Josefin Sans', Arial, sans-serif; padding: 8px 30px; margin: 0; color: #222; border: none; } 
	.search_results .submit:hover { color:#222; } 																													     
	
	.sidebar form input.text { background:#222; color:#ddd; height:30px; width:200px; padding:1px 3px; margin:0 10px 0 0; border:solid 1px #333; }
	.sidebar form input.text:focus { background:#181818; }
	.sidebar form input.submit {  background: #222; padding: 8px 18px; margin: 0; color: #ddd; border: 1px #333 solid; }
	.sidebar form input.submit:hover { background: #181818; border: 1px #000 solid; }



/********** IE6 and IE7 FIX **********/
	* html hr {	border: 1px #C0C0C0 dashed;} /*ie6 fix */
	* html .search form input.submit { padding: 4px 0 3px 0;} /*ie6 fix */
	* html .sidebar form input.text { width:160px; } /*ie6 fix */
	* html .sidebar form input.submit {  padding: 3px 5px; } /*ie6 fix */
	* html .sidebar { width:260px;} /*ie6 fix */
	
	* +html hr { border:1px #C0C0C0 dashed;} /*ie7 fix */
	* +html .sidebar form input.text { width:190px; } /*ie7 fix */
	* +html .sidebar form input.submit {  padding: 3px 5px; } /*ie7 fix */
/********** IE6 and IE7 FIX end**********/



/*+++++++++++++++++++++++++++++++++++++++++++++++++ gp|EASY FORMATTING +++++++++++++++++++++++++++++++++++++++++++++++++*/

/********** gp Gallery **********/
	.gp_gallery{ clear:both; margin:25px 0 25px 0; padding:0; }
	.gp_gallery p {}	
	.gp_gallery li{	float:left;	width:100px; height:100px; overflow:hidden; list-style:none; display:inline-block; padding:0; margin:5px; border:none; position:relative; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; }	
	
	.gp_gallery div { text-align:center; padding:110px 0 0 0; margin:0;}
	.gp_gallery div p { text-decoration: none; font: 16px Josefin Sans, Arial, "sans-serif normal normal", normal normal normal; text-align:center;}
	
	.gp_gallery div a { text-decoration: none; font: normal normal 600 18px Josefin Sans, Arial, "sans-serif normal normal"; color: #ddd;}
	.gp_gallery div a:hover { text-decoration:none; }
		
	.gp_gallery img { width:100px; height:100px; top: 0; left: 0; padding: 0; position: absolute; margin:0; border:none; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px;}
	.gp_gallery img:hover { padding:50px; max-height:0px; max-width:0px; }
	.gp_gallery .caption { display:none;}
	
	.gp_galleries li { width: 100px; height: 250px; background:#111; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px;}
	.gp_galleries img { width:100px; height:100px; margin:0; }
	
	.gpArea_Simple_Search h3 { font: 30px/42px 'Josefin Sans', Arial, sans-serif; border-bottom:1px #222 dashed; margin-bottom:15px; }



/*** captchaForm ***/
	.captchaForm table, .captchaForm table td, .captchaForm table tr:hover td { background:#fff; border:none; }

/********** Guestbook **********/
	.content h2.myguestbook_name { color:#ddd; font-size: 28px;}
	.myguestbook_name {	background:#282828; padding:0 10px; border: 1px #333 solid; margin-top: 25px; }
	.myguestbook_info { background:#262626; padding:0 10px; border-bottom: 1px #333 solid; border-left: 1px #333 solid; border-right: 1px #333 solid; color:#888; font: 18px/32px 'Josefin Sans', Arial, sans-serif; }
	.myguestbook_text { background:#222; border:1px #333 solid; margin:3px 0; padding:10px 0; }

/********** BLOG **********/
	.blog_post { padding-bottom:25px; border-bottom-width:6px; border-bottom-style:solid;} /* Balken unter jedem Post */
	
	.simple_blog_info { color:#888; font: 18px/32px 'Josefin Sans', Arial, sans-serif; border-bottom:1px #222 dashed; } /* Sub-Titel und Datum */
	
	.gpArea_Simple_Blog h3 { font: 30px/42px 'Josefin Sans', Arial, sans-serif; text-decoration:none; border-bottom:1px #222 dashed; margin:20px 0;} /* BLOG H3 HADLINE */
	.gpArea_Simple_Blog h3 a { font: 30px/42px 'Josefin Sans', Arial, sans-serif; text-decoration:none; } /* BLOG H3 HADLINE */
	
	.gpArea_Simple_Blog .simple_blog_title, .gpArea_Simple_Blog .simple_blog_title a { color:#ddd; font: 30px/42px 'Josefin Sans', Arial, sans-serif; text-decoration:none; } /* Blogtitel in der Sidebar */
	
	.gpArea_Simple_Blog .simple_blog_abbrev { padding-bottom:30px; }
	
	.comment_container .comment_area { margin:15px 0; background:#222; border:1px #333 solid; }
	.comment_container .comment_area .name {background: #282828; border-bottom:1px #333 solid; }
	.comment_container .comment_area .name a { font-weight:600; color:#ddd; }
	.comment_container .comment_area .name a:hover { }
	.comment_container .comment_area .name span { float:right;}
	.comment_container .comment_area .comment { margin:10px 0;}
	.comment_container h3 { border-bottom:1px #222 dashed; margin-top:15px;}
	
.box1 {display:block; width: 220px; background-color:#000; padding: 20px; font-family: 'Josefin Sans', Arial, sans-serif; color:#fff; float: left;
margin: 0 10px 0 0;}

.box2 {display:block; width: 220px; background-color:#414141; padding: 20px; font-family: 'Josefin Sans', Arial, sans-serif; color:#fff; float: left;
margin: 0 10px 0 0;}

.box2 a {color:#fff;}

.blink_me {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;

    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;

    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@-moz-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}


.button {
   background: #8CBF99;
   -webkit-border-radius: 2px;
      -moz-border-radius: 2px;
           border-radius: 2px;
   padding: 21px;
   display: inline-block;
   font-size: 22px;
   font-family: Josefin Sans;
   color: #fff;
   font-weight: bold;
   margin-bottom:5px;
   width: 250px;
}
.button:hover {
   background: #75B385;
}
.button:active {
}

.button a { color:#fff;}

/********** Site Map Links **********/
	/*.sitemap_link {display:none;}*/
	/*
	.sitemap_xml, .powered_by_link, #powered_by_link, .siteinfo {display:none;}
	.login_link a:hover { }
	*/

/********** gpEasy Admin **********/
	/*#admincontainer, #admincontent, #admincontent .adminlinks { width:590px; }*/

/*+++++++++++++++++++++++++++++++++++++++++++++++++ FORMATTING END +++++++++++++++++++++++++++++++++++++++++++++++++*/

