body {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 75.00%; 
	background-image: none;
	background-color: white;
	}
	
#main {
	background: #3C65D9 url(../img/_bg_db.gif) repeat-x top left;	
	color: #fff;
	}

ul {
	list-style: square;
	}
	
	
h1, h2, h3, h4, h5, h6 { 
   font-family: Verdana, Helvetica, Arial, sans-serif;
  	font-weight:bold; 
  	color:#666;
  	margin: 0 0 0.25em 0;
	}

#header {
    padding-top: 10px;
	 padding-left: 0;
  }
	
#header img {
	float: left;
	margin: 0 0 2em 0;
	}
	
#header h1 {
	float: left;
	font-family: Verdana, Helvetica, Arial, sans-serif;
  	font-weight: bold; 
   font-size: 150%;
   letter-spacing: normal;
   line-height: normal;
   color: #546EAB;	
	margin: 0 0 0 40px;
	padding: 0 0 0 0;
	}
	
#header ul {
	float: left;
	color: #546EAB;
	margin: 26px 0 32px -122px;
	padding: 0;
	list-style: square;
	}
	
#header li {
	font-size: 110%;
	font-weight: bold;
	line-height: normal;
	}

#main h1, h2, h3, h4, h5, h6 {
	color: #FFC12B;
	}
	
#main h1 {
   font-size: 150%;
	margin-bottom: 1em;
   }
	
#main h2, h3 {
	font-size: 116.67%;
	}
	
#main h2 {
	margin: 2em 0 1em 0;
	}
	
.onlinehandel, .webdesign, .programmierung, .weitereleistungen, .sidebarheading {
	border-top-style: solid;
	border-top-width: 10px;
	padding-top: 10px;
	margin-top: 60px;
	}
	
.onlinehandel {
	border-top-color: #ffdc40;
	}

.webdesign {
	border-top-color: #5ace03;
	}

.programmierung {
	border-top-color: #289dfe;
	}

.weitereleistungen {
	border-top-color: #FF6347;
	border-top-color: #ff9035;
	border-top-color: #ff8341;
   }
	
.nomargin {
	margin-top: 0;
	}
	
.sidebarheading {
	margin-top: 0;
	border-top-color: #FFC12B;
	}
	
a, a:link {
	color: #fff;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #fff;	
	}
	
a:visited {
	color: #bbb;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #bbb;	
	}

a:focus, a:hover, a:active {
	color: #fff;
	text-decoration: none;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #fff;	
	}
	
#nav_main ul {
	margin-left: 0;
	}
	
#nav_main ul li a, #nav_main ul li a:link {
	color: #000;
	}

body#startseite #t-startseite a, body#startseite #t-startseite a:link,
body#onlinehandel #t-onlinehandel a, body#onlinehandel #t-onlinehandel a:link,
body#webdesign #t-webdesign a, body#webdesign #t-webdesign a:link,
body#individualprogrammierung #t-individualprogrammierung a, body#individualprogrammierung #t-individualprogrammierung a:link,
body#weitere-dienstleistungen #t-weitere-dienstleistungen a, body#weitere-dienstleistungen #t-weitere-dienstleistungen a:link {
	background-image: none;
	background-color: #3C65D9;
	border: none;
	color: #fff;
	}

#nav_main ul li a:visited  {
    color: #666;
    text-decoration: none;
	}

#nav_main ul li a:focus,
#nav_main ul li a:hover,
#nav_main ul li a:active  {
   background: #FFC12B;
   color: #000;
   text-decoration: none;
	}
	
#submenu {
	width: 100%;
	overflow: hidden;
	margin: 3.5em 0 1.5em 0;
	margin: 0 0 1.5em 0;
	list-style-type: none;
	border-top: 10px #888 solid;
	border-bottom: 4px #888 solid;
	}

  #submenu ul { list-style-type: none; margin:0; padding: 0; }
  #submenu li { float:left; width: 100%; margin:0; padding: 0 }

  #submenu a,
    #submenu a:link,
  #submenu strong {
    display:block;
    width: 90%;
    padding: 3px 0px 3px 10%;
    text-decoration: none;
    background-color:#fff;
    color: #444;
    border-bottom: 1px #eee solid;
  }
  
