﻿ html {
    }
body {
    font-family:Verdana,Arial;
    background-color: #FFFFFF;
    margin: auto;
    background-image: url(../images/background.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    overflow: scroll;
    }
/*HINTERGRUNDBILDER*/
.pic901 {	background-image: url(../pics/pic01b.gif);	}
.pic902 {	background-image: url(../pics/pic02b.gif);	}
.pic903 {	background-image: url(../pics/pic03b.gif);	}
.pic904 {	background-image: url(../pics/pic04b.gif);	}
.pic905 {	background-image: url(../pics/pic05b.gif);	}
.pic906 {	background-image: url(../pics/pic06b.gif);	}
.pic907 {	background-image: url(../pics/pic07b.gif);	}
.pic908 {	background-image: url(../pics/pic08b.gif);	}
.pic909 {	background-image: url(../pics/pic09b.gif);	}
.pic910 {	background-image: url(../pics/pic10b.gif);	}
.pic911 {	background-image: url(../pics/pic11b.gif);	}
.pic912 {	background-image: url(../pics/pic12b.gif);	}
.pic913 {	background-image: url(../pics/pic13b.gif);	}
.pic914 {	background-image: url(../pics/pic14b.gif);	}
.pic915 {	background-image: url(../pics/pic15b.gif);	}
.pic916 {	background-image: url(../pics/pic16b.gif);	}
.pic917 {	background-image: url(../pics/pic17b.gif);	}
.pic918 {	background-image: url(../pics/pic18b.gif);	}
.pic919 {	background-image: url(../pics/pic19b.gif);	}

.clear {
	clear: left;
	}
#wrap {
    position:relative;
    width: 1020px;
    margin: 20px  auto 0 auto;
    background-repeat: no-repeat;
    background-position: left top;
    }
#bottom {
    position:relative;
    width: 1020px;
    height: 30px;
    margin: 0 auto 0 auto;
    background-repeat: no-repeat;
    background-position: left top;
    background-image: url(../images/bottom.gif);
    }
/* HEAD
***********************************************/
#head {
    position:relative;
    left: 70px;
    width: 820px;
    height: 200px;
    background-color: transparent;
    }
#logoimgblack {
	display:none;
	}
#logotxtblack {
	display:none;
	}
#logoimgwhite {
    position:absolute; 
    overflow:hidden;
    left:40px; 
    top:15px; 
    width:120px; 
    height:120px;
    }
#logoimgwhite img {
	width: 100%;
}
#logotxtwhite {
    position:absolute; 
    overflow:hidden;
    left: 200px; 
    top: 50px; 
    width:600px; 
    height:80px;
    }
#logotxtwhite img {
	width: 100%;
}
#logoprt {
	display:none;
	}
#logoprt img {
	
	}
#leftmenu {
position:absolute; 
    overflow:hidden;
    left:20px; 
    top: 140px; 
    width:150px;
    min-height:52px;
	background-color:#F0F0F0;
	border:1px solid #969696;	}
#rightmenu {
position:absolute;
	overflow:hidden; 
	left: 200px;
	top: 140px; 
	width: 600px;
	min-height: 52px;
	background-color: #F0F0F0;
	border: 1px solid #969696;
	text-align: left;
	white-space: nowrap;	
	}
#topmenu {
	position:absolute;
	overflow:hidden; 
	height:32px;
	top: 10px;
	width:100%;
	text-align:right;
	vertical-align:top;
	white-space:nowrap;
	}

ul.mainmenu {
	width: 101%;
	font-family:  Verdana, Arial;
	font-size: 0.8em;
	list-style: none;
	margin: 0;
	padding: 0;
	}
ul.mainmenu li {
	display:block;
	line-height: 2em;
	vertical-align: middle;
	text-align: center;
	border-top: 1px solid #d0d0d0;
	border-bottom: 1px solid #d0d0d0;
	float: left;
	}
ul.mainmenu li.m1 {width:100%;}	
ul.mainmenu li.m5 {width:20%;}
ul.mainmenu li.m6 {width:100px;}

ul.mainmenu span {
	display:block;
	color:#ffffff;
	border-right:1px solid #d0d0d0;
	background-color:#6000c0;
	background-image:url(../images/menuselected.gif);
	}		
ul.mainmenu a {
	display: block;
	color: #303030;
	border-right: 1px solid #d0d0d0;
	background-color: #808080;
	background-image: url(../images/menugrey.gif);
	text-decoration: none;
	}
ul.mainmenu a:hover {
	color:#ffffff;
	text-decoration:none;
	background-color:#20b0c0;
	background-image:url(../images/menuhover.gif);
	text-decoration: none;
	}
ul.submenu {
	font-family: Verdana, Arial;
	font-size: 0.8em;
	list-style: none;
	margin: 0;
	padding: 0 0 0 0.5em;
	}
