/*
Design by petra kammerer - screendesignerin
http://www.pekaDesign.de
*/

body { color: #8f8f8f; font-size: 11px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; background-color: #e5e5e5; text-align: justify; margin: 0; padding: 0 }

#site     { background-color: #fff; background-position: 0 0; text-align: left; margin: 0 auto; width: 700px; clear: both; border: solid 1px #808080 }
.shadow {
		-moz-box-shadow: 0px 4px 15px #fff;
		-webkit-box-shadow: 0px 4px 15px #fff;
		box-shadow: 0px 4px 15px #fff;
		/* For IE 8 */
		/* -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#ffffff')"; 3px 3px 4px #fff; */
}

h1    {
		color: #1a346a;
		font-size: 13px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		background-repeat: repeat-x;
		background-attachment: scroll;
		background-position: left bottom;
		margin: 0 0 10px;
		padding: 0 0 0 20px;
		outline-color: #8e0000;
		text-shadow: 1px 1px 2px #C2C2C2  /* 1pt 1pt 0 #FFFFFF */
	}

		
h2    { color: #666666; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; background-repeat: repeat-x; background-attachment: scroll; background-position: left bottom; margin: 0; padding-top: 15px; padding-bottom: 10px; padding-left: 20px; outline-color: #8e0000 }
h2.title    { color: #1a346a; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; background-repeat: repeat-x; background-attachment: scroll; background-position: left bottom; margin: 0; padding-top: 5px; padding-bottom: 0px; padding-left: 0px; outline-color: #8e0000 }
h3   { 	color: #1A346A; font-size: 11px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		margin: 23px 0 3px; padding: 0 10px 0 20px;
		text-shadow: 1px 1px 2px #C2C2C2h
}

p, ol, ul   { color: #666666; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.4em; text-decoration: none; list-style-type: disc }
ul    { list-style-position: inside; margin: 10px 0 0 0; padding-bottom: 0 }
img  { border-style: none }
.blue    { color: #1A346A; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 140%; text-decoration: none }
.bluebold    { color: #1a346a; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 140%; text-decoration: none }
.grey     { color: #666666; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 140%; text-decoration: none; list-style-type: disc }
.greybold    { color: #666666; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 140%; text-decoration: none; list-style-type: disc }
a  { color: #666666; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 140%; text-decoration: none }
a:hover  { color: #1A346A; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 140%; text-decoration: none }

.bg1   { background-repeat: repeat-x; background-attachment: scroll; background-position: 0 0; padding: 0 20px }
.bg2           { text-decoration: none; background-position: 0 0; margin-right: 12px; padding: 20px 10px 20px 20px; border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; border-left: 2px solid #1a346a }
.bg3          { text-decoration: none; background-position: 0 0; margin-right: 12px; padding: 15px 10px 15px 20px; border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; border-left: 2px solid #1a346a }

/* --------Gestaltung der Bilder auf den Seiten Foto, Templates, Referenzen, Wallpaper,...------- */
.bild    { color: #666666; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left; margin-top: 5px; margin-right: 0; margin-bottom: 0; padding-right: 5px; float: left; border-top: 0 solid; border-right: 0; border-bottom: 0 solid; border-left: 0 solid }
.bild img     { margin: 5px; border: solid 4px #E3DFD1; outline-color: #6c3 }
.bgfotos   { text-decoration: none; background-position: 0 0; margin-top: 0; margin-right: 12px; margin-bottom: 20px; padding: 15px 10px 15px 20px; height: 105px; border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; border-left: 2px solid #1a346a }

.corporate        { color: #666666; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left; margin: 10px 0 0; padding-right: 5px; float: left }
.corporate img     { margin: 5px; border: solid 4px #E3DFD1; outline-color: #6c3 }
.bgcorporate        { text-decoration: none; background-position: 0 0; margin-top: 0; margin-right: 12px; margin-bottom: 0; padding: 10px 10px 25px 20px; height: 255px; border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; border-left: 2px solid #1a346a }

.logo        { color: #666666; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left; margin: 0 0 0 20px; float: left }
.logo img    { margin: 5px; outline-color: #6c3 }
.logokunde        { color: #666666; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left; margin: 20px 0 0 20px; float: left }
.bglogo         { text-decoration: none; background-position: 0 0; margin: 0 12px 0 0; padding: 15px 10px; height: 170px; border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; border-left: 2px solid #1a346a }

.print  { color: #666666; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left; margin: 10px 0 0 10px; float: left  }
.print img     { margin: 5px; border: solid 4px #e3dfd1; outline-color: #6c3 }
.bgprint       { text-decoration: none; background-position: 0 0; margin: 0 12px 20px 0; padding: 10px 0 0 10px; height: 225px; border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; border-left: 2px solid #1a346a }

.web     { color: #666666; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left; margin: 10px 0 0 10px; float: left }
.web img   { margin: 5px; border: solid 4px #E3DFD1; outline-color: #6c3 }
.webkunde       { color: #666666; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left; margin: 20px 0 0 20px; float: left }
.bgweb     { text-decoration: none; background-position: 0 0; margin: 20px 12px 0 0; padding: 20px 10px 0; height: 160px; border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; border-left: 2px solid #1a346a }

.template       { color: #666666; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left; margin-top: 5px; margin-right: 20px; margin-bottom: 0; width: 200px; height: 152px; float: left }
.template img       { margin: 15px 5px 5px; width: 200px; height: 152px; border: solid 4px #e3dfd1; outline-color: #6c3 }
.bgtemplates  { text-decoration: none; background-position: 0 0; margin-top: 0; margin-right: 12px; padding: 10px 10px 25px 20px; height: 190px; border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; border-left: 2px solid #1a346a }

.bgwall    { text-decoration: none; background-position: 0 0; margin-top: 0; margin-right: 12px; padding: 15px 10px 0 20px; height: 1540px; border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; border-left: 2px solid #1a346a }

.bgecard     { text-decoration: none; background-position: 0 0; margin-top: 0; margin-right: 12px; margin-bottom: 40px; padding: 15px 10px 0 20px; height: 190px; border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; border-left: 2px solid #1a346a }
.bgcards     { text-decoration: none; background-position: 0 0; margin-top: 0; margin-right: 12px; padding: 15px 10px 0 20px; height: 755px; border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; border-left: 2px solid #1a346a }
.bgsternzeichen_cards     { text-decoration: none; background-position: 0 0; margin-top: 0; margin-right: 12px; padding: 15px 10px 0 20px; height: 1140px; border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; border-left: 2px solid #1a346a }
.bgweihnachts_cards     { text-decoration: none; background-position: 0 0; margin-top: 0; margin-right: 12px; padding: 15px 10px 0 20px; height: 685px; border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; border-left: 2px solid #1a346a }

/*-------------------------------- Sitemap --------------------------------*/
.map1        { text-shadow: 1pt 1pt 0 #fff; color: #f3f1e9; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #f3f1e9; background-repeat: no-repeat; text-align: left; margin-top: 10px; margin-right: 2px; margin-bottom: 0; padding-left: 26px; width: 180px; height: 18px; float: left }
.map2        { text-shadow: 1pt 1pt 0 #fff; color: #f3f1e9; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #f3f1e9; text-align: left; margin-top: 10px; margin-right: 0; margin-bottom: 0; padding-left: 26px; width: 180px; height: 18px; float: left }
.map3         { color: #666666; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left; margin-top: 5px; margin-right: 4px; margin-bottom: 0; padding-right: 5px; padding-left: 40px; width: 150px; height: 100px; float: left; }
.map4         { color: #666666; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left; margin-top: 5px; margin-right: 0; margin-bottom: 0; padding-right: 5px; padding-left: 49px; width: 150px; height: 100px; float: left; }
.bgmap     { text-decoration: none; background-position: 0 0; margin-top: 0; margin-right: 12px; padding: 0 10px 15px 20px; height: 115px; border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; border-left: 2px solid #1a346a }

/*-------------------------------- Header --------------------------------*/
#header            { color: #ffffff; background-image: url("Bilder/head/head.jpg"); background-repeat: no-repeat; text-transform: lowercase; margin: 0 0 30px; padding: 0; width: 700px; height: 180px }

#header h1 {
	float: left;
	padding: 70px 0 0 10px;
	font-size: 33px;
}

#header h2  { font-size: 11px; font-weight: normal; padding: 91px 0 0 10px; float: left }

#header ul  { list-style: none; margin: 0 0 0; padding: 90px 0 0 0; float: right }
#header li { display: inline; }
#header a    { color: #808080; font-weight: bold; text-decoration: none; background-image: url("#"); background-repeat: repeat-x; background-attachment: scroll; background-position: 0 0; display: block; margin: 42px 0 0 8px; padding: 5px 15px 0 0; height: 25px; float: left }
#header a:hover { color: #1A346A; font-weight: bold; text-decoration: none }

/*-------------------------------- Navi --------------------------------*/
#colOne        { background-image: none; background-repeat: no-repeat; background-position: 33px 313px; margin: 0 0 40px; padding: 0; width: 190px; float: left }
#colOne ul    { list-style-type: none; list-style-image: none }
#colOne li     { background-repeat: repeat-x; background-attachment: scroll; background-position: 0 0; text-align: right; padding-top: 5px; padding-bottom: 5px; border-bottom: 1px solid #e3e3e3 }
.navi a  { color: #666; font-size: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; line-height: 11pt; text-decoration: none; padding-right: 5px }
.navi a:active  { color: #666; font-size: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 11pt }
.navi a:visited  { color: #666; font-size: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 11pt }
.navi a:hover  { color: #1A346A; font-size: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 11pt; text-decoration: none; padding-left: 10px; border-style: solid; border-width: 0 0 0 2px; border-color: #039 }
.bgnav             { background-image: url("Bilder/navi/navbut_hg2.gif"); background-repeat: no-repeat; background-attachment: fixed; background-position: 0 0; text-align: right; padding-top: 5px; padding-bottom: 5px; border-bottom: 1px solid #e3e3e3 }

/*-------------------------------- Content --------------------------------*/
#content   { margin: 0 }
#colTwo      { text-decoration: none; margin-bottom: 30px; margin-left: 10px; width: 490px; float: left }
#colTwo ul   { color: #1A346A; list-style-type: square; list-style-position: outside; margin-left: 40px; border-color: #ff500f; outline-color: #f60 }

/*-------------------------------- Downloadtabelle --------------------------------*/
table   { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.4em; text-decoration: none }
.tr1  { color: #666666; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.4em; text-decoration: none; background-color: #f0f0f0; height: 9px }
.tr2  { color: #666666; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.4em; text-decoration: none; background-color: #fff; height: 9px }
tr:hover         { color: #666666; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.4em; text-decoration: none; background-color: #F9F7EE; border: solid 12px #f09 }
td       { color: #666666; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.4em; text-decoration: none; margin: 0 4px 0 0; padding: 0 5px }
.bgtable          { text-decoration: none; background-position: 0 0; margin: 0 12px 0 0; padding: 10px 10px 10px 20px; border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; border-left: 2px solid #1a346a }

/*-------------------------------- Profiltabelle --------------------------------*/
table   { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.4em; text-decoration: none }
.td1    { color: #666666; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.4em; text-decoration: none; background-color: #f0f0f0; height: 20px }
.td2    { color: #666666; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.4em; text-decoration: none; background-color: #f9f7ee; height: 20px }
td       { color: #666666; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.4em; text-decoration: none; margin: 0 4px 0 0; padding: 0 5px }
.bgtable_pro           { text-decoration: none; background-position: 0 0; margin: 0 12px 0 0; padding: 15px 10px 15px 20px; border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; border-left: 2px solid #1a346a }
	
/*-------------------------------- Footer --------------------------------*/
#footer    { text-shadow: 1pt 1pt 0 #e9e9e9; background-image: url("Bilder/hgs/img7.gif"); background-repeat: repeat-x; background-position: 0 0; margin: 0 auto; padding: 15px 0 10px; width: 700px; clear: both }
#footer p  { font-size: 11px; line-height: 140%; text-align: center; margin: 0 }
#footer a  { color: #666666; font-size: 11px; line-height: 140%; text-decoration: none; text-align: center; margin: 0 }
#footer a:hover  { color: #1A346A; font-size: 11px; line-height: 140%; text-decoration: none; text-align: center; margin: 0 }

/*-------------------------------- valid --------------------------------*/
#valid_xhtml   { margin: 0 0 20px 20px; float: left }
#valid_css   { margin: 0 0 20px 20px; float: left }