/* aus blog_styles.css __________________ */
/* CSS Document (©)
developed for ellenbratfisch.de and reclame.ch
by Ellen Bratfisch
http://www.ellenbratfisch.de */

/* COLORS dark > light:

BG: #6CC4C2



BG: #87B4B4 _#99CCCC_ #AACACA #B5D1D1
dunkles Blau: #57ADAD; 
normal: #99CCCC;
helles Blau: #B5DADA***
Gelb: #D6C000=quietsch #DDC04A=wow
Suche: #70CBC9;*/

@import url("style_reset.css");

html,	body {
		font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Helvetica, "sans serif";
		font-size: 10pt;
		line-height: 12pt;
		color: #FFF;
		text-align: left;
		padding:0; 
		margin:0; 
		background: #76C4C2; /* #6CC4C2 for text items */
		width: auto /*1100px*/;
		height:100%; /*damit der Container eine Referenzgroesse hat , funzt nur mit "html" vor "body"*/
		}

/*	TEXT ----------------------------------------- */	
	
 	p {
		font-size: 10pt;
		line-height: 12pt;
		margin-bottom: 6pt;
		}
	h1, h2, h3, h4, h5, h6 {
		font-family: Georgia;
		line-height: 12pt;
		margin-bottom: 6pt;
		font-weight: normal;
		}
	h1 {
		font-size: 44pt;
		line-height: 32pt;
		margin-bottom: 6pt;
		text-transform: uppercase;
		}
	h2 {
		font-size: 32pt;
		line-height: 32pt;
		margin-bottom: 6pt;
		text-transform: uppercase;
		}
	h3 {
		font-size: 24pt;
		line-height: 24pt;
		margin-bottom: 0pt;
		}
	h4 {
		font-size: 18pt;
		line-height: 12pt;

		}
	h5 {
		font-size: 12pt;
		line-height: 12pt;
		margin-bottom: 3pt /*auto*/;
		text-transform: uppercase;
		}
	h6 { 
		font-size: 8pt;
		line-height: 9pt;
		margin-bottom: 0pt;
		font-family: Helvetica, "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", "sans serif";
		font-weight: bold;
		}
	.legend, .small, small, #right p, .lang, .url, input[type="submit"], pre, .blog_em {
		font-size: 8pt;
		line-height: 12pt;
		}

	a:link /*1*/ {				
		color: #FFF;
		text-decoration: none;					
		}
	a:visited /*2*/ {
		color: #FFF;
		text-decoration: none;	
		}
	a:hover /*3*/ {
		color: #FFF;
		text-decoration: underline;
		}
	a:active /*4*/ {
		color: #FFF;
		text-decoration: underline;
		}

	.caps {
		/* automatisch angezeigt als text-transform:uppercase; */
		}
	em {

			font-family: Georgia;
			font-style: italic;
		/*	font-size: 8pt;
			letter-spacing:0.5pt;
			text-transform: uppercase;
			font-style: normal;*/
		}
	blockquote, pre {
		background: #FFF;
		color: #57ADAD;
	/*	margin-left: 50px;
		margin-right: 50px;*/
		padding:  12pt 6pt 6pt 12pt;
		margin-bottom: 6pt;
		
		margin-right: 12pt;
		}
		blockquote {
		/* 	width: 420px;*/
			font-family: Georgia;
			}
			#content blockquote p {
				margin: 0;
				padding: 0;
				margin-bottom: 6pt;
				}	
				blockquote a:link, blockquote a:visited, blockquote a:active {
					color: #57ADAD;
					}
		pre {
	
			font-family: monospace;
			font-size: 8pt;
			line-height: 9pt; /* PRÜFEN */
			}			
	ul {
		list-style-type: none;
		/*list-style-position: inside;*/
		margin: 0;
		padding: 0;
		}
		li {
			margin: 0;
			padding: 0;
			}
		
			
	/*	SUB-TEXT ---------------------------------- */		
	span.lang {
		border: 1px solid #B5DADA;
		text-transform: lowercase;
		padding: 1px 3px 0px 3px;
		font-family: Helvetica, "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", "sans serif";
		margin: 0 0 0px 3px;
		vertical-align: text-bottom; /*span am unteren Ende der Überschrift/des vorherigen Textes ausrichten*/
		}
	span.url {
		border: 1px solid #FFF;
		text-transform: lowercase;
		padding: 3px 3px 2px 3px;
		font-family: Helvetica, "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", "sans serif";
		/*background: #B5DADA #AACACA #B5DADA;*/
		}
	span.lighter_blue {
		color: #AACACA;
		}
	span.lightest_blue {
		color: #C4E1E1 /*#B5DADA #B5D1D1*/;
		}	
	.blog_em /* PRÜFEN */{
		background: none; /*#ADD6D6 #70CBC9 #D6C000*/
		width: 300px;
		margin-top: 5px;
		}
		.blog_em a {
			width: 300px;
			}
	.langs {
			background: #FFF; 
			color: #76C4C2; 
			padding: 0px 4px; 
			font: 10pt 'Lucida Sans', 'Lucida Sans Unicode';
			}

	
	
