/*  
Theme Name: frado-media.de
Theme URI: http://wordpress.org/
Description: Frado-Media-Pluigin von <a href="http://www.undkonsorten.de">undkonsorten</a>.
Version: 1.0
Author: Thomas Alboth
Author URI: http://www.undkonsorten.com/
*/


/* ************************************************** */
/* ********* SEITENSTRUKTUR / STRUCTURE / ******** */
/* ************************************************** */

body {
	background: #E7F0F9 url(images/body_hg.jpg) repeat-x ;  
	background-attachment:fixed; 
	margin: 0;
	padding: 50px 0 0 25px; 
	text-align: left; }

#page { /* 765px */	
	border: 0px solid #000000; 
	color: #000000;
	height: 100%; 
	margin: 0;
	padding: 0;
	position: relative;
	left: 0px; 
} 
#header {
	position: relative;
	border-bottom: 0px solid green; 
	padding: 0px; 
	margin: 0;
	height: 110px; 
	line-height: 0px; 
	text-align: left;  
	width: 955px;
}
#header_metanavi {
	font-weight: bold;
	position: absolute;
	right: 0px;
	top: 5px; 
	width: 250px;
	text-align:right;}
#navbar { 
	float: left;
	padding:0;
	margin: 0;
	width: 200px;
}	
.narrowcolumn {	
	background: #FFFFFF;	
	border: 5px solid #000033; 
	color: #000000;
	float:left;
	padding: 15px;
	margin: 0 0 0 30px; 
	width: 680px; 
}
.entry { 
	background: #FFFFFF;	
	padding: 15px;
}

#footer {
	clear: both;
	margin: 0;
	padding: 5px 0 5px 44px; 
text-align:center;	}


/* ********* ENDE: SEITENSTRUKTUR / STUCTURE ******** */

/* ********* FONTS, FARBEN // TYPO, COLORS ********** */
/* ************************************************** */
body {
	font-size: 12px; 	/*62.5%;*/ /* Resets 1em to 10px */
	line-height: 16px /*1.9em*/;
	font-family: Arial, Sans-Serif;
	color: #000000; }

#page {
	text-align: justify; 	}

.narrowcolumn small { 
	color: #999999;
	font-size: 11px;
	font-weight: normal;
}
	
p.postmetadata {
	color: #999999;
	font-size: 10px; 
	font-weight: bold; 
	text-align: right;}

div.navigation { 
	margin: 70px 0 0 0; 
	}
	
div#footer { 
	font-size: 10px;
	line-height: 12px; }
#footer .copy { line-height: 20px; clear: both; }	

/*********** UEBERSCHRIFTEN ****************/
/* ************************************************** */

#header h1 { display: none; }
h2.willkommen {	
	color: #FFFFFF;
	padding: 0;
	margin: 0 0 0 230px; 
	width: 700px; 
}

h2 { 
	color: #FFFFFF;
	font-size: 30px; 
	line-height: 22px;
	font-weight: normal; 
	margin: 0px 0 5px 0;
	padding: 0px; 
}
h3 { font-size: 15px; font-weight: bold; }
.entry h2, .entry h3 , .entry h2 a, .entry h3 a {
	color: #072152; 
	font-size: 16px; 
	line-height: 14px; 
	margin: 0 0 0px 0;	
	text-align: left;
	font-weight: bold; 
}
.entry h3 { font-weight: bold; }

h1, h1 a, h1 a:visited { 	
	color: #A5B539; 
	font-size: 30px; 	
	font-family: Trebuchet, Arial, sans-serif;
	font-weight: 400;
	margin: 20px 0 30px 0;	
}
h3#respond { clear: both; margin: 40px 0 5px 0;}

/*********** DIE LINKS ****************/
/* ************************************************** */
a, a:active {
	border-bottom: 0px dotted #FFFFFF; 
	color: #000000;
	text-decoration: none; }
	
a:hover {
	border-bottom: 0px dotted #99cc33; 
	background-color: #99cc33;
	text-decoration: none; 
	color: #FFFFFF;
	}

#header a { border: 0; }	

	
div.narrowcolumn .post p a  {
	color: green;
	padding: 0; }	
	
.narrowcolumn .post p a:hover {
	color: #FFFFFF;
	padding: 0; }
	
div.narrowcolumn small a  {
	color: #999999;
	border-bottom: 0px dotted #99cc33; }

div.narrowcolumn .post p.postmetadata a, div.narrowcolumn .post p.postmetadata a:visited   {
	background: #FFFFFF;
	color: #999999;
	border-bottom: 1px dotted #99cc33; 
	padding: 0; }
div.narrowcolumn .post p.postmetadata a:hover  {
	color: #FFFFFF;
	background: #99cc33; }
	
#navbar 	a { 
	border: 0; 
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold; }

.narrowcolumn .post a.more { margin: 0 0 0 20px; border: 0; }

.narrowcolumn .post div.mypicsgallery a:hover {
	background: #ffffff; }

/* ********* LISTEN / LISTS ************************* */
/* ************************************************** */

.entry ol {
	padding: 0 0 0 35px;
	margin: 0; 	}

.entry ol li {
	margin: 0;
	padding: 0; 	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none; 	
}

/* ********* FOOTER  ********************** */	
div#footer ul {
	margin: 0;
	padding: 0;
	list-style: none; 
}
div#footer ul li { 
	border-right: 1px solid black;
	float: left;
	margin: 0 5px 0 0;
	padding: 0 5px 0 0; 
}
	
