﻿/*	
*	///----------------------------------------------///
*	///		(c) 2008 melon|media GbR         ///
*	///----------------------------------------------///
*	Styles for corporate site melon-media.de
*	author: Soeren Ohk & Robert Peter
*	last modified: 10/04/09
*
*/

/*=====================
*	General
======================*/




* {
	padding: 0px;
	margin: 0px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#766D69;
	font-size:11px;
	line-height: 15px;
}

a img{
	border:0px;
}

body {
	background: url(images/back.jpg) repeat-y #d0cc5d;
}

.bodytext {
	/*font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height: 20px;
	padding-right:15px;
	padding-left:15px;
	font-size:10px;
	list-style-type: circle;*/
}

H1,H1 abbr, H1 dfn  {
	font-size: 16px;
	color: #949242;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 0 0 14px 0;
  	line-height:24px;
  	text-decoration:none;
  	font-weight:bold;
  	border-bottom: none;
  	font-style: normal;
}

h1.frontpage{
	font-size:14px;
        text-transform:uppercase;
}




H2, h2 abbr, a abbr, .news_title_list a {
	margin-top: 14px;
	margin-bottom: 5px;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	color:#949242;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}


.news_all_list2 H2 {
	border:0 none;
	color:#949242;
	font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size:14px;
}



H2 dfn, a dfn {
	font-size: 14px;
	color: #949242;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	/*padding: 0 0 14px 0;
  	line-height:18px;*/
}

H3, h3 {/*
	color:#949242;*/
	margin-top: 12px;
	margin-bottom: 5px;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	
}


H3 abbr{
	margin-top: 12px;
	margin-bottom: 5px;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	border:0px;

}

H3 dfn{
	margin-top: 12px;
	margin-bottom: 5px;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	border:0px;

}

.short_news_title_list H1 {
	font-size: 1em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-style: none;
	padding:0px;
}

.short_news_title_list H1 dfn {
	font-size: 1em;
	color: #949242;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-style: none;
	padding:0px;
}

.short_news_title_list H1 abbr {
	font-size: 1em;
	color: #949242;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-style: none;
	padding:0px;
}
.news_title_list H1 abbr {
	font-size: 1em;
	color: #949242;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-style: none;
	padding:0px;
		border:0px;
}
.news_title_list H2 abbr {
	font-size: 1em;
	color: #949242;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-style: none;
	padding:0px;
	border:0px;
}
.news_content_single H3 {
	margin-top: 12px;
	margin-bottom: 5px;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	
}

a acronym, a dfn, a abbr, a span.abbr {
	border-bottom:none;
	font-style: none;
}


.news_subheader_single H2 {
	font-size: 12px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-right:15px;
	color: grey;
}

.news_subheader_single H2 {
	font-size: 12px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: grey;
}	
.news_subheader_single H2 dfn {
	font-size: 12px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.news_content_text_list dfn, abbr {
	border-bottom:none;
	color:#949242;
	font-style: normal;

}




H4 {
	font-weight:bold;
	font-size: 1em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

a b { 
	color: #949242; 
}

a:link { 
	color: #949242; 
	text-decoration: none; 
}

a:visited { 
	color: #949242; 
	text-decoration: none; 
}



a:hover {   
	color: #949242; 
	text-decoration: underline; 
}

/*=============================================
 Tanteks Box Modell Hack */
.box {
	background: url(images/newsbox_bg.jpg) no-repeat white;
	padding: 15px;
	width: 524px;
        voice-family: "\"}\"";
        voice-family:inherit;
        width: 519px;	/* hack for IE 6 */
}

html>body .box {
         width: 489px; 	/* hack for Firefox */
}
/*=============================================*/



/*=============================================
*	positioning site-elements e.g. logo 
===============================================*/


#left {
	position: absolute; 
	left: 0px; 
	top: 0px; 
	width: 189px; 
	height: 106px;
	background: url(images/left.jpg) white;
}

#logo {
	position: absolute; 
	left: 145px; 
	top: 0px; 
	width: 163px; 
	height: 106px;
	background-color: white;
}

#rss {
	width:48px;
	padding:0 0 10px 122px;
}

