body {margin: 0; padding: 0; background: #fff; text-align: left; font: 12px 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;}


#tabssubmenu a {color: #000000; font: 11.7px 'Lucida Grande', Geneva, Arial, Verdana, sans-serif; text-decoration:none; font-weight: normal;}
#tabssubmenu a:visited  {color: #000000; font: 11.7px 'Lucida Grande', Geneva, Arial, Verdana, sans-serif; text-decoration:none; font-weight: normal;}
#tabssubmenu a:hover {color: #FF0099; text-decoration: none; font-weight: normal;}


#tabsmenu ul {
	margin:0 0 0 0;
	padding:0;
	width:700px;
	list-style-type:none;
	height:40px;
}

#tabsmenu ul li {
	float:left;
	display:block;
	height:40px;
	text-indent:-9999px;
	overflow:hidden;
}
#tabsmenu ul li a {
	display:block;
	height:40px;
	text-indent:-9999px;
	overflow:hidden;
	text-decoration:none;
}
#tabsmenu ul li a:hover, #tabsmenu ul li a:active { border:0; }


li#home {
	width:100px;
	background:url(../images/header/nav_home_de.gif) top left no-repeat;
}
li#home a {
	width:100px;
}
li#home a:hover {
	background:url(../images/header/nav_home_f3_de.gif) top left no-repeat; } 
li#homeActive {
	width:100px;
	background:url(../images/header/nav_home_f3_de.gif) top left no-repeat; } 
li#homeActive a {
	width:100px;
}


li#unternehmen {
	width:100px;
	background:url(../images/header/nav_unternehmen_de.gif) top left no-repeat;
}
li#unternehmen a {
	width:100px;
}
li#unternehmen a:hover {
	background:url(../images/header/nav_unternehmen_f3_de.gif) top left no-repeat; } 
li#unternehmenActive {
	width:100px;
	background:url(../images/header/nav_unternehmen_f3_de.gif) top left no-repeat; } 
li#unternehmenActive a {
	width:100px;
}


li#produkte {
	width:100px;
	background:url(../images/header/nav_produkte_de.gif) top left no-repeat;
}
li#produkte a {
	width:100px;
}
li#produkte a:hover {
	background:url(../images/header/nav_produkte_f3_de.gif) top left no-repeat; } 
li#produkteActive {
	width:100px;
	background:url(../images/header/nav_produkte_f3_de.gif) top left no-repeat; } 
li#produkteActive a {
	width:100px;
}


li#infos {
	width:100px;
	background:url(../images/header/nav_infos_de.gif) top left no-repeat;
}
li#infos a {
	width:100px;
}
li#infos a:hover {
	background:url(../images/header/nav_infos_f3_de.gif) top left no-repeat; } 
li#infosActive {
	width:100px;
	background:url(../images/header/nav_infos_f3_de.gif) top left no-repeat; } 
li#infosActive a {
	width:100px;
}


li#store {
	width:100px;
	background:url(../images/header/nav_store_de.gif) top left no-repeat;
}
li#store a {
	width:100px;
}
li#store a:hover {
	background:url(../images/header/nav_store_f3_de.gif) top left no-repeat; } 
li#storeActive {
	width:100px;
	background:url(../images/header/nav_store_f3_de.gif) top left no-repeat; } 
li#storeActive a {
	width:100px;
}


li#support {
	width:100px;
	background:url(../images/header/nav_support_de.gif) top left no-repeat;
}
li#support a {
	width:100px;
}
li#support a:hover {
	background:url(../images/header/nav_support_f3_de.gif) top left no-repeat; } 
li#supportActive {
	width:100px;
	background:url(../images/header/nav_support_f3_de.gif) top left no-repeat; } 
li#supportActive a {
	width:100px;
}


li#kontakt {
	width:100px;
	background:url(../images/header/nav_kontakt_de.gif) top left no-repeat;
}
li#kontakt a {
	width:100px;
}
li#kontakt a:hover {
	background:url(../images/header/nav_kontakt_f3_de.gif) top left no-repeat; } 
li#kontaktActive {
	width:100px;
	background:url(../images/header/nav_kontakt_f3_de.gif) top left no-repeat; } 
li#kontaktActive a {
	width:100px;
}


/* Mac mini */
#bodymacmini #header {border: 4px solid #d0d2d4;}
#bodymacmini #header img {border: 0;}


