/* 	MEDIA DSIGN websolutions
	Stylesheet 2008
	written by Hendrik Meyer
	www.media-dsign.de	*/

/*	Layout	*/
html {
	margin:0;
	padding:0;
}
body {
	margin:0px;
	padding:0px;
	background: #717170 url('img/layout_body_bg.jpg') repeat-x top center;
	font-family: Tahoma,Verdana,Arial,Sans;
	font-size: 11px;
	color: #000000;
	text-align:center;
}
div.page {
	width:816px;
	margin: 0px auto;
	padding:0px;
	padding-left:8px;
	padding-right:8px;
	background: transparent url('img/layout_page_bg.jpg') repeat-y top center;
	text-align:center;
}
html>body div.page {
	padding:0px;
}
div.header {
	width:816px;
	height:149px;
	margin: 0px;
	padding:0px;
}
div.content {
	width:800px;
	margin:0px;
	padding:0px;
	text-align:left;
}
html>body div div.content {
	margin:0px 8px;
	background: #FFFFFF;
}
div.body {
	width:816px;
	background: transparent url('img/layout_content_top_.jpg') no-repeat top center;
	margin: 0px;
	padding:8px;
	padding-top:85px;
	text-align:left;
}
html>body div div div.body {
	width:800px;
	margin-left:-8px;
}
div.content_body {
	margin:0px;
	padding:0px;
	margin-left:190px;
	margin-top:10px;
	padding-top:0px;
	padding-right:10px;
	padding-right:20px;
/*	border: #cccccc 1px solid;*/
}
html>body div div div.body div.content_body {
	padding-top:0px;
}
div.content_text {
	margin:0px;
	padding:0px;
	padding-top:20px;
	padding-left:20px;
	padding-right:10px;
}

/* Schrift */
h1,h2,h3,h4,h5.h6 {
	font-family: Georgia,Times New Roman;
	font-weight:normal;
	margin:0px;
	padding:0px;
	padding-top:10px;
	padding-bottom:10px;
}
h3,h4,h5.h6 {
	padding-top:2px;
	padding-bottom:2px;
}
h1 {
	font-size: 20px;
}
h2 {
	font-size: 17px;
}
h3 {
	font-size: 16px;
}
h4 {
	font-size: 15px;
}
h5 {
	font-size: 14px;
}
h6 {
	font-size: 13px;
}
.normal {
	font-size: 11px;
}
.big {
	font-size: 13px;
}
.bold {
	font-weight:bold;
}
.tahoma {
	font-family: Tahoma;
}
p,td {
	font-family: Tahoma;
	font-size: 11px;
}
p {
	margin:0px;
	padding:0px;
	padding-top:5px;
	padding-bottom:5px;
}

/* Formulare */
input,select,textarea {
	font-family: Tahoma;
	font-size: 11px;
	background-color: #E6E6E6;
}

input:focus,select:focus,textarea:focus {
	font-family: Tahoma;
	font-size: 11px;
	background-color: #FFFFFF;
}
input.highlight {
    border: 1px #FF0000 solid;
    background-color: #FFFFFF;
}
label {
	width:90px;
	display: block;
	float:left;
}

/* Schriften Hintergrund */
h1 {
	margin:0px;
	padding:0px;
	width:579px;
	height:47px;
	background: transparent url('img/layout_headline_bg.jpg') no-repeat 20px 0px;
	padding-left:44px;
	padding-top:13px;
}
html>body div div div div h1 {
	height:34px;
	width:533px;
}
h1.index {
	margin:0px;
	padding:0px;
	width:579px;
	height:47px;
	background: transparent url('img/layout_headline_bg.jpg') no-repeat top left;
	padding-left:44px;
	padding-top:13px;
}
html>body div div div div h1.index {
	height:34px;
	width:533px;
}
h1.first {
	padding-left:20px;
	background: transparent url('img/layout_first_headline_bg.jpg') no-repeat -10px 0px;
	margin-top:-3px;
}
html>body div div div div h1.first {
	margin-top:-13px;
	height:34px;
	width:533px;
}
h1.firstindex {
	background: transparent url('img/layout_first_headline_bg.jpg') no-repeat top left;
	margin-top:-3px;
}
html>body div div div div h1.firstindex {
	margin-top:-13px;
	height:34px;
	width:533px;
}
h1.first a,
h1.first a:hover,
h1.first a:active,
h1.first a:visited,
h1.index a,
h1.index a:hover,
h1.index a:active,
h1.index a:visited,
h1.firstindex a,
h1.firstindex a:hover,
h1.firstindex a:active,
h1.firstindex a:visited
{
	text-decoration: none;
}

