/* This is the default template of CMSimple */

/* RESET BROWSERSTYLE */
body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,hr,blockquote {padding: 0; margin: 0;}

/* GLOBAL */
h1, h2, h3 {font-family: 'Trebuchet MS', verdana, sans-serif; color: rgb(68,81,89); font-size: 30px; line-height: 1.2em; font-weight: 100; letter-spacing: 1px; padding: 0 0 5px 0; margin: 6px 0 0px 0;}
h4 {clear: both; font-family: 'Trebuchet MS', verdana, sans-serif; color: #333; font-size: 22px; line-height: 1.4em; font-weight: 700; letter-spacing: 1px; margin: 2em 0 0.5em 0;}
h4:empty {
    display: none;
}
h5 {clear: both; font-family: 'Trebuchet MS', verdana, sans-serif; color: #333; font-size: 18px; line-height: 1.4em; font-weight: 100; letter-spacing: 1px; margin: 15px 0 10px 0;}
h6 {clear: both; font-family: 'Trebuchet MS', verdana, sans-serif; color: #333; font-size: 16px; line-height: 1.4em; font-weight: 100; letter-spacing: 1px; margin: 15px 0 10px 0;}
p {margin: 1em 0; line-height: 1.6em; font-style: italic; }
ol {margin: 6px 0;}
ol li {line-height: 1.0em; border: 0; padding: 3px 0; margin: 2px 0 2px 22px;}
ul {/*list-style-image: url(images/inhlist.gif);*/ margin: 6px 0;}
ul li {line-height: 1.2em; border: 0; padding: 0px 0; margin: 2px 0 2px 25px;}
hr {height: 1px; clear: both; color: #999; background-color: #999; border: 0; margin: 16px 0;}
blockquote {padding: 2px 0 2px 20px; border-left: 3px solid #999;}

/* 
##############################
 C O N T E N T  C L A S S E S 
##############################
*/
.tplge_left_border {float: left; border: 5px solid #998; margin: 0 20px 10px 0;}
.tplge_left_noborder {float: left; border: 0; margin: 0 20px 10px 0;}
.tplge_right_border {float: right; border: 5px solid #998; margin: 0 0 10px 20px;}
.tplge_right_noborder {float: right; border: 0; margin: 0 0 10px 20px;}
.tplge_border {border: 5px solid #998;}
.tplge_noborder {border: 0;}

.tplge_code {clear: both; background: #eed; font-family: 'courier new', monospace; border: 1px solid #997; padding: 10px 16px;}
.tplge_box01 {clear: both; background: #e0e9ec; border: 3px solid #c0c6cc; padding: 12px 16px; margin: 16px 0;}
.tplge_legal {padding: 6px 0;}

.XXXXXXXXXXXXXXXXXX {} /* Marker for styles menu tinymce */


/* 
##############################
           B O D Y
##############################
*/

/* BODY UND SEITE / BODY AND PAGE */
body {font-family: "Trebuchet MS", sans, arial, sans-serif; font-size: 18px; line-height: 1.4em; color: rgb(12,21,30);
}
#body {min-width: 950px; text-align: left; background: url() rgb(237,236,231) repeat-x; }
#top {font-size: 10px; line-height: 10px;}






/* 
##############################
        L A Y O U T
##############################
*/

#tplge_header {}
#tplge_locator {width: 900px; text-align: left; margin: 0 auto;}
#tplge_main {text-align: left; margin: 0 auto;}
#tplge_sidebar1 {
  float: left; 
  width: 31%;
  background: linear-gradient(0deg, rgba(0,0,0,0.05) 0%, rgba(255,255,255,0) 100%);
  padding: 0 10px 0 20px;
  box-sizing: border-box;
}
#tplge_content {float: right; width: 65%; text-align: center; margin: 0;}
#tplge_news {min-height: 220px;}
#tplge_prevtopnext {clear: both;}
#tplge_notes {}


/* 
##############################
        D E S I G N
############################## 
*/

/* KOPFBEREICH / HEADER */
#tplge_header { 
	position:absolute;
	right:0;
	top:20px;
	width:100%;	
	/*background: #eee url(images/bgheader.jpg) center top no-repeat;*/ 
	/* background:#eee url() top right no-repeat; */
	/* background:rgba(255,255,255,0.5); */
	/* box-shadow:2px 0px 2px #888; */
}
#tplge_headerin {
min-height: 60px; max-width: 900px; padding: 0; margin: 0 auto;
/* background: url(http://textur-online.de/templates/default/images/txlogo.gif) top right no-repeat; */	

}

#tplge_header h1 { clear: left; /*color: #9f9a90;*/ font-size: 24px; line-height: 1.2em; /*text-align: right;*/ font-weight: 100; padding: 0px 0 16px 16px; margin: 0;
	padding:80px 63px 0 0;
	padding:15px 150px 15px 0;
	font-size:22px;
	position:absolute;
	right:0;
	top:280px;
	text-align:right;
	padding-right:15px;
	font-family: "Trebuchet MS", Arial, sans, sans-serif;
	font-weight:normal;
	
	right:100px;
	top:260px;
}
#tplge_header h1 span.ifh { display: none; }
#tplge_header h1 span.ag { color:#7f7a50;color:#4f4a20; color:#000; font-weight:bold; /*color:#282;*/}
img#logo {display:none; position:absolute;right:0;top:160px;border-width:0;}

/* logo */
#tplge_header .tplge_logo {float: right; border: 1px solid #666; margin: 20px 5px 0px 0;}
#tplge_header .tplge_headerimg {float: right; background: #fff; padding: 3px; margin: 0 0 0 3px; border: 1px solid #999;}


/* MAIN */
#tplge_main {}
#tplge_mainin {position: relative; width: 890px; padding: 280px 30px 10px 30px; margin: 0 auto; background: url("images/HG-Home.jpg") 50% 0px #FCE7D4 no-repeat; background-size:100%;}

/* locator */
#tplge_locatorin {font-family: arial, sans-serif; font-size: 14px; text-align: left; color: #333; border-bottom: 0px solid #999; padding: 6px 0; margin: 12px 0 16px 0;
	margin-top:0px; padding-top:0px;  }
#tplge_locatorin span {line-height: 26px;}

.tplge_menu_button {display: none;}

.tplge_menu_button a:link {color: #333; text-decoration: none;}
.tplge_menu_button a:visited {color: #333; text-decoration: none;}
.tplge_menu_button a:hover {color: #c60; text-decoration: none;}
.tplge_menu_button a:active {color: #c60; text-decoration: none;}
.tplge_menu_button a:focus {color: #c60; text-decoration: none;}

/* searchbox */
#searchbox {float: left; text-align: left; padding: 0 16px 0 0; margin: 0;}
#searchbox input.submit {background: #c50; color: #fff; border: 1px solid #c50; padding: 0 3px 1px 3px;}
#searchbox .text {width: 140px; background: #fff; font-family: arial, sans-serif; font-size: 15px; border: 1px solid #aaa; padding: 0 3px 2px 3px;}


/* SIDEBAR NAVIGATION */
#tplge_sidebar1in {font-family: "Trebuchet MS", arial, sans-serif; letter-spacing:0.03em; border-right: 0px solid #999; padding: 8px 0 30px 0;}

h4.tplge_menu {display: none;}

#tplge_sidebar1 li {list-style-type: none; list-style-image: none;}

#tplge_sidebar1 ul.menulevel1 {color: rgb(0,170,44); border: 0; padding: 0; margin: 8px 10px 0 0; }
#tplge_sidebar1 ul.menulevel1 li {line-height: 1.2em; text-align: left; font-weight: 700; /* border-bottom: 1px solid #999; */ margin: 0px 0; }
#tplge_sidebar1 ul.menulevel1 a, #tplge_sidebar1 ul.menulevel1 span {display:block; padding: 8px 10px; border-radius:4px; border:1px solid transparent;}
#tplge_sidebar1 ul.menulevel1 a:hover { border: 1px solid #ccc; background-color:rgba(0,0,0,0.05); }

#tplge_sidebar1 ul ul.menulevel2 {border: 0; padding: 5px 0 5px 0px; margin: 0;}
#tplge_sidebar1 ul ul.menulevel2 li {line-height: 1.2em; font-weight: 400; text-align: left; border: 0; /* padding: 4px 0 5px 1px; */ margin: 0;}
#tplge_sidebar1 ul ul.menulevel2 a, #tplge_sidebar1 ul ul.menulevel2 span {display:block; padding: 5px 10px 5px 30px; }

#tplge_sidebar1 ul ul ul.menulevel3 {margin: 0 0 0 0;}
#tplge_sidebar1 ul ul ul.menulevel3 li {line-height: 1.2em; text-align: left; border: 0; padding: 0 0 0 0; margin: 0;}
#tplge_sidebar1 ul ul ul.menulevel3 a, #tplge_sidebar1 ul ul ul.menulevel3 span {display:block; padding: 5px 10px 5px 50px; font-size:0.85em; }

#tplge_sidebar1 ul.subnav {list-style-type: none; text-align: left; padding: 36px 10px 10px 0; margin: 0;}
#tplge_sidebar1 ul.subnav li {font-size: 14px; padding: 3px 0 3px 0; margin: 3px 0;}
div.subnav {text-align: left; padding: 26px 20px 0 6px; margin: 0;}
p.lastupdate {font-size: 14px; color: #333; padding: 0 10px 0 10px;}

#tplge_sidebar1 a:link {color: #222; font-style: normal;}
#tplge_sidebar1 a:visited {color: #222; font-style: normal;}
#tplge_sidebar1 a:hover {color: rgb(0,170,44); font-style: normal; text-decoration: none;}
#tplge_sidebar1 a:active {color: rgb(0,170,44); font-style: normal; text-decoration: none;}
#tplge_sidebar1 a:focus {color: rgb(0,170,44); font-style: normal; text-decoration: none;}


/* INHALT / CONTENT */
#tplge_contentin {font-family: "Trebuchet MS", arial, sans-serif; text-align: left; padding: 100px 70px 20px 0; margin: 0 0 10px 0;}
#tplge_contentin li {background: none;}
#tplge_contentin h1, #contentin h2, #contentin h3 {}
#tplge_content .text {width: 90%; border: 1px solid #ccc;}

/* languagemenu */
div.langmenu_container {float: right; text-align: right; border: 0px solid #c00; padding: 0 0 6px 0; margin: 0;}
.langmenu_container img {margin: 0 0 0 16px;}

.sitemaplevel1 {font-size: 16px; font-weight: 700;}
.sitemaplevel2 {font-size: 15px; font-weight: 100;}

/* NEWSBOXEN / NEWSBOXES */
#tplge_news {background: #111 url(images/bgfooter.jpg) right top no-repeat;}
#tplge_newsin {width: 940px; color: #999; font-family: arial, sans-serif; padding: 20px 0; margin: 0 auto;}

div.tplge_news {width: 33%; float: left;}
div.tplge_newsin {line-height: 1.3em; border: 0px solid #996; padding: 0; margin: 0 20px 20px 20px;}
div.tplge_newsin ul {list-style-type: none; list-style-image: none; padding: 6px 0 12px 0;}
div.tplge_newsin li {list-style-type: none; list-style-image: none; line-height: 1.2em; padding: 1px 5px; margin: 2px 0;}

div.tplge_newsin h4 {background: #444 url(images/bgnewsh4.jpg); font-size: 16px; color: #bba; border: 1px solid #666; padding: 6px 16px 36px 16px; margin: 20px 0 12px 0;}
div.tplge_newsin h5 {color: #aa9; letter-spacing: 1px; margin: 10px 0 0 0;}
div.tplge_newsin h6 {color: #aa9; letter-spacing: 1px; margin: 10px 0 0 0;}

#tplge_newsin a:link {color: #ccc; text-decoration: none;}
#tplge_newsin a:visited {color: #ccc; text-decoration: none;}
#tplge_newsin a:hover {color: #f90; text-decoration: underline;}
#tplge_newsin a:active {color: #fff; text-decoration: underline;}
#tplge_newsin a:focus {color: #fff; text-decoration: underline;}


/* prev-top-next */
#tplge_prevtopnext {padding-top:30px;}
#tplge_prevtopnextin {text-align: center; border-top: 1px solid #999; padding: 8px 0 0 0; margin: 30px 0 0 0;}


/* FUSSLINKS / FOOTER LINKS */

#fusszeile { text-align:center; padding:5px; background-color:rgba(0,0,0,0.1); background-color:rgb(207,207,195); margin-bottom: 10px; max-width:940px;margin: 0 auto;}
#impr { text-align:center; padding:5px; margin-bottom: 10px; max-width:930px;margin: 0 auto;}
#impr a {color:#000; font-size:0.9em;}
#tplge_notesin {font-family: arial, sans-serif; font-size: 14px; text-align: right; color: #666; padding: 16px 40px 40px 40px; margin: 0;}
div#tplge_notes p {padding: 0; margin: 0;}

#tplge_notes a:link {color: #999; text-decoration: none;}
#tplge_notes a:visited {color: #999; text-decoration: none;}
#tplge_notes a:hover {color: #f90; text-decoration: underline;}
#tplge_notes a:active {color: #fff; text-decoration: underline;}
#tplge_notes a:focus {color: #fff; text-decoration: underline;}


/* LINKFORMATIERUNG / LINKS */
a:link {color: #369; color:rgb(0,160,0); text-decoration: none;}
a:visited {color: #369; color:rgb(0,160,0); text-decoration: none;}
a:hover {color: #c60; color:rgb(0,160,0); text-decoration: underline;}
a:active {color: #c60; color:rgb(0,160,0); text-decoration: underline;}
a:focus {color: #c60; color:rgb(0,160,0); text-decoration: underline;}

img.right {float:right; margin-left:2em;}

td {padding:3px; }


/* ######################
  Leseprobe-Marke
  ####################### */
  
h3:after {
	content: "– Leseprobe –"; 
	display:block;
	text-align: left;
	text-transform:uppercase;
	font-size: 16px;
	line-height: 14px;
	color: #333;
	padding:0px;
	/* width: 7.5em; */
	/* position: relative;
	left:-30px; 
	transform: rotate(-15deg); */
	
	/* margin-left: 1em; */
	margin-top:15px;
	/* border: 1px solid #333;
	border-width: 1px 1px 0 0; */
	/* border-radius: 3px; */
}

/* 
##############################
 Seitenspezifische Styles
############################## 
*/

.TEXTUR #tplge_contentin h1 { display:none; }

#body.Werbetexte  #tplge_mainin { background: url("images/HG-Texte.jpg") 50% 0px #D6FCD0 no-repeat; background-size:100%; }

#body.TEXTUR #tplge_contentin {padding-top: 48px;}
/* #body.PRTexte { background: url("images/HG-PR.jpg") rgb(235,102,236) repeat-x; } */
#body.PRTexte #tplge_mainin,
#body.Reishunger #tplge_mainin,
#body.PowerSelling #tplge_mainin,
#body.CorporateBlogs #tplge_mainin,
#body.RepairCaf� #tplge_mainin,
#body.Alterseinsamkeit #tplge_mainin { background: url("images/HG-PR.jpg") 50% 0px #D6FDD1 no-repeat; background-size:100%; }
#body.PRTexte #tplge_contentin,
#body.Reishunger #tplge_contentin,
#body.PowerSelling #tplge_contentin,
#body.CorporateBlogs #tplge_contentin,
#body.RepairCaf� #tplge_contentin,
#body.Alterseinsamkeit #tplge_contentin { padding-top: 100px; }
/*#body.PRTexte img#logo {display:block;}
#body.PRTexte #tplge_header h1 {right:50px;}
*/

#body.FirmenBiografien #tplge_mainin,
#body.JahreGr�per #tplge_mainin,
#body.JahreB�FA #tplge_mainin,
#body.M�belwerkHeidenau #tplge_mainin { background: url("images/HG-FaBio.jpg") 50% 0px #D7FCD3 no-repeat; background-size:100%; }
#body.FirmenBiografien #tplge_contentin { padding-top: 100px; }

#body.Lebensgeschichten #tplge_mainin,
#body.WalterM #tplge_mainin,
#body.HermannGriepenkerl #tplge_mainin,
#body.BernhardRemmers #tplge_mainin,
#body.RolfH #tplge_mainin,
#body.KarlK #tplge_mainin,
#body.UrselB #tplge_mainin { background: url("images/HG-Bio.jpg") 50% 0px #D7FCD3 no-repeat; background-size:100%; }
#body.Lebensgeschichten #tplge_contentin,
#body.WalterM #tplge_contentin,
#body.RolfH #tplge_contentin,
#body.UrselB #tplge_contentin { padding-top: 100px; }

#body.Portraits #tplge_mainin,
#body.EskeNannen #tplge_mainin,
#body.ChristianKlinge #tplge_mainin,
#body.MarkusM�ller #tplge_mainin,
#body.HermannSch�ller #tplge_mainin,
#body.MichaelaHanken #tplge_mainin { background: url("images/HG-Portrait.jpg") 50% 0px #D7FCD3 no-repeat; background-size:100%; }
#body.Portraits #tplge_contentin { padding-top: 100px; }

#body.Lektorat #tplge_mainin { background: url("images/HG-Lekt.jpg") 50% 0px #D7FCD3 no-repeat; background-size:100%; }
#body.Lektorat #tplge_contentin { padding-top: 100px; }

#body.Referenzen #tplge_mainin { background: url("images/HG-Refer.jpg") 50% 0px #FBFCD2 no-repeat; background-size:100%; }
#body.Referenzen #tplge_contentin { padding-top: 100px; }

#body.Ver�ffentlichungen #tplge_mainin,
#body.Oldenburgmalganzpers�nlich #tplge_mainin { background: url("images/HG-Publ.jpg") 50% 0px #DDFCEC no-repeat; background-size: 100%; }
#body.Ver�ffentlichungen #tplge_contentin { padding-top: 100px; }

/* #body.Philosophie { background: url("images/hg-rot.jpg") rgb(245,72,248) repeat-x; } */
#body.Philosophie #tplge_mainin { background: url("images/HG-Philo.jpg") 50% 0px rgb(250,210,255) no-repeat; background-size: 100%; }
#body.Philosophie #tplge_contentin { padding-top: 100px; }
/* #body.Philosophie img#logo {display:block;}
#body.Philosophie #tplge_header h1 {right:50px;}
*/

/* 
##############################
 S O N S T I G E S / R E S T
############################## 
*/

#submit {background: #c60; color: #fff; border: 0; padding: 1px 6px; margin: 1px;}
input.text {border: 1px solid #999!important;}
#passwd {border: 1px solid #999;}
.file {border: 1px solid #999;}
.scroll {background: #eec; border: 1px solid #997; padding: 10px; overflow: scroll;}
table.edit {background: #eee; font-size: 14px; line-height: 1.2em; border: 1px solid #999; margin: 1px 0;}
table.edit td {border: 0; padding: 3px;}
textarea {width: 90%; background: #fff; font-family: arial, sans-serif; border: 1px solid #999; padding: 10px; margin: 0 0 10px 0;}
.tpl_button {background: #fff url(images/button.jpg) repeat-x; font-family: arial, sans-serif; font-size: 15px; font-weight: 700; border: 1px solid #999; border-radius: 3px; padding: 4px 12px;}


/* 
############################## 
   R E S P O N S I V E  CSS
############################## 
*/

@media (max-width: 949px) {

#body {min-width: 240px; font-size: 16px;}

#tplge_headerin {width: 92%; max-width: 500px; padding: 0 4%; margin: 0 auto;
	display: none;
}
#tplge_header h1 {float: left; font-size: 20px; line-height: 1.2em; text-align: left; font-weight: 100; padding: 20px 0 16px 0; margin: 0;}

#tplge_locator {width: 100%; max-width: 500px; padding: 2px 0 0 0; margin: 0;}

#searchbox {padding: 0 6px 0 0; margin: 0;}
#searchbox .text {width: 130px;}

div.langmenu_container {clear: left; float: none; text-align: left; border: 0px solid #c00; padding: 6px 0 0 0; margin: 0;}
.langmenu_container img {margin: 0 16px 0 1px;}

h4.tplge_menu {display: block;}
.tplge_menu_button {display: block; float: left; padding: 0; margin: 2px 0 0 2px;}

#tplge_main {width: 100%; padding: 0; margin: 0;}
#tplge_mainin {width: 92%; max-width: 500px; padding: 0 4%; margin: 0 auto;}

#tplge_sidebar1 {width: 100%;}
#tplge_sidebar1 ul.menulevel1 li {font-size: 16px;}
#tplge_sidebar1 ul ul.menulevel2 li {font-size: 16px;}
#tplge_sidebar1 ul ul ul.menulevel3 li {font-size: 16px; padding-left: 24px;}

#tplge_content {width: 100%;}
#tplge_contentin {width: 100%; padding: 80px 20px 0 0;}

#tplge_news {width: 100%; min-height: 220px;}
#tplge_newsin {width: 100%; max-width: 500px; margin: 0 auto;}
div.tplge_news {width: 100%;}
div.tplge_newsin {margin: 0 20px 0 10px;}
}