#submenu a:visited,
#submenu li a:visited,
#submenu li ul li a:visited, 
#submenu li ul li#active a:visited, 
#submenu li ul li#active, #submenu li ul li strong a:visited,
#submenu li ul li span a:visited,
#submenu li#activehassub a:visited {
	color: #999;
	}
  

  #submenu li#title {
    width: 93%;
    padding: 3px 0px 3px 7%;
    font-weight: bold;
    color: #444;
    background-color: #fff;
    border-bottom: 4px #888 solid;
  }

  #submenu li span {
    display:block;
    width: 90%;
    padding: 3px 0px 3px 10%;
    font-weight: bold;
    border-bottom: 1px #ddd solid;
  }

#submenu li#active, #submenu li#activehassub, #submenu li strong {
	padding: 0;
	padding-left: 4%;
	width: 96%; 
   font-weight: bold;
   color: #fff;
   background-color:#FFC12B;
   border-bottom: 1px #eee solid;
	}

#submenu li#activehassub {
	font-weight: bold;
	}	
	
#submenu li a, #submenu li a:link { 
	width: 93%;
	padding-left: 7%;
	background-color:#fff; 
	color: #444;
	}


#submenu li a:visited {
	color: #999;
	}
	
#submenu li a:focus,
#submenu li a:hover,
#submenu li a:active { 
	background-color: #FFC12B;
	color: #fff;
	}

	
#submenu li ul li a,
#submenu li ul li a:link,
#submenu li ul li#active,
#submenu li ul li strong,
#submenu li ul li span {
	width: 85%;
	padding-left: 15%;
	}

#submenu li ul li a, #submenu li ul li a:link {
	background-color: #f8f8f8;
	color: #444;
	font-weight: normal;
	}

#submenu li ul li a:visited {	
	color: #999;
	}
	
#submenu li ul li a:focus,
#submenu li ul li a:hover,
#submenu li ul li a:active {
	background-color: #FFC12B;
	color: #fff;
	}
	
#submenu li ul li#active, #submenu li ul li strong {
	padding: 0;
	padding-left: 4%;
	width: 96%; 
   color: #fff;
   background-color:#FFC12B;
   border-bottom: 1px #eee solid;
	}	
	
#submenu li ul li#active a, #submenu li ul li#active a:link {
	font-weight: bold;
	}
	
#submenu li ul li#active a:visited {
	color: #999;
	}
 
#picbox {
  	float: left;
	width: 31%;
	padding: 0;
  	background-color: transparent;
	border: solid #fff 1px;
	margin-right: 20px;
  	}
	
#picbox h1 {
	font-size: 110%;
	color: #fff;
	font-weight: bold;
	margin: 0;
	padding: 6px;
	}
	
#picbox p {
	font-size: 100%;
	padding: 6px;
	padding-top: 0;
	line-height: 1.4em;
	margin: 0 0 0.2em 0;
	}
	
#picbox img {
  	float: left;
  	margin: 2px 6px 6px 6px;
  	padding: 4px;
  	border: 1px solid #D9E0E6;
  	border-bottom-color: #C8CDD2;
  	border-right-color: #C8CDD2;
  	background: #fff;
  	}
	
.right {
	text-align: right;
	}
	
.orange, .orangebold {
	color: #FFC12B;
	}
	
.orangebold {
	font-weight: bold;
	}

#col1_content span, .subcl span {
	color: #FFC12B;
	font-weight: bold;
	}

blockquote {
	color: #FFC12B;
	font-family: "Trebuchet MS", Georgia, Serif;
	font-size: 180%;
	font-style: italic;
	margin: 1.8em 0 0 0;
	text-align: center;
	}

blockquote p {
	margin: 0;
	}
	