/* Links */
a:link,
a:hover,
a:active,
a:visited {
	color: #333333;
	text-decoration: underline;
}

/* Listen */
ul {
	list-style:none;
	list-style-image: url('img/ul_dot_5px.gif');
	margin:0px;
	padding:0px;
	padding-left:5px;
}
li {
	margin: 0px;
	margin-left:10px;
	padding:3px;
}
ol {
	margin:0px;
	margin-left:20px;
	padding:0px;
}

/* Navigation */
div.navi {
	width: 180px;
	background: transparent url('img/layout_navi_bg.jpg') repeat-y top center;
	margin-top: -19px;
	float:left;
}
div.navi img {
	margin:0px;
	padding:0px;
}
div.navi div {
	width:170px;
	padding-left:45px;
	padding-right:10px;
	padding-bottom:17px;
	background:transparent url('img/layout_navi_headline_bg.jpg') no-repeat 10px 0px;
	font-family:Georgia,Times New Roman;
	font-size:18px;
	font-weight:normal;
}
html>body div div div.navi div {
	width:115px;
}
div.navi div a,
div.navi div a:hover,
div.navi div a:active,
div.navi div a:visited {
	text-decoration: none;
}
div.navi div.first {
	background:transparent url('img/layout_navi_first_headline_bg.jpg') no-repeat 10px 0px;
	margin-top: -23px;
}
html>body div div div.navi div.first {
	margin-top: -37px;
}
div.navi div.top {
	background: transparent url('img/layout_navi_top.jpg') no-repeat top center;
	width:180px;
	height:51px;
	margin:0px;
}
html>body div div div.navi div.top {
/*	margin-left:-28px;*/
	margin-left:-27px;
}
div.navi div ul {
	list-style-image: none;
	list-style:none;
	margin:0px;
	margin-top:0px;
	padding:0px;
}
html>body div div div.navi ul {
	margin-top:2px;
	padding:1px;
}
div.navi div ul li,
div.navi div ul li a {
	font-family:Tahoma;
	font-size:11px;
	margin:0px;
	padding:0px;
}
html>body div div div.navi ul li {
	padding:1px;
}
div.navi div.newsbox {
	background:none;
	padding:0px;
	margin:0px;
	margin-top:5px;
	margin-left:-25px;
	width:145px;
}
html>body div div div.navi div.newsbox {
	margin-left:-25px;
}
div.navi div.newsbox div.newsline {
	background:none;
	padding:0px;
	margin:0px;
	font-family:Tahoma;
	font-size:11px;
	padding-bottom:5px;
	width:145px;
}
div.newsline p {
	margin:0px;
	padding:2px;
}
div.navi div.refbox {
	background:none;
	padding:0px;
	margin:0px;
	margin-top:5px;
	margin-left:-25px;
	padding-left:35px;
	width:145px;
	font-family:Tahoma;
	font-size:13px;
	padding-bottom:5px;
}
html>body div div div.navi div.refbox {
	margin-left:-25px;
	width:110px;
}
div.navi div.refbox img {
	float:left;
	position:absolute;
	margin-left:-35px;
}
div.navi div.refbox a,
div.navi div.refbox a:hover,
div.navi div.refbox a:visited,
div.navi div.refbox a:active {
	color: #8e8e8e;
	text-decoration:none;
}

/* Footer */
div.footer {
	clear:both;
	width:800px;
	height:226px;
	background: transparent url('img/layout_footer_bg.jpg') no-repeat bottom center;
	color: #8e8e8e;
	margin:0px;
	margin-left:8px;
	margin-right:8px;
}
html>body div div.footer {
	margin:0px;
}
div.footer div.sitemap a,
div.footer div.sitemap a:hover,
div.footer div.sitemap a:visited,
div.footer div.sitemap a:active,
div.footer div.sbs a,
div.footer div.sbs a:hover,
div.footer div.sbs a:visited,
div.footer div.sbs a:active {
	color: #8e8e8e;
}
div.footer div.sitemap div {
	margin:0px;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:5px;
	width:125px;
	height: 120px;
	float:left;
}
div.footer div.sitemap div.sitemap_small {
	width: 80px;
}
div.footer div.sitemap div.sitemap_big {
	width: 175px;
}
div.footer div.sitemap div ul {
	list-style:none;
	list-style-image: none;
}
div.footer div.sitemap div ul li {
	padding:1px;
}
div.footer div.sbs {
	clear: both;
	text-align:center;
}
div.footer div.sbs div {
	margin:0px auto;
	width:400px;
	padding-bottom:10px;
}
div.footer div.copy {
	clear:both;
	width:800px;
	height:40px;
	color: #000000;
	font-size:9px;
	text-align:center;
	padding-top:10px;
}
html>body div div.footer div.copy {
	margin-top:-5px;
	height:30px;
}
div.footer div.copy a,
div.footer div.copy a:hover,
div.footer div.copy a:visited,
div.footer div.copy a:active {
	text-decoration: none;
}