/* ----------------------------------------------- */		



/* LAYOUT ---------------------------------------- */		
.container {
	border: 5px solid #FFF;
	padding: 40px 40px 0px 40px;	
	margin: 0px auto;
	min-height: 95%; /*100%*/ /* Mindesthöhe für moderne Browser */
	height:auto !important; /* Important Regel für moderne Browser */
	height:95%;/*100%*/ /* Mindesthöhe für den IE */
	overflow: hidden !important; /* FF Scroll-leiste */
	}
	#topic {
		margin: 105px /*140px*/ 0 30px 0;
		height: auto;
border: 0px solid yellow;


	}		
	#left, div.left {
		width: 540px;
	/*	height: 100%;*/
		float: left;	
		margin: 0;
		padding: 0;
		border: 0px solid #99cccc;
		}
		#clients #content div.left_blog, #blog #content div.left_blog {
		
			width: 430px;
			height: 100%;
			float: left;	
			margin: 0 10px 0 0;
			padding: 0;
			}
			#clients #content div.left p, #clients #content div.left pre, #clients #content div.left blockquote {
				max-width: 420px;
				}
		#pagetitle {
			height: 80px;
			margin: 0; /*50px 0 0 50px;*/
			}
			#pagetitle h3 {
					font-size: 20pt;
					margin: 0;
					padding: 0;
					}
	/*	#sectiontitle {
			height: 15px;
			margin: 0 0 0 0 ;
			font-size: 8pt;
			line-height: 9pt;
			padding-bottom: 5px;
			}*/
		#search_results {		
			margin: 0 0 0 50px;
			}			
		#content {
			}
			#content div.article, div.search_result {
				border-bottom: 1px dotted #FFF ; /*#94E6E4*/
				padding: 20px 0 20px 0
				}
			#content div.noborder {
					border: none;
					}
					#content div.left_blog a, #content div.left_portfolio a, p.article_navi a, #front #projects a /*Links im Fliesstext*/ {
						font-size: 8pt;
						/*font-family: Georgia;	font-weight: bold;*/
						text-transform: uppercase;
						letter-spacing: 0.5px;
					
		
						}
			#content p {
				padding: 0; /*0 50px 0 50px;*/
				max-width: 480px;
				}
			#content h4 {
				padding: 0 0 0 0; /*2. Wert erhöhen für Umbruch der Überschrift*/ 
				margin-left: 50px;
				}
			#content .left_blog ul /*nur Listen im Fliesstext haben circle */ {
				list-style-type: circle;
				list-style-position: inside;
				}
			#content .left_blog img, #cd #content .left img, #print #content .left img, #web #content .left img /*nur fullsize Bilder im Artikel-Body sollen 12pt zu darunterliegenden Objekten haben*/{
				border: none;
				margin-bottom: 12pt;
				}
			.article_body a {
				border-bottom: 1px solid #AACACA;
				}

	#right, div.right {
			width: 370px;/*auto
			min-height: 100% ;*/
			float: left;	
			margin: 0;
			padding: 0;
			border: 0px solid black;
			}
		/*	#right img {
				border: 1px solid #B5DADA;
				padding: 3px;
				float: left;
				margin-right: 10px;
				}*/
			/*	#blog-tags img {
					border: none;
					padding: 0;
					float: left;
					margin-right: 10px;
					}*/
				div#intro {
					min-height: 90px;
					}
			 div#intro p {
				line-height: 14pt; 
				font-family: Georgia; 
				font-style: italic; 
				}
			.navi {
				height: 80px;
				margin: 0 /*50px 64px*/ 0 0 0;
				}
				ul#navitop {
					height: 80px;
					padding: 10px 0 /*25px*/ 0 0;
					margin: 0;
					font: 12pt Georgia, serif;
					list-style-position: inside;
					}
				ul#navitop li {
					display: inline;
					}
				ul#navitop li.right {
					margin: 0 0 0 0;
					}
				ul#navitop li.left {
					margin: 0 0 0 12px;
					}
						ul#navitop li.active {
						border: 1px solid #FFF;
						padding: 1px 4px;
							}
				
	.add_info /* Additional info or navigation area */{
		font-size: 8pt;
		line-height: 9pt;
		margin-bottom: 30px;
		margin-right: 15px;
		margin-left: 0 /*50px*/;
		padding-right: 0 /*10px*/;
		min-height: 50px;
		float: left;
		
	/*	padding-left: 50px;
		background: #749B9B;
		width: 100%;
		height: 100%;
		*/
		}
	.add_info div {	
		border-top: 1px dotted #B5DADA;
		height: 60px;
		padding: 5px 5px 5px 0px;
		margin-right: 10px;
		}
		.add_info h5, /*.add_info ul, .add_info li,*/ .add_info p {
			margin: 0 0 3pt 0;
			padding: 0;
			}
		.add_info p {
			font-size: 8pt;
			line-height: 12pt;
			}
	#footer {
		height: auto /*25px*/;
	/*	margin-left: 25px;*/
		position: relative; /*fixed*/
		bottom: 0;
	
		background: none;/*#99CCCC #87B5B5*/
		}			