#iconlist {
	width: 63px;
	float: left;
	list-style: none;
}

#iconlist li {
	float: left;
	padding-right: 5px;
}
	
/*=============================================
*	Path 
===============================================*/

#path {
	position: absolute; 
	left: 314px; 
	top:10px; 
	width:400px; 
	height: 36px;
	background-color: white;
	color: grey;
	padding-top: 70px;
	font-size: 10px;
}
#path a {
	color: grey;
	font-size: 10px;
}

#path a:link { 
	text-decoration: underline;  
	color: grey;; 
}

#path a:visited { 
	text-decoration: underline; 
	color: grey;; 
}

#path a:hover { 
	color: grey;
}

#printversion {
   	text-align: right;
	width:507px;
	text-decoration: none;
	font-size:12px;
	padding-bottom: 10px;
	padding-top:10px;
}

/*=============================================
*	Flash Navigation
===============================================*/

#flashnavi {
	background: url(images/navi_bg.png) no-repeat;
}

#flashnavi a{
	color:#FFF;
	font-size:10px;
}

#flashnavi li{
	padding-left:10px;
}

#search {
	position: absolute; 
	left: 754px; 
	top:0px; 
	width:205px; 
	height: 106px;
	background: url(images/search.gif) repeat;
	text-align:center;
	padding-top:33px;
}

#navi {
	position: absolute; 
	left: 0px; 
	top:95px; 
	width: 192px; 
	height: 312px;
	background-color: white;
}

/*=============================================
*	Footer
===============================================*/

#footer {
	position: absolute; 	
	line-height: 15px;
	left: 0px; 
	top:407px; 
	width: 266px; 
	height: 170px;
	background: url(images/footer.jpg) no-repeat; 
	padding-left: 0px; 
	padding-top: 100px;
}

#footer li {
	display: block;
	padding-left: 12px;
	list-style:none;
	list-style-image:none;
	margin:0;
	line-height: 15px;
}


#footer a:link { 
	text-decoration: none;  
	color: grey; 
}

#footer a:visited { 
	text-decoration: none; 
	color: grey; 
}

#footer a:hover {
	color: grey;
	text-decoration: underline; 
}

/*=============================================
*	Content
===============================================*/

#content {
	position: absolute;
	left: 208px; 
	top: 95px; 
	width:547px; 
	height: 472px;
	margin-right:10px;
	background: url(images/content.gif) no-repeat right top white;
	margin:0px;
}

#content ul {
         padding:10px 0;
         background-color:#eeede0:
}

#content ul.summary {
         padding:10px 0;
         background-color:#eeede0;
}

#content li {
	margin-left: 60px;
	margin-bottom: 5px; 
	margin-top: 3px;
	display: block;
	padding-left: 18px;
	list-style:none;
	background-image: url(images/pfeil.gif); 
	background-repeat: no-repeat; 
}

/*=============================================
*	Column right 
===============================================*/

#columnright {
/*	padding:10px;*/
  padding:0 25px 10px 10px; 
}



#columnright .csc-frame-invisible {
        padding:0 0 20px 0;
}

#columnright h1{
	font-size:12px;
	text-transform:uppercase;
}

.cite p{
	text-align:right;
	font-size:9px;
	padding:5px 5px 0 0;
}

blockquote {
	background:transparent url(images/blockquote.png) no-repeat scroll left top;
	color:#737373;
	font-size:110%;
	font-style:italic;
	line-height:150%;
	padding-left:15px;
}

blockquote p, blockquote p abbr {
	font-size:12px;
	line-height:20px;
	color:#666;
	margin-right:10px;
}




.box blockquote p,.box blockquote p abbr{
	font-size:15px;
	/*width:400px;*/ deaktiviert nach den updat problemem auf t3 4.4
}

#short_news {
	position: absolute; 
	left: 754px; 
	top: 95px; 
	width: 212px; 
	height: 472px;
	background: url(images/news.gif) repeat top white; 
	font-size: 1em;

}


