@charset "utf-8";

/*
screen.css
http://www.exusu-design.de / hoemke@exusu-design.de
22.06.11
*/
/* -------------------------------------------------------------------------- Body */
html { 
    text-align: center; 
    }
body { 
    font-size: 70%;
    text-align: center;
    font-family: Arial, Verdana sans-serif;
    background-color: #ededed;
    }
/* ------------------------------------------------------------------------- Raster */
#container {
    margin: auto;
    position: relative;
    width: 960px;
    text-align: left;
    overflow: hidden;
    } 
#header {
    position:relative; 
    height: 159px;  
    background: transparent url(../img/bg_header.jpg) no-repeat bottom left;
    }
#content {
	position:relative; 
	overflow: hidden;
	width: 960px;
	background: transparent url(../img/bg_content.jpg) repeat-y top left;
	}
#contentleft {
    overflow: hidden;
    float:left; 
    width:200px;
    padding: 0 40px 0 15px;
    }
#contentmiddle {
    overflow: hidden;
    float:left; 
    width:450px;
    margin-right: 30px;
    }
#contentright {
    overflow: hidden;
    float: left; 
    width:200px;
    }
#footer {
    position: relative;
    overflow: hidden; 
    height: 105px;
    width: 960px;
    background: transparent url(../img/bg_footer.jpg) no-repeat bottom left;
    }
/* ----------------------------------------------------------------- Kopfelemente */
#home {
    position: absolute;
    width: 121px;
    height: 51px;
    top: 51px;
    left: 34px;
    text-indent: -9999px;
    }   
#topmenu {
    position: absolute;
    top: 0px;
    left: 15px;
	}
#thememenu {
    position: absolute;
    top: 123px;
    left: 15px;
	}
/* ----------------------------------------------------------------- Fusselemente */
.footleft {
    position: absolute;
    left: 15px;
    top: 10px;
    }
.footmiddle {
    position: absolute;
    text-align: center;
    width: 450px;
    left: 255px;
    top: 10px;
    }
.footright {
    position: absolute;
    right: 25px;
    top: 10px;
    }
/* ------------------------------------------------------------------------- Links */
a:link {
    color: #727272; 
	text-decoration: none;
	}
a:visited {
	color: #727272; 
	text-decoration: none;
	}
a:hover {
	color: #000; 
	text-decoration: underline;
	}
.gotop {
    display: block;
    text-align: right;
	padding-right: 19px;
    background: transparent url(../img/bg_gotop.png) no-repeat right 4px;
    margin-bottom: 10px;
    }
.goback {
    display: block;
	padding-left: 19px;
    background: transparent url(../img/bg_goprev.png) no-repeat 0px 4px;
    }
.more {
	display: block;
	padding-left: 19px;
	background: transparent url(../img/bg_gonext.png) no-repeat 0px 4px;
	}
.print {
	display: block;
	padding-left: 23px;
	background: transparent url(../img/printer_print.gif) no-repeat 0px 0px;
	}
.more:visited, .print:visited {
	color: #cc0000; 
	}
.more:hover, .print:hover {
	color: #cc0000; 
	}
.list {
	display: block;
	padding-left: 19px;
	background: transparent url(../img/bg_golist.png) no-repeat 0px 4px;
	}
.trash {
	display: block;
	padding-left: 19px;
	background: transparent url(../img/bg_gotrash.png) no-repeat 0px 4px;
	}
.left {
    float: left;
    }
.sapcel {
    margin-left: 20px;
    }
.inbox {
    display: inline;
    background-position: 0px 0px;
    }
.moreSonder {
	margin-bottom: 7px;
	}
.printlink {
   display: block;
   width: 100%;
   background-color: #ff0000;
   color: #fff!important;
   border-bottom: 1px solid #000;
   margin-bottom: 20px;
   font-size: 104%;
   line-height: 3em;
   font-weight: bold;
   text-align: center;
   }
@media print { 
   .printlink { 
    display: none; 
    }
    }
/* ------------------------------------------------------------------------ Headlines */
h1, h2, h3, h4, h5, h6, h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {
	font-family: "Times New Roman", Georgia, serif;
	font-weight: normal;
	color: #000;
	}
h1  {
	font-size: 200%;
	line-height: 1.1em;
	margin-bottom: 15px;
	}
h2  {
	font-size: 135%;
	line-height: 1.1em;
	margin-bottom: 1px;
	color: #484848;
	}
h3  {
	font-size: 135%;
	line-height: 1.1em;
	margin-bottom: 1px;
	color: #484848;
	padding: 5px;
	background-color: #ededed;
	margin-bottom: 15px;
	}