blockquote p.author {
	color: #fff;
	font-size: 80%;
	margin: 1.8em 0 0 0;
	line-height: 1.2em;
	}


blockquote span {
	color: #BAB9B3;
	font-size: 180%;
	font-weight: bold;
	padding: 0 .2em;
	}
	
#footer {
	color: #555;
	background-color: #efefef;
	padding: 10px;
	border-top: none;
	}
	
#footer p {
	font-size: 90%;
	}
	
	
#topnav a, #topnav a:link {
	color: #555;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #555;	
	}
	
#topnav a:visited {
	color: #999;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	}
	
#topnav a:focus, #topnav a:hover, #topnav a:active {
	color: #222;
	text-decoration: none;
	background-color: transparent;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #222;
	}

	
#footer a, #footer a:link {
	color: #555;
	background-color: transparent;
	background-image: none;
	background-repeat: repeat;
	background-attachment: scroll;
	font-weight: normal;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #555;	
	}

#footer a:visited {
	color: #999;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;	
	} 
	
#footer a:focus, #footer a:hover, #footer a:active {
	color: #333;
	background-color: transparent;
	text-decoration: none;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #333;	
	}
	


.thempic_onlinehandel, .themepic_webdesign, .themepic_programmierung, .themepic_weitereleistungen { 
	float: right;
	position:relative;
	display:block;
	margin-left: 0.15em;
	margin-right: -10px;
	margin-bottom: 0.15em;
	}
	
.thempic_onlinehandel {
	margin-top: -83px;
	}	
		
.themepic_webdesign {
	margin-top: -83px;
	}
	
.themepic_programmierung { 
	margin-top: 2px;
	margin-top: -83px;
	margin-right: -24px;
	margin-top: -76px;
	margin-right: 0;
	}
	
.themepic_weitereleistungen {
	margin-top: -83px;
	margin-right: 0;
	}
	
.themepic_webdesign_small {
	position: absolute;
	margin-left: 166px;
	margin-top: -16px;
	z-index: 1;	
	}

#col3_content .onlinehandel {
	margin-top: 0;
	}
	
#col3_content h1 {
	font-size: 150%;
	margin-bottom: 32px;
	}
	
.wllist {
	margin-bottom: 1.2em;
	}
	
	
table {
  	width: 98%;
  	position: relative;
  	border: 1px solid #FFC12B;
  	background: #FFC12B;
	margin-bottom: 12px;
	margin-left: 2px;
  	}
	
table caption {
  	margin: 0;
  	padding: 8px 20px;
  	text-align: left;
 	border: 1px solid #FFC12B;
  	border-bottom: none;
 	background: #FFC12B;
	font-weight: bold;
  	}
	
table th, table td {
  	margin: 0;
  	padding: 8px 20px;
  	text-align: left;
  	border-bottom: 1px solid #FFC12B;
  	}
	
table th {
  	background: #FFC12B;
	color: white;
	font-weight: bold;
	}

table tr {
  	background: #3C65D9;
  	}

.small {
	font-size: 80%;
	}

.menubold {
	font-weight: bold;
	}
	
#footer a img, #footer a:link img, #footer img a, #footer img a:link {
	border: none;
	text-decoration: none;
	}
	
#footer a:visited, #footer img a:visited {
	color: #999;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;	
	}
	
.no-bottom-margin {
	margin-bottom: 0;
	}
	
.vcard {
	vertical-align: middle;
	}
	
#submenu.topborderyellow {
	border-top: #FFC12B solid 10px;
	}
	
#submenu.weitere-dienstleistungen {
	border-top: #ff8341 solid 10px;
	}
	
#submenu.individualprogrammierung {
	border-top: #289dfe solid 10px;
	}
	
#submenu.webdesign-topborder {
	border-top: #5ace03 solid 10px;
	}
	
#submenu.onlinehandel-topborder {
	border-top: #ffdc40 solid 10px;
	}

.referenzen p {
	line-height: 1.3em;
	margin-bottom: 0.5em;
	}