/*=======================================
*	sitefooter 
=======================================*/

#sitefooter {
	clear: both;
	text-align: center;
	width: 98%;
	color: #bfbfbf;
	font-size: 11px;
	line-height: 18px;
	padding: 15px 0 15px 0;
	margin-top: 150px;	
}

#sitefooter a {
    	color:#bfbfbf;
	text-decoration:underline;
	font-size: 11px;
}
#sitefooter abbr {
   color:#bfbfbf;
	text-decoration:none;
	border: 0px;
	font-size: 11px;
}


#sitefooter hr {
	background-color:#bfbfbf; /* Mozilla 1.4 */
	color:#bfbfbf; /* IE 6 */
	border:#bfbfbf; /* Opera 7.11 */
	height:1px; /* in Opera f�r die Anzeige n�tig, in Mozilla f�r die einheitliche H�he */
	margin:0 0 10px 0;
}


/*=======================================
*	form 
=======================================*/

.csc-textpic-text, .csc-textpic-imagewrap{
	margin:20px;
}

.csc-mailform {
	margin:0px;
	padding:0px;
}

fieldset {
	padding: 1em;
	font:80%/1 sans-serif;
	border:0px;
}

label {
	width: 12em;
	font-size: 12px;
	padding: 0px 0px 0px 0px;
	float: left;
	text-align: left;
	margin-right: 0.5em;
	display: block;
}

select, textarea, input, option {
	margin-bottom: 10px;
	background:#E1DFB8;
	color: black;
	border-color: #777799;
	border-left: 1px solid #777799;
	border-top: 1px solid #777799;
	border-bottom: 1px solid #777799;
	border-right: 1px solid #777799;
}
/*=======================================
*	tipafriend 
=======================================*/

.captcha_image {
	text-align: right;
}
.tipafriend {
	float:left;
}
.error {
	float:left;
}
.tx-comments-captcha INPUT {
	margin-left:5px;
}

/*=======================================
*	columnright form 
=======================================*/
/* box for mail form columnright overwrite */
#columnright .box {
	background: none;
	padding: 15px;
	width: 100px;
        voice-family: "\"}\"";
        voice-family:inherit;
        width: 100px;	/* hack for IE 6 */
}

html>body #columnright .box {
         width: 200px; 	/* hack for Firefox */
         margin:-left:0px;
}

#contactLink {
	background-image: url(http://peterkschmidt.de/contact/contact.jpg);
	cursor: pointer;
	display: block;
	height: 25px;
	width: 120px;
}


/*=======================================
*	columnright form test
=======================================*/

#columnright body{
                margin: 0px;
                text-align:center;
                background-color:#ebe9d7;
                font-family:Arial, Sans-Serif;
                font-size:0.75em;
            }

#columnright #contactFormContainer
            {
            	position:absolute;
		top:120px;
            	left:60px;
            	float:right;
            }
#columnright #contactForm
            {
            	height:210px;
            	width:120px;
            	background-image:url('http://www.peterkschmidt.de/contact/left.jpg');
            	display:none;
            }
#columnright  #contactForm fieldset
            {
            	padding:3px;
            	border:none;
            }      
#columnright #contactForm label
            {
            	display:block;
            //	color:#ffc400;
            }      
#columnright  #contactForm input[type=text]
            {
            	display:block;
            	border:solid 1px #4d3a24;
            	width:100%;
            	margin-bottom:10px;
            	height:24px;
            }  
#columnright #contactForm textarea
            {
            	display:block;
            	border:solid 1px #4d3a24;
            	width:100%;
            	margin-bottom:10px;
            }  
#columnright #contactForm input[type=submit]
            {
            	background-color:#4d3a24;
            	border:solid 1px #23150c;
            	color:#fecd28;
            	padding:1px;
            }                
#columnright #contactLink
            {
            	height:25px;
            	width:120px;
            	background-image:url('http://www.peterkschmidt.de/contact/contact.jpg');
            	display:block;
            	cursor:pointer;
            }
#columnright #messageSent
            {
            	color:#ff9933;
            	display:none;
            }
}