table, td {font: 10px 'Lucida Grande', Geneva, Verdana, Arial, sans-serif; color: #000;}

#header {width: 680px; margin: 10px auto; text-align: center;}

#main, #breadcrumb, #footer {width: 680px; margin: 0.8em auto; text-align: left;}
#main div.column {text-align: left; margin-bottom: 1em;}
#main p {margin: 0 0 1em 0;}
#main p.last {margin: 0;}
#main p.intro {font-weight: bold;}
#main .lite {color: #79767c;}
#main h1 {font-size: 24px; margin: 0 0 .5em 0;}
#main h2 {font-size: 16px; margin: 0;}
#main h3 {font-size: 12px; margin: 0;}
#main h4 {font-size: 10px; margin: 0;}

#main .more {text-align: right;}

#header {width: 680px; margin: 1em auto; text-align: center;}
#contentfull {width: 680px;}
#content {float: left; width: 450px;}
#content3col1 {float: left; width: 213px}
#content3col2 {float: left; margin-left: 20px; width: 213px}

#path {float: left; font: 10px 'Lucida Grande', Geneva, Verdana, Arial, sans-serif;}

#sidebar {float: right; width: 200px; font: 10px 'Lucida Grande', Geneva, Verdana, Arial, sans-serif;}
#sidebar h2 {font-size: 12px; margin: 0;}
#sidebar h3 {font-size: 11px; margin: 0;}
#sidebar h4 {font-size: 10px; margin: 0;}
#sidebar .sidebox li {font-size: 10px; margin: 0;}
#contentfull #sidebar {margin-left: 20px; margin-bottom: 20px;}

#sidebar .box {border: 1px solid #a1a5a9; padding: 0 5px 5px 5px; margin: 0 0 1.25em 0;}
#sidebar .box h2 {border-bottom: 1px solid #a1a5a9; padding: 5px; background: #f2f2f2; margin: 0 -5px 5px -5px; font-size: 10px;}


#main .box {border: 1px solid #a1a5a9; padding: 0 5px 5px 5px; margin: 0 0 1.25em 0;}
#content .box h2 {border-bottom: 1px solid #a1a5a9; padding: 5px; background: #f2f2f2; margin: 0 -5px 5px -5px; font-size: 12px;}

/*
#main a.pdf {background: url(fileadmin/www.karaoki.eu/template/main/images/elements/globaliconpdf12x12.gif) left top no-repeat; display: block; padding-left: 20px;}
#main a.html {background: url(fileadmin/www.karaoki.eu/template/main/images/elements/globaliconhtml12x12.gif) left top no-repeat; display: block; padding-left: 20px;}
#main a.qt {background: url(fileadmin/www.karaoki.eu/template/main/images/elements/globaliconqt12x12.gif) left top no-repeat; display: block; padding-left: 20px;}
*/

#main a.pdf {background: url(fileadmin/www.karaoki.eu/template/main/images/elements/globaliconpdf12x12.gif) left top no-repeat; display: block; padding-left: 20px;}
#main a.html {background: url(fileadmin/www.karaoki.eu/template/main/images/elements/globaliconhtml12x1220050802.gif) left top no-repeat; display: block; padding-left: 20px;}
#main a.qt {background: url(fileadmin/www.karaoki.eu/template/main/images/elements/globaliconqt12x12.gif) left top no-repeat; display: block; padding-left: 20px;}
#main a.ical {background: url(fileadmin/www.karaoki.eu/template/main/images/elements/globaliconical12x12.gif) left top no-repeat; display: block; padding-left: 20px;}
#main a.dl {background: url(fileadmin/www.karaoki.eu/template/main/images/elements/globalicondl11x10.gif) left top no-repeat; display: block; padding-left: 20px;}
#main a.dmg {background: url(fileadmin/www.karaoki.eu/template/main/images/elements/globalicondmg12x12.gif) left top no-repeat; display: block; padding-left: 20px;}
#main a.zip {background: url(fileadmin/www.karaoki.eu/template/main/images/elements/globaliconzip12x12.gif) left top no-repeat; display: block; padding-left: 20px;}
#main a.mp3 {background: url(fileadmin/www.karaoki.eu/template/main/images/elements/globaliconmp312x12.gif) left top no-repeat; display: block; padding-left: 20px;}

img.left {float: left; margin: 2px 10px 5px 0; border: 0;}
img.fullcon {margin: 2px 0px 5px 0px; border: 0;}
img.right {float: right; margin: 2px 0 5px 10px; border: 0;}
img.span {margin: 0px 0px 10px 0px; border: 0;}
img.across {margin: 0px 0px 10px 0px; border: 0;}
img.across2 {float: left; margin: 0px 0px 10px 0px; border: 0;}

.showmac {display: none;}
.showwin {}

.showMac {display: none;}
.showWin {}

ul {list-style: none; margin: 0; padding: 0 0 1em 0;}
ul.square {list-style: square; margin: 0 0 0 15px; padding: 0 0 1em 0;}
ul.circle {list-style: circle; margin: 0 0 0 15px; padding: 0 0 1em 0;}
ul.blank {list-style-type: none; margin: 0 0 0 15px; padding: 0 0 1em 0;}
ol {list-style: decimal; margin: 0 0 0 20px; padding: 0 0 1em 0;}
li {padding-bottom: .3em;}


ol.last {padding: 0;}
ul.last {padding: 0;}

sup {vertical-align: baseline; font-size: 1em; color: #76797c;}

a.qt {padding-left: 17px; left center no-repeat;}

#breadcrumb, #footer {text-align: center; clear: both;}
#breadcrumb {clear: both; font-size: 10px; padding: 1em 0;}

#footer {font-size: 10px; border-top: 1px solid #a1a5a9; padding-top: 0.8em;}
#footer form {margin-bottom: 1em;}
#footer form input {vertical-align: bottom;}

.sosumi {font-size: 10px !important; color: #76797c; margin-bottom: 0.8em;}
ol.sosumi {margin-left: 0; padding-left: 1.5em; clear: both;}

div.clearer {clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px;}


#main .subcolumn1-2 {float: left; width: 330px;}
#main .subcolumn2-2 {float: right; width: 330px;}
#main .subcolumn1-3, #main .subcolumn2-3, #main .subcolumn3-3 {width: 212px; float: left;}
#main .subcolumn1-3, #main .subcolumn2-3 {margin-right: 20px;}


#content .subcolumn1-2 {float: left; width: 215px;}
#content .subcolumn2-2 {float: right; width: 215px;}
#content .subcolumn1-3, #content .subcolumn2-3, #content .subcolumn3-3 {width: 135px; float: left;}
#content .subcolumn1-3, #content .subcolumn2-3 {margin-right: 22px;}

ul ul.circle {margin-top: .3em;}
#nojs {background: #f93; padding: 5px 0;}