h4  {
	font-size: 135%;
	line-height: 1.1em;
	margin-bottom: 3px;
	color: #727272;
	}
/* ----------------------------------------------------------------------------- Text */
div, span, p {
    font-family: Arial, Verdana, sans-serif;
    font-size: 105%;
    line-height: 1.5em;
    font-weight: normal;
    text-align: left;
    color: #4a4a4a;
    } 
.cText {
    margin-bottom: 15px;
    } 
.cRText {
    margin-bottom: 15px;
    }
.cLText {
    margin-bottom: 15px;
    }
.cTextMinspace {
    margin-bottom: 5px;
    }
.cTextMini {
    font-size: 70%;
    margin-bottom: 1px;
    text-transform: uppercase;
    }
.cTextMiniBild {
    font-size: 80%;
    margin-bottom: 15px;
    }
.cTextMiniBuch {
    font-size: 80%;
    margin-bottom: 15px;
    }
.cTextMiniBuch .more {
    font-size: 125%;
    line-height: 1.7em;
    }
.cTextKlein {
    font-size: 70%;
    margin-bottom: 1px;
    }
.cBoxGrey {
	padding: 10px;
	margin-bottom: 15px;
	background-color: #ededed;
	}
.cBoxGreyFlat {
	padding: 2px 10px 2px 10px;
	margin-bottom: 15px;
	background-color: #ededed;
	}
.cTextSonder {
    font-weight: bold;
    }
.cTextFett {
    font-weight: bold;
    }
.cText ul, .cText ol, .cRText ul, .cRText ol, .cLText ul, .cLText ol {
    padding-left: 18px;
    }
#topmenu, #thememenu {
    font-family: "Times New Roman", Georgia, serif;
    font-size: 130%;
	}
.tmenu:link, .tmenu:visited {
    font-family: "Times New Roman", Georgia,  serif;
    font-size: 130%;
    color: #fff;
    } 
#thememenu {
    font-family: Arial, Verdana, sans-serif;
    font-weight: bold;
	}
/* --------------------------------------------------------------- Listensteuerung */
.steuerung {
    position: relative;
    font-family: "Times New Roman", Georgia, serif;
	font-weight: normal;
	font-size: 135%;
	line-height: 1.1em;
	color: #707070;
    margin-bottom: 5px;
	}
.sprev, .snext {
    display: block;
    width:14px;
    height: 14px;
    text-indent: -9999em;
    position: absolute;
    top: 5px;
    }
.sprev {
    right: 15px;
    margin-right: 5px;
    background: transparent url(../img/bg_goprev.png) no-repeat top left;
	}
.snext {
    right: 0px;
    background: transparent url(../img/bg_gonext.png) no-repeat top left;
	}
/* --------------------------------------------------------------------- Tabellen */
#contentmiddle table {
    width: 100%; 
    border: 1px solid #c3d4d9;
    }
#contentmiddle td {
    background-color: #ededed;
    color:#434343; 
    padding: 6px; 
    }
#contentmiddle th {
    text-align: left;
    }
#contentmiddle thead th {
    color: #fff;
    font-size: 135%;
    line-height: 1.1em;
    font-weight: normal;
    font-family: "Times New Roman", Georgia, serif;
    background-color: #3379ad;
    padding: 10px 6px;
    }
#contentmiddle tbody th {
    color: #fff;
    font-size: 110%;
    line-height: 1.1em;
    font-weight: normal;
    font-family: "Times New Roman", Georgia, serif;
    background-color: #7fafcc;
    padding: 6px;
    }
#contentmiddle tbody .tdleft {
    color: #333333;
    background-color: #ededed;
    }
/* ----------------------------------------------------------------------- Bilder */
.imgInline {
	float: left;
    margin-top: 5px;
	}
.imgInlineR {
	float: right;
    margin-top: 5px;
    margin-right: 0px;
    margin-left: 5px;
	}
.imgBig {
    margin-bottom: 15px;
	}
.imgUnterschrift {
    margin-bottom: 5px;
    }
.imgBorder {
    display: block;
    padding: 3px;
    border: 1px solid #d5d5d5;
    background-color: #fff;
    margin-right: 10px;
    }
.imgSpace {
    margin-bottom: 5px;
    }
.cWidget {
    float: left;
    margin-right: 10px;
    }
/* ------------------------------------------------------------------------ Lines */
.cLine {
    height: 1px;
    margin-bottom: 15px; 
    background: transparent url(../img/bg_line3.gif) repeat-x bottom left;
    }	