/* ----------------------------------------------- */	

	
				
/* SUB-ELEMENTE ---------------------------------- */

	img {
			/*border: 4px solid #B5DADA;
			margin-bottom: 5px;*/
			vertical-align:text-top;
			}
	#portfolio #left img, #print #left img, #web #left img, #free #left img, #front #left img {
		border: none;
	}
	.topic-box {
		width: 300px;

		margin: 0 0 12pt 0;
		padding: 0;
		
		border: 0px dotted #B5DADA;
		}
	.video {
		padding: 3px;
		background: #B5DADA;
		width: 360px;
		}
/*	ul#portfolio {
		width: 234px;
		padding: 0 25px 0 0;
		margin: 5px 0 6pt 0;
		}
		ul#portfolio li {
			margin: 0 0 0 0;
			padding: 0 0 0 0;
			}*/
		ul#imagelist, ul.patternlist li, ul.imagelist {
			max-width: 420px;
			padding: 0;
			margin: 0;
			list-style-type: none;
			}
			ul#imagelist li, ul.patternlist li, ul.imagelist li {
			/*	display: inline;*/
				margin:0 0px 0 0;
				padding:  0 5px 5px 0;
				float: left;				
				}
				#imagelist img, #imagelist_all img, ul.imagelist img, .project_img  {
					padding: 3px;
					border: none; 
					background: #FFF;
					margin: 0;
					}
					.project_img  {
						margin-bottom: 3pt;
						}
				#blog	div.right #imagelist img { /*Abstand für Bilder in imageliste im Blog*/
						margin-right: 5px;
						margin-bottom: 5px;
					}
