/*
 OneByte GmbH - e-Business & Webdesign - www.onebyte.ch
 
 Filename    : web_default.css
 Created by  : Serkan Tüten (tue@onebyte.ch)
 Purpose     : Stylesheet für Browserdarstellung
 Please note : 
*/

/* ---------------------------------------------------
   Inhaltsbereich der Seite importieren
   =================================================== */
@import url("editor.css");

img, div, background { behavior: url(styles/iepngfix.htc) }

html[xmlns^="http"] { /* verhindert Mozilla-Zucken * > Firefox 1.5  */
	overflow-y: scroll;
}

/* ---------------------------------------------------
   Global
	 evt. anstelle von * nur diese verwenden damit es
	 weniger komplikationen gibt:
	 html, body, div, ul, ol, li, dl, dt, dd, h1, h2,
	 h3, h4, h5, h6, pre, form, p, blockquote, fieldset,
	 input
   =================================================== */
* {
	padding: 0;
	margin: 0;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
}

body {
}

#webcontainer {
	width: 600px;
	min-height: 550px;
	margin: 20px auto;
	/*background: url(../images/background_logo.jpg) top right no-repeat;*/
}

/* ---------------------------------------------------
   Logo
   =================================================== */
#logo { 
	float: right;
	height: 150px;
	width: 321px;
	margin-bottom: 40px;
}
#logo img { 
	border: none;
}

#content { 
	float: left;
	width: 520px;
	margin: 50px 0 0 50px;
	border: 1px solid #d3d3d3; 
	cursor: pointer; 
	zoom: 1; 
	overflow: visible;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius: 5px;
	padding: 15px;
}

#content_breit { 
	float: left;
	width: 570px;
	margin: 50px 0;
	border: 1px solid #d3d3d3; 
	cursor: pointer; 
	zoom: 1; 
	overflow: visible;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius: 5px;
	padding: 15px;
}


#bettina { 
	float: left;
	width: 190px;
	height: 180px;
}
#serkan { 
	float: left;
	width: 190px;
	height: 180px;
}
#klaus { 
	float: right;
	width: 140px;
}
#referenzen { 
	float: left;
	width: 500px;
	height: 40px;
	padding: 0;
}
#referenzen a, #referenzen a:visited  {
	background: #0C6D83; 
	display: inline-block; 
	position: relative; 
	margin-right: .1em; 
	padding: 4px 8px; 
	border: 1px solid #d3d3d3; 
	cursor: pointer; 
	zoom: 1; 
	overflow: visible;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius: 5px;
	text-decoration: none !important; 
	font-weight: normal; 
	color: #FFF;
	text-align: center; 
	font-size: 13px;
	letter-spacing: 0.8px;
}
#referenzen a:hover, #referenzen a:active{
	text-decoration: none;
	color: #FFF;
	background: #39454A; 
}


#erhan { 
	float: left;
	width: 250px;
}



#troi_button { 
	float: right;
	width: 70px;
	margin-top: 80px;
}
#troi_button img { 
	border: none;
	float: right;
}
#facebook_button { 
	float: right;
	width: 70px;
	margin-top: 80px;
}
#facebook_button img { 
	border: none;
	float: right;
}

#wirsind { 
	float: left;
	width: 600px;
	margin: 20px 0 0 100px;
}
#wirmachen { 
	float: left;
	width: 250px;
}
#wirhaben { 
	float: left;
	width: 250px;
}


@media print{ 
body {
	font-size: 12px;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	line-height: 150%;
	color: #000;
	background-color: transparent;
}
#webcontainer {
	font-size: 12px;
}
#header {
	display: none;
	visibility: hidden;
}
#content_box {
	background: none;
}
#content_left { 
	width: 600px;
}
#navigation {
	display: none;
	visibility: hidden;
}
#content {
	width: 550px;
	padding: 62px 20px 20px 30px;
}
#content_right { 
	display: none;
	visibility: hidden;
}

#content table, #content p, #content table td {
	font-size: 15px;
 }
#footer {
	clear: both;
  padding-left: 30px;
	background: none;
}
}