ul.submenu li {
	line-height: 2em;
	text-align: left;
	vertical-align: middle;
	float: left;
	}	
ul.submenu span {
	color: #000000;
	background-image: url(../images/link4.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 16px;
	padding-right: 16px;
	}
ul.submenu a, ul.submenu a:link, ul.submenu a:visited, ul.submenu a:active {
	background-image: url(../images/link3.gif);
	background-repeat: no-repeat;
	background-position: left center;
	text-decoration: none;
	padding-left: 16px;
	padding-right: 16px;
	color: #10a0b0;
	text-decoration: none;
	}
ul.submenu a:hover {
	text-decoration: underline;
	color: #10a0b0;
	}
ul.combar {
	width: 100%;
	font-family:  Verdana, Arial;
	font-size: 0.8em;
	list-style: none;
	margin: 0;
	padding: 0;
	}
ul.combar li {
	display: block;
	line-height: 30px;
	width: 40px;
	vertical-align: middle;
	text-align: center;
	float: right;
	background-repeat: no-repeat;
	background-position: center;
	}
ul.combar li.home      {background-image:url(../images/ichomek.gif);	}
ul.combar li.sitemap   {background-image:url(../images/icsitemapk.gif);	}
ul.combar li.impressum {background-image:url(../images/icimpk.gif);	}
ul.combar li.contact   {background-image:url(../images/iccontactk.gif);	}
ul.combar li.email     {background-image:url(../images/icemailk.gif);	}
ul.combar li.print     {background-image:url(../images/icprintk.gif);	}
ul.combar li.sizeplus  {background-image:url(../images/icsizeplusk.gif);	}
ul.combar li.sizeminus {background-image:url(../images/icsizeminusk.gif);	}
ul.combar li.contrast  {background-image:url(../images/iccontrastk.gif);	}
ul.combar li.search    {background-image:url(../images/icsearchk.gif);	}
ul.combar li.empty     {background-image:url(../images/icemptyk.gif);	}
ul.combar li.input     {width:120px;}

ul.combar input {
	position: relative;
	top: -0.3em;
	width: 100%;
	font-family: Verdana, Arial;
	font-size: 1em;
	border: 1px solid #969696;
	}
ul.combar a, ul.combar a:visited {
	display: block;
	width: 40px;
	line-height: 28px;
	background-position: center;
	}
ul.combar a:hover   {	
	text-decoration:none;
	background-repeat:no-repeat;
	background-position:left center;
	}
ul.combar a:hover.home      {	background-image:url(../images/ichomehotk.gif);	}
ul.combar a:hover.sitemap   {	background-image:url(../images/icsitemaphotk.gif);	}
ul.combar a:hover.impressum {	background-image:url(../images/icimphotk.gif);		}	
ul.combar a:hover.email     {	background-image:url(../images/icemailhotk.gif);	}	
ul.combar a:hover.contact   {	background-image:url(../images/iccontacthotk.gif);	}		
ul.combar a:hover.print     {	background-image:url(../images/icprinthotk.gif);	}		
ul.combar a:hover.sizeplus  {	background-image:url(../images/icsizeplushotk.gif);	}
ul.combar a:hover.sizeminus {	background-image:url(../images/icsizeminushotk.gif);}	
ul.combar a:hover.contrast  {	background-image:url(../images/iccontrasthotk.gif);	}	
ul.combar a:hover.search    {	background-image:url(../images/icsearchhotk.gif);	}


/* LEFT AREA
***********************************************/
#leftillu {
	position: relative;
    left: 24px;
    top: -36px;
	width: 110px;
	height: 90px;
	z-index: 4; 
	}
#leftillu img {
	width: 100%;
    }
#left {
    overflow:auto; 
    position:relative; 
    z-index:3; 
    left: 0px; 
    top: 0px; 
    width:  240px;
    background-color: #f0f0f0;
    border: solid 1px #646464; 
	box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.4), 0px 0px 30px rgba(0, 0, 0, 0.2);
    }
#left div {
    margin-bottom: 20px;
    }
#left h3 {
	font-size: 0.8em;
	font-weight: bold;
	color: #808080;
	border-bottom: 1px solid #969696;
	margin:  0 0 5px 5px;
	}
#left p.datum {
	font-size: 0.6em;
	text-align: right;
	margin: 5px 5px 0 0;
	}
#left p {
	font-size: 0.6em;
	margin: 5px;
	}
#left img {
	width: 230px;
	margin: 5px;
	}
#left a, #left a:link, #left a:visited  {
	background-image:url(../images/link1.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:16px;
	color: #10a0b0;
	text-decoration: none;
	}
#left a:hover {
	background-image: url(../images/link1.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 16px;
	text-decoration: underline;
    }