/* Index Teaser */
div.teaser {
	margin-left:190px;
	/*height:200px;*/
	padding-bottom:20px;
}
div.teaser img {
	position:absolute;
	/*float: left;*/
	margin:0px;
	margin-left: -190px;
}

/* Index OSS */
div.oss {
	margin-bottom:10px;
}
div.oss div.windowborder div.window {
	width:100px;
	height:65px;
	margin:0px;
	padding:0px;
}
div.oss div.windowborder {
	border: #CCCCCC 1px solid;
	width:104px;
	height:69px;
	padding:2px;
	margin-right:10px;
}
html> body div div div div div div.oss div.windowborder {
	width:100px;
	height:65px;
}

/* Farben */
.grey,
a.grey {
	color: #8e8e8e;
}
.greyborder {
	border: #8e8e8e 1px solid;
}

/* Deko */
.nounderline,
a.nounderline {
	text-decoration:none;
}

/* Ausrichtung */
.left {
	text-align:left;
}
.right {
	text-align:right;
}
.clear_left {
	clear:left;
}
.clear_right {
	clear:right;
}
.clear_both {
	clear:both;
}

/* Warenkorb */

div.warenkorb {
	float: right;
	margin-top: -160px;
	margin-left: 230px;
	padding: 5px;
	width:300px;
	border: #999999 1px solid;
	background-color: #eee;
	z-index: 0;
	position: absolute;
}
div.warenkorb h2 {
	margin:0px;
	padding:0px;
	padding-bottom:2px;
}
div.warenkorb p {
	margin:0px;
	padding:1px;
}

/* Referenzen */
div.referenzen {
	padding-bottom:50px;
	padding-left: 220px;
	padding-right: 20px;
}
html>body div div div div div.referenzen {

}
div.referenzen img,
div.referenzen a img {
	position:absolute;
	margin-left:-220px;
	border: #CCCCCC 1px solid;
	padding:5px;
}

/* Leistungen */
div.leistungen {
	margin-left:120px;
	margin-bottom:30px;
}
div.leistungen a img {
	position:absolute;
/*  float: left;*/
	margin:0px;
	margin-left: -120px;
}

div.ref {
	float:left;
	width: 140px;
	height: 140px;
	text-align: center;
	padding: 5px;
	padding-bottom: 15px;
	font-family:Tahoma;
	font-size:13px;
}
html> body div div div div div div.ref {
	width: 130px;
	height: 138px;
}
div.ref div.windowborder div.window {
	width:130px;
	height:120px;
	margin:0px;
	padding:0px;
}
div.ref div.windowborder {
	border: #CCCCCC 1px solid;
	width:134px;
	height:124px;
	padding:2px;
}
html> body div div div div div div.ref div.windowborder {
	width:130px;
	height:120px;
}

div.twitterform {
	margin:0px;
	margin-top:10px;
	margin-bottom:10px;
	padding:10px;
	border: #cccccc 1px solid;
}

div.twitterform input {
	border: #999999 1px solid;
	padding:4px;
	margin:5px;
	font-size:20px;
	background:white;
}
#twitterusername {
	width:420px;
}
input.code {
	width:450px;
}
div.qrcode {
	float:right;
	text-align:center;
	width:230px;
	padding:10px;
	font-size:12px;
}
div.navi div.twitter_status,
div.navi div.twitter_status div.status{
	background:none;
	font-size:11px;
	font-family: Tahoma,Verdana,Arial,Sans;
}
div.navi div.twitter_status {
	background: url('/img/twitter_status_bg.jpg') no-repeat top center;
	padding-top:48px;
	padding-left:50px;
	margin-top:50px;
	height:auto !important;
	min-height:70px;
	padding-bottom:0;
	margin-bottom:0;
}
div.navi div.twitter_status div.status {
	margin-top:0px;
	margin-left:-25px;
	padding-left:0px;
	padding-bottom:5px;
	width:120px;
	overflow:hidden;
}
div.navi div.twitter_status img {
	margin-left:-34px;
}
div.navi div.status a:link,
div.navi div.status a:hover,
div.navi div.status a:active,
div.navi div.status a:visited {
	text-decoration:underline;
}