/* ********* NAVBAR  ********************** */
#navbar {	
	text-align: left; 
}
#navbar ul {
	list-style: none;
	margin: 0 0 0 0;
	padding: 0; 
}	
#navbar  ul li {
	background: url('images/navbar_ul_li_hg.gif') repeat-x;
	line-height: 23px; 
	margin: 0 0 15px 0;
	padding: 0 0 0 10px;
	text-indent: 0; 
}	
#navbar  ul li:hover, #navbar  ul li#level1active {
	background: url('images/navbar_ul_li_hg_hover.gif') repeat-x;
	line-height: 23px; 
	margin: 0 0 15px 0;
	padding: 0 0 0 10px;
	text-indent: 0; 
}	


#navbar  ul li ul li , #navbar  ul li ul li:hover {
	background: url('gibtesnicht.gif');
	margin: 0 0 0 0px;
	padding: 0 0 0 26px;
}	

#navbar  ul li ul li a, #navbar  ul li ul li a:hover {
	font-size: 12px;
}	
#navbar a#level1current, #navbar a#level2current , #navbar a:hover {
	color: #003399; background: none;
}

/* ********* META-NAVIGATION  ********************** */

#header_metanavi ul { 
	list-style-type: none; 
	margin: 0; 
	padding: 0; }
#header_metanavi ul li {
	border-right: 1px solid #DFDFDF;
	float: left;
	height: 12px;
	line-height: 12px;
	margin: 0;
	padding: 0 7px 0 7px; }

#header_metanavi li a, #header_metanavi li a:visited {
	color: #DFDFDF; }
/*********** IMAGES, BILDER ****************/
/* ************************************************** */



p img {
	padding: 0;
	max-width: 100%; 	}
	
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto; 	}
	
img.alignright {
	padding: 0;
	margin: 0 0 7px 10px;
	display: inline; 	}

img.alignleft {
	float: left; 
	padding: 0;
	margin: 0 7px 7px 0;
	display: inline; 
	border: 0px solid black;	}

.alignright {
	float: right; 
	padding: 0px; 
	margin: 0 0 13px 20px ; 
	color: #FF6633; }

.print {
	float: right; 
	padding: 0px; 
	margin: 0 0 13px 20px ; }
	
.print a img {
	border: 0; }	

a img {
	border: none; 
	margin: 0;
	padding: 0; }

#wp-notable-line a, #wp-notable-line a:hover  { 
	background: #FFFFFF; 
	border: 0; }
	
/* Ende Images */


/* ********* ALLES UEBER FORMULAR-FELDER ********************** */
/* ************************************************** */

/* Tabellenlayout für Formularelemente */

form { margin: 0; padding: 0; }

.form_satz { /*das ist ein DIV!!!*/
	padding-top: 10px;
	clear : right; }
.form_bezeichner { /*das ist ein span!!!*/
	float: left;
	width: 130px;
	text-align: left; }
.form_input { /*das ist ein span!!!*/
	float: right;
	width: 280px;		/*425px;*/
	text-align: left; }	

input { height: 13px; padding: 0px 2px 2px 2px; }

input, textarea, select  {
	border: 1px solid black; margin: 0;
	background: #FFFFFF; 
	font-size: 11px; }
	
input, textarea, select, form {	
	text-align: left; }

input:hover, input:focus, textarea:focus, textarea:hover { 
	border: 1px solid black; 
	background-color: #EFEFEF; }

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	border: 1px solid silver; }

.fehler_font { color: #FF0000; }
.fehler_input input, .fehler_input textarea { border: 1px solid #FF0000; }

#commentform textarea#comment {width: 500px;}

/* FORMULARE */
input, textarea, select, form {	
	text-align: left; }

#searchsubmit, input.absenden { text-align: center; padding: 0 5px 0px 5px; margin: 3px 0 0 0; height: 20px; }
	
/* Ende Form Elements */


/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help; 	}

acronym, abbr {
	border-bottom: 1px dashed #999; }



blockquote cite {
	margin: 5px 0 0;
	display: block; 	}

.center {
	text-align: center; 	}

hr { display: none; 	}

/* End Various Tags & Classes*/

.code { 
	background: #ddfc9d;
	border: 1px solid #669966;
	font-family: Courier New, serif;
	font-size: 11px; 
	padding: 3px;
	margin: 0 0 10px 0; }

span.codetext { 	
	display: inline;
	border: 0; padding: 0; margin: 0;
	background: #ddfc9d;
	font-family: Courier New, serif; }
	

	
.nixzusehen { display: none; }
div.clear { 
	border-bottom: 1px solid silver;
	clear: both;
	margin: 10px 0 0 0 ;
	width:100%; 
}