/* This is the default template of CMSimple */

/* RESET BROWSERSTYLE */
body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,hr,blockquote    { font-family: "Trebuchet MS", sans-serif }

/* GLOBAL */
h1, h2, h3      { color: #b00 !important; font-size: 90%; font-weight: 100; letter-spacing: 1px; margin: 3px 0 10px; padding: 0 0 3px; border-bottom: 1px solid #b00 }
h4       { color: #b00 !important; font-size: 110%; font-weight: 100; letter-spacing: 1px; margin: 15px 0 10px; clear: both }
h5       { color: #b00 !important; font-size: 110%; font-weight: 100; letter-spacing: 1px; margin: 15px 0 10px; clear: both }
h6       { color: #b00 !important; font-size: 110%; font-weight: 100; letter-spacing: 1px; margin: 15px 0 10px; clear: both }
p {margin: 10px 0;}
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: 3px 0; margin: 2px 0 2px 17px;}
hr  { color: #b00; background-color: #b00; margin: 16px 0; height: 1px; clear: both; border: 0 }
blockquote {padding: 2px 0 2px 20px; border-left: 3px solid #999;}
div.tplge_content_anchor {display: none;}
div.tplge_menu_anchor {display: none;}
div.tplge_news_anchor {display: none;}
.tplge_button {background: url(images/button.jpg) repeat-x; float: left; font-size: 16px; font-weight: 400; line-height: 20px; border: 1px solid #666; border-radius: 3px; padding: 4px 9px; margin: 0 6px 0 0;}
.tplge_button_active {background: #c50 url(images/buttonMaroon.jpg) repeat-x; color: #fff; float: left; font-size: 16px; font-weight: 400; line-height: 20px; border: 1px solid #555; border-radius: 3px; padding: 4px 9px; margin: 0 6px 0 0;}


/* 
##############################
 C O N T E N T  C L A S S E S 
##############################
*/
img.tplge_left {max-width: 46%; float: left; margin: 0 20px 10px 0;}
img.tplge_right {max-width: 46%; float: right; margin: 0 0 10px 20px;}
img.tplge_centered {max-width: 96%; display: block; margin: 16px auto;}
img.tplge_border {border: 5px solid #998;}
img.tplge_noborder {border: 0;}
.tplge_box01 { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; margin: 0 0; padding: 0; clear: both; border: solid 3px white }
.tplge_code  { background: #ece6dc; padding: 10px 16px; clear: both; border: solid 1px #998 }

.tplge_clearLeft {clear: left;}
.tplge_clearRight {clear: right;}
.tplge_clearBoth {clear: both;}

.tplge_legal {padding: 6px 0;}


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

/* BODY UND SEITE / BODY AND PAGE */
body   { color: #609; font-size: 15px; line-height: 1.4em }
#body {min-width: 940px; background: #111; text-align: left;}
#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: 28%;}
#tplge_content {float: right; width: 70%; text-align: center; margin: 0;}
#tplge_news  { color: #bbb !important; min-height: 220px }
#tplge_prevtopnext {clear: both;}
#tplge_notes  { }


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

/* KOPFBEREICH / HEADER */
#tplge_header      { background: #ddd url("images/bgheader.png") no-repeat center top; border-bottom: 0 solid }
#tplge_headerin {min-height: 100px; width: 900px; padding: 0; margin: 0 auto;}

#tplge_header h1      { color: #b00; font-size: 36px; font-weight: 100; line-height: 1.2em; text-align: right; margin: 0; padding: 10px 0 5px 5px; float: right; clear: left }

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



/* MAIN */
#tplge_main {background: #fff url(images/bgmain.jpg) repeat-x;}
#tplge_mainin {width: 900px; padding: 10px 20px 10px 20px; margin: 0 auto;}

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

/* searchbox */
#searchbox {float: left; text-align: left; padding: 0 6px 0 1px; margin: 0;}
#searchbox input.text {width: 140px; background: #fff; font-family: arial, sans-serif; font-size: 15px; border: 2px solid #aaa!important; border-radius: 3px; padding: 1px 6px 2px 6px; margin: 0;}
#searchbox input.submit {background: none; font-family: arial, sans-serif; color: #555; font-size: 15px; font-weight: 700; border: 0; padding:0; margin: 0;}
#searchbox input.submit:hover {color: #c60;}



/* INHALT / CONTENT */
#tplge_contentin  { text-align: left; margin: 0 0 10px; padding: 20px 0 }
#tplge_contentin li {background: none;}
#tplge_contentin h1, #contentin h2, #contentin h3 {}

#tplge_content input {background: #fff; border: 1px solid #aaa;}
#tplge_content textarea  { background: #fff; margin: 0 0 10px; padding: 10px; width: 90%; border: solid 1px #aaa }
#tplge_content input#submit, #tplge_content input.submit {background: url(images/button.jpg) repeat-x; float: left; color: #333; font-size: 14px; line-height: 20px; border: 1px solid #999; border-radius: 3px; padding: 2px 6px; margin: 0 6px 16px 0;}

/* 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 20px; border: 3px solid #aaa;}

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

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



/* SIDEBAR NAVIGATION */
#tplge_sidebar1in    { padding: 0 0 0; border-right: 0 solid #999 }

h4.tplge_menu  { margin-top: 0 }

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

#tplge_sidebar1 ul.menulevel1     { color: #609; margin: 20px 10px 0 0; padding: 0; border: 0 }
#tplge_sidebar1 ul.menulevel1 li    { font-weight: 700; line-height: 1; text-align: left; margin: 2px 0; padding: 6px 0; border-bottom: 1px solid #b00 }

#tplge_sidebar1 ul ul.menulevel2 {border: 0; padding: 8px 0 4px 0; margin: 0;}
#tplge_sidebar1 ul ul.menulevel2 li  { font-size: 85%; font-weight: 400; line-height: 1.2em; text-align: left; margin: 3px 0; padding: 0 0 0 10px; border: 0 }

#tplge_sidebar1 ul ul ul.menulevel3 {margin: 5px 0 0 0;}
#tplge_sidebar1 ul ul ul.menulevel3 li {line-height: 1.2em; text-align: left; border: 0; padding: 6px 0 1px 16px; margin: 2px 0;}

#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 0; margin: 0;}
div.subnav img {padding: 0; margin: 0 16px;}
p.lastupdate {font-size: 14px; color: #333; padding: 0 10px 0 10px;}



/* NEWSBOXEN / NEWSBOXES */
#tplge_news     { color: #ddd !important; background: #609 url("images/news-fond.jpg") right top }
#tplge_newsin     { color: #ddd !important; margin: 0 auto; padding: 20px 0 20px 5px; width: 940px }

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

div.tplge_newsin h4     { color: #ddd !important; font-size: 16px; background: #b00 url("images/bgnewsh4.jpg"); margin: 0 0 12px; padding: 3px; border: solid 1px #fff }
div.tplge_newsin h5   { color: #ddd !important; letter-spacing: 1px; margin: 10px 0 0 }
div.tplge_newsin h6   { color: #ddd !important; letter-spacing: 1px; margin: 10px 0 0 }



/* FUSSLINKS / FOOTER LINKS */
#tplge_notesin  { color: #777; font-size: 14px; text-align: right; margin: 0; padding: 16px 40px 40px }
div#tplge_notes p {padding: 0; margin: 0;}


/* LINKFORMATIERUNG / LINKS */
a:link  { color: #609; text-decoration: none }
a:visited  { color: #609; text-decoration: none }
a:hover  { color: #b00; text-decoration: underline }
a:active  { color: #609; text-decoration: underline }
a:focus  { color: #609; text-decoration: underline }

.tplge_navintern a:link   { color: #609; text-decoration: none }
.tplge_navintern a:visited   { color: #609; text-decoration: none }
.tplge_navintern a:hover   { color: #b00; text-decoration: none }
.tplge_navintern a:active   { color: #b00; text-decoration: none }
.tplge_navintern a:focus   { color: #609; text-decoration: none }

#tplge_sidebar1 ul a:link   { color: #609 !important; font-style: normal }
#tplge_sidebar1 ul a:visited   { color: #609 !important; font-style: normal }
#tplge_sidebar1 ul a:hover    { color: #b00 !important; font-style: normal; text-decoration: none }
#tplge_sidebar1 ul a:active   { color: #609 !important; font-style: normal; text-decoration: none }
#tplge_sidebar1 ul a:focus   { color: #609 !important; font-style: normal; text-decoration: none }

.tplge_newsin a:link  { color: #ddd; text-decoration: none }
.tplge_newsin a:visited  { color: #ddd; text-decoration: none }
.tplge_newsin a:hover  { color: #ddd; text-decoration: underline }
.tplge_newsin a:active  { color: #ddd; text-decoration: underline }
.tplge_newsin a:focus  { color: #ddd; text-decoration: underline }

#tplge_notes a:link  { color: #777 !important; text-decoration: none }
#tplge_notes a:visited  { color: #777 !important; text-decoration: none }
#tplge_notes a:hover  { color: #bbb !important; text-decoration: underline }
#tplge_notes a:active  { color: #777 !important; text-decoration: underline }
#tplge_notes a:focus  { color: #777 !important; text-decoration: underline }


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



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

@media (max-width: 959px) {
#body {min-width: 240px; font-size: 16px;}

div.tplge_content_anchor {display: table; padding: 12px 0 0 0;}
div.tplge_menu_anchor {display: table; padding: 12px 0 0 0;}
div.tplge_news_anchor {display: table; padding: 12px 0 0 0;}

/* header */
#tplge_headerin {width: 92%; max-width: 400px; padding: 0 4%; margin: 0 auto;}
#tplge_header h1        { font-size: 24px; font-weight: 100; line-height: 1.2em; text-align: left; margin: 0; padding: 15px 0 5px; float: left }

/* locator */
#tplge_locator {width: 100%; max-width: 400px; padding: 0; margin: 0;}

/* searchbox */
#searchbox {clear: both; padding: 0 0 12px 0; margin: 0;}
#searchbox .text {width: 130px;}

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

/* Main Area */
#tplge_main {width: 100%; padding: 0; margin: 0;}
#tplge_mainin {width: 92%; max-width: 400px; padding: 0 4%; margin: 0 auto;}

/* Content Area */
#tplge_content {width: 100%;}
#tplge_contentin {width: 100%; padding: 20px 0 0 0;}
#tplge_prevtopnextin {font-weight: 700; padding: 16px 0 0 0; margin: 30px 0 0 0;}

/* Menu Area */
#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;}

/* News Area */
#tplge_news {width: 100%; min-height: 220px;}
#tplge_newsin  { margin: 0 auto 0; padding: 0 4% 0; width: 92%; max-width: 400px }
div.tplge_news {width: 100%;}
div.tplge_newsin  { margin: 0; padding: 20px 0 0 }
}