.cLine2 {
    height: 1px;
    margin-bottom: 15px; 
    background: transparent url(../img/bg_line3.gif) repeat-x bottom left;
    }
.cLineSonder {
    margin-bottom: 15px; 
    }	
/* -------------------------------------------------------- Menue Head - Navlevel I */
#topmenu ul {
    list-style-type: none;
    float: left; 
    position: relative;
    }	
#topmenu li {
    float: left; 
    height: 32px;
    padding-right: 12px;
    }
#topmenu li .norm, #topmenu li .now {
    display: block;
    color: #4a4a4a;
    line-height: 32px;
    text-decoration: none;
    }
#topmenu li .norm:hover {
    color: #917233;
    }
#topmenu li .now {
    color: #917233;
    }
/* ------------------------------------------------ Menue Head Themen - Navlevel I */
#thememenu ul {
    list-style-type: none;
    float: left; 
    position: relative;
    }	
#thememenu li {
    float: left; 
    height: 23px;
    padding-right: 12px;
    }
#thememenu li .norm, #thememenu li .now {
    display: block;
    color: #4a4a4a;
    line-height: 23px;
    text-decoration: none;
    }
#thememenu li .norm:hover {
    color: #917233;
    }
#thememenu li .now {
    color: #917233;
    }
/* -------------------------------------------------------------- Menue Navlevel II */
#leftmenu {
	width: 200px;
    padding-bottom: 20px;
    }
#leftmenu ul {
    list-style-type: none;
    }	
#leftmenu li {
    width: 200px;
    text-indent: 10px;
    background: transparent url(../img/bg_line_navleft.gif) repeat-x bottom left;
    } 
#leftmenu li .norm {
    display: block;
    width: 100%;
    height: 100%;	
    line-height:1.8em;
    color: #4a4a4a;
    text-decoration: none;
    } 
#leftmenu li .norm:hover {
    color: #000;
    text-decoration: none;
    background-color: #7fafcc;
    }
#leftmenu li .now {
    display: block;
    width: 100%;
    height: 100%;	
    line-height:1.8em;
    color: #000;
    text-decoration: none;
    background-color: #ededed;
    }
#leftmenu li .open {
    display: block;
    width: 100%;
    height: 100%;	
    line-height:1.8em;
    color: #000;
    text-decoration: none;
    background-color: #ededed;
    } 
/* ----------------------------------------------------------------------- Sitemap */
#sitemap {
	position:relative; 
	overflow: hidden;
	width: 960px;
	padding-top: 15px;
	background: transparent url(../img/bg_sitemap.jpg) repeat-y top left;
	}
#sitemapcontent {
	position:relative;
	background: transparent url(../img/bg_sitemaptop.jpg) no-repeat top left;
	padding: 7px 15px 15px 15px;
	}
#sitemap h4 {
    color: #c6251b;
    padding-left: 7px;
    margin-top: 10px;
    margin-bottom: 10px;
    }
.mapmenuline {
    color: #bdbdbd
    position:relative;
    padding: 5px 7px 3px 7px;
    border-top: 1px dotted #bdbdbd;
    }
.mlast {
    border-bottom: 1px dotted #bdbdbd;
    }
.mmll {
    width: 150px;
    }
.mmll, .mmlr {
    font-size: 80%;
    float: left;
    }
.mmll .norm {
    color: #000;
    }    
.mmll .norm:hover {
    color: #c6251b;
    }      
.mmll .now {
    color: #c6251b;
    } 
.mmlr .norm {
    color: #c6251b;
    }    
.mmlr .norm:hover {
    color: #000;
    }     
.mmlr .now {
    color: #000;
    }
/* ------------------------------------------------------------- Formularelemente */
#contactform p { 
    clear: left;
    float: left;
    width: 100%;
    padding-bottom: 15px;
    }
*html #contactform p { 
    float:none;
    }
#contactform label { 
	width: 100px;
    float: left;
    margin: 0;
	}
#contactform p input, #contactform p select, #contactform p textarea  { 
	width: 320px;
    float: left;
    border:1px  solid #c3d4d9;
    display: block;
    font-size: 102%;
    background-color: #ededed; 
    }
#contactform .sender {
    text-align: right;  
	}
/* ------------------------------------------------ Bestellung Formularelemente */
.Banz {
    width: 20px;
    }
.Btitel {
    width: 140px;
    }
.Bband {
    width: 20px;
    }
.Bisbn{
    width: 95px;
    }
.Bep{
    width: 40px;
    }
.Bgp{
    width: 40px;
    }