/* FOOTER
***********************************************/
#foot {
    position: relative; 
    left: 80px; 
    width: 780px; 
    height:20px;
    clear: both;
    margin: 10px 10px 0 10px;
    border-top: 1px solid #808080;
    z-index: 5; 
    }
#foot p {
    font-family: Verdana, Arial;
    font-size: 0.7em;
    color:#5C5D62;
    padding: 0;
    margin: 0;
}

/* CONTENT AREA
***********************************************/
#contenttitle {
	position: relative;
	left: 0;
	width: 750px;
	float: right; 
	}
#contenttitle h1 {
	font-family: Century Gothic, Arial;
    font-size: 36px;
    color: #5C5D62;
    margin: 20px 150px 20px  0 ;
	}
#content {
    position:relative; 
    z-index:3; 
    left: 0;
    top: 0; 
    width: 750px;
    float: right; 
    }
.standard {
     width: 750px;
    }
.standard p {
    font-family: Verdana, Arial;
    font-size: 0.8em;
    color: #404040;
    padding: 0 1em 1em 0;
    margin:0 150px 0 0;
    }
.standard h2 {
	font-family: Verdana, Arial;
    font-size: 0.8em;
	color: #000000;
	font-weight: bold;
	padding: 0 1em 1em 0;
    margin: 0 150px 0 0 ;
	}   
 .standard ul {
    font-family: Verdana, Arial;
    font-size: 0.8em;
    color: #5C5D62;
	list-style-type: square;
	padding: 0;
	margin: 0 150px  1em  4em;
	text-indent: 0;
	}
.standard li {
	margin: 0 0 0.4em 0;
	}   
.standard p a, .standard p a:link, .standard p a:visited  {
	background-image: url(../images/link1.gif);
	background-repeat: no-repeat;
	background-position:left center;
	padding-left: 16px;
    color: #10a0b0;
	text-decoration: none;
	}    
 .standard p a:hover {
	text-decoration: underline;
	color: #10a0b0;
	}
.standard strong, .standard b {
	color: #000000;
	font-weight: normal;
	}   
.standard img.PICTURE {
	width: 300px;
	height: 300px;
	float: right;
	margin:  0 0 20px 20px;
	border: 1px solid #C0C0C0;
	box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.4), 0px 0px 30px rgba(0, 0, 0, 0.2);
	}
.standard img.TOP {
	text-align: left;
	border:1px solid #969696;
	margin: 0 12px 12px 0;
	padding: 0;
	}	
.standard img.LEFT {
	text-align:right;
	float:left;
	border:1px solid #969696;
	margin: 0 12px 12px 0;
	padding: 0;
	}
.standard img.RIGHT {
	text-align:left;
	float:right;
	border:1px solid #969696;
	margin: 0 12px 12px 0;
	padding: 0;
	}
	
.standard .SM0 {
	padding: 0.3em  0 0.3em 0;
	margin-left: 16px;
	text-indent: -16px;
}		
.standard .SM1 {
	padding: 1em  0 0.3em 0;
	margin-left: 16px;
	text-indent: -16px;
}
.standard .SM2 {
	padding: 0 0 0.3em 32px;
	margin-left: 16px;
	text-indent: -16px;
}
.standard .SM3 {
	padding: 0 0 0.3em 64px;
	margin-left: 16px;
	text-indent: -16px;
}
.box {
    position: relative;
    width: 700px;
	margin:0 0 12px 0 ;
	padding: 0;
    border: solid 1px #C0C0C0;
    overflow:auto;
	box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.4);
    }
.box h2 {
	font-family: Verdana, Arial;
	font-size: 1em;
	color: #646464;
	font-weight:bold;
	padding: 0;
	margin: 12px;
	}
.box p {
    font-family: Verdana, Arial;
    font-size: 0.8em;
    color: #000000;
    padding: 0;
    margin: 12px;
    }
.box ul {
    font-family: Verdana, Arial;
    font-size: 0.8em;
    color: #000000;
	list-style-type: square;
	padding: 12px 12px 0 12px;
	margin: 0 12px 0 48px;
	text-indent: 0;
	}
.box li {
	margin: 0;
	}
.box strong, .box b {
	color: #000000;
	font-weight: bold;
	}

.box p a, .box p a:link, .box p a:visited  {
	background-image:url(../images/link1.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:16px;
    color: #10a0b0;
	text-decoration: none;
	}
.box p a:hover {
	text-decoration: underline;
	color: #10a0b0;
	}	
.box img.TOP {
	text-align: left;
	margin: 12px;
	padding: 0;
	}	
.box img.LEFT {
	text-align:right;
	float:left;
	margin: 12px;
	padding: 0;
	}
.box img.RIGHT {
	text-align:left;
	float:right;
	margin: 12px;
	padding: 0;
	}