/*		ul#imagelist_all {
				margin: 0 0 0 0;
				padding: 0;
				width: 450px;
				}
			ul#imagelist_all li {
				display: inline;
				margin: 0 0 0 0px;
				padding: 0 5px 5px 0;
				} */
		
	/*	BLOG + CLIENTS ---------------------------- */			
	div.month {
		font-family: Helvetica, Georgia;
		font-size: 13px;
		color: #FFF;
		font-weight: normal;
		padding: 0;
		margin: 0 0 0 5px;
		line-height: 10pt;
		float: left;
		}
	div.day {
		float:left;
		color: #B5DADA  /* #AACACA #A3D1D1  #94C0C0 #8DB7B6*/; 
		width: 50px;
		font-family: Georgia;
		font-size: 34px;
		font-weight: bold;
		margin: 0;
		padding: 0 0 0/*5px*/ 0;
		/*für alles ausser IE nicht nötig
			line-height: auto; 
			height: auto;
			border: 1px solid red;
			min-height: 34px;*/
		}
	/* COMMENTS ---------------------------------- */
		div.Kommentar {
			margin: 0pt 0 0 0px;
			}
			h5#Kommentar, h5#comment {
				width: 360px /*410px*/;
				padding: 5px 0px 0 0;
				margin: 0;
			/*	border-top: 1px dotted #B5DADA;*/
	
					text-transform: uppercase;
				}
				#txpCommentInputForm {
			
				}	
	 /*	a:link.comments_invite {	
			text-decoration: none;
			}
		a:hover.comments_invite {	
			font-weight: bold;
			}
		a:active.comments_invite {		
					font-weight: bold;
					}
		a:visited.comments_invite {		
					text-decoration: none;
					} */
		.comment_name_input {
					width: 125px;
					}
		.comment_email_input {
				width: 125px;
				}
		.comment_web_input {
				width: 125px;
				}
		#message {
			width: 395px;
			height: 70px;
			}
		#txpCommentHelpLink {
			font-size: 8pt;
			}
		#txpCommentPreview, #txpCommentSubmit {
			float: left;
			margin-right: 5px;
			}			
		ol.comments {
			font-size: 8pt;
			line-height: 9pt;
			list-style-position: outside;
			width: 400px;
			padding: 0;
			margin: 0 0 10px 0;
			}
			ol.comments li {
				padding: 5px 5px 5px 0px;
				margin-left: 0px;
			/*	border-bottom: 1px dotted #FFF;		*/
				}
			ol.comments li p {
				padding: 0;
				margin: 0 0 0 0;
				font-size: 8pt;
				line-height: 12pt;	
				}
		ul.comments_error {
			background: #FFF;
			color: #64C4C2;
			padding: 5px;
			font-size: 8pt;
			line-height: 9pt;
			margin-bottom: 10px;
		}
	/* FORMULARE --------------------------------- */
	/*	#searchform {
			padding: 0 0 25px 25px;
			margin: 0px  0 15px 0;
		background: url(../images/lupe.png) no-repeat top left;
			}*/
	/*	#searchform input {
			width: 100px;
			border: 3px solid #B5DADA;
			padding: 2px;
			} */
			
			
			
		/* File-Download-Form im Artikel*/
		input.yab_cd_submit {
		/*	margin-left: 50px;*/
			}
		p.yab_cd_select label {
			padding: 0;
			margin: 0;
			width: auto;
		}
			/*Für Alle*/
			input[type="submit"] {
				width: auto;
				background: none;
				border: 1px solid #B5DADA;
				padding:  3px;
				color: #FFF;
				}
				
			/* CONTACT --------------------------- */
			form {
				border: 0;
				margin: 0;
				padding: 0;
				}
			form input, select, textarea {
			 	width: 400px;
				display: block;
				float: left;
				margin-bottom: 6pt;
				padding: 2px 3px;
				font-family: Helvetica, "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", "sans serif";
				/*Helvetica, "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", "sans serif";*/
				font-size: 10pt;
				line-height: 12pt;			
				}
					form#coffee input, form#buy input {
					 	width: auto;
						padding: 0;
						}
			form textarea {
				height: 100px;
				padding: 4px 5px;
				}
			form label {
				display: block;
				float: left;
				width: auto /*80px*/;
				text-align: left;
				padding: 4px 0 1px 0px;
				}
			form br {
				clear: left;
				}
			.zemSubmit {
				float: left;
				}
				fieldset {
				padding: 0;
				margin: 0;
				border: none;
				}
			legend {
				display: none;
				}
			input[type="hidden"] {
				display: none;
				}
			.zemError {
			/*	margin-left: 50px;*/
			margin-bottom: 12pt;
				}
				ul.zemError li /*Fehlermeldungen bei Kontakt-Form*/ {
				/*	padding-left: 50px;*/
					}
			.zemThanks p {
				font-weight: bold;
				}
					/* NEWSLETTER --------------------------- */
				
				#stones form {
					height: auto;
					min-height: 80px;
					max-height: 120px;
				}
				
					#stones form input#zemSubscriberEmail {
					 	width: 200px;
					/*	display: block;*/
						float: left;
						margin-bottom: 6pt;
						margin-right: 6pt;
						padding: 2px 3px;
						font-family: Helvetica, "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", "sans serif";
						/*Helvetica, "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", "sans serif";*/
						font-size: 10pt;
						line-height: 12pt;			
						}
					#stones form input.zemCheckbox {
						width: auto;
						margin-right: 3pt;
						}
			
			
			/* PAYPAL --------------------------- */
			
			form.paypal input {
				width: auto;
				}
				
			/* KUNDEN-LOGIN _____________________ */
			div.login input[type="text"], div.login input[type="password"] {
				width: 150px;
				}
/* ----------------------------------------------- */

/* STONES */
#stones .add_info div{
		border-top: 1px dotted #FFF;
}
#stones input.zemSubmit {
	border: 1px solid #FFF;
}
#stones li.langs {
	color: #BBB;
}