/*
-----------------------------------------------
OM1 MEDIA CSS
-----------------------------------------------
written by:  Frank Matuse / mail@om1.de
Version   :  Feb 2005 (v.1.0)
-----------------------------------------------
*/

body {
	font: 12px/16px 'Lucida Grande', 'Lucida Sans Unicode', Lucida, Verdana, sans-serif;
	color: #A61545;
	background: #FA99C1 url(../i/viba-ecard-bg.jpg) left top;
	padding: 0;
	margin: 0;
	border: 0;
}

img {
	display: block;
	border: 0;
}

#wrapper {
	background: transparent url(../i/viba-logo.gif) left top no-repeat;
	height: 300px;
	width: 700px;
	text-align: center;
}

#content {
	width: 472px;
	margin: 0 auto;
	padding: 0;
	padding-top: 95px;
}

#intro-text {
	width: 460px;
	text-align: left;
	padding: 0;
	margin: 0 auto;
	border: 0;
	font-style: italic;
}

#intro-text p{
	margin: 0;
	padding: 0;
	padding-left: 3px;
}

#sent {
	width: 460px;
	text-align: left;
	padding: 0;
	margin: 0 auto;
	margin-top: 50px;
	margin-bottom: 60px;
	border: 0;
	font-style: italic;
}

#service {
	width: 460px;
	text-align: left;
	font-style: italic;
	padding: 0;
	margin: 0 auto;
	border: 0;
	border-top: 1px solid #FA99C1;
}

#service p {
	margin: 0;
	padding: 3px;
	padding-top: 8px;
}

#cardbox {
	display: block;
	background: transparent url(../i/cardbox-bg.gif) left top no-repeat;
	width: 472px;
	height: 342px;
	margin: 0px;
}
.card {
	display: block;
}
#card-front {
	position: relative;
	display: block;
	width: 440px;
	height: 310px;
	padding: 16px;
}

#card-back {
	position: relative;
	display: block;
	width: 440px;
	height: 310px;
	padding: 16px;
}

#card-content {
	position: relative;
	display: block;
	background: transparent url(../i/card-back-bg.gif) left top no-repeat;
	width: 440px;
	height: 310px;
	margin: 0;
	text-align: left;
}
#card-content .card-info {
	float: right;
	width: 130px;
	padding: 0;
	padding-top: 256px;
	padding-right: 15px
	line-height: 18px;
    font-size: 11px;
}

#card-content .card-txt {
	float: left;
	width: 243px;
	padding: 18px;
	padding-top: 54px;
	line-height: 18px;
}

#buttons {
	width: 466px;
	padding: 0;
	margin: 0 auto;
	margin-bottom: 66px;
	border: 0;
}

#buttons #left {
	float: left;
	text-align: left;
	width: 200px;
	padding-left: 4px;
}

#buttons #right {
	float: right;
	text-align: right;
	width: 79px;
	height: 18px;
}

.btn-read {
	background: transparent url(../i/btn-lesen.gif) left top no-repeat;
}

.btn-front {
	background: transparent url(../i/btn-vorderseite.gif) left top no-repeat;
}

.clear {
	clear: both;
}

a, a:visited, a:link, a:active {
	text-decoration: none;
	color: #A61545;
}

a:hover {
	text-decoration: none;
	border-bottom: 1px dotted #
}

.error {
    font-size: 10px;
    font-weight: bold;
    color: #660033;
}

h1, h2, h3, h4, h5, h6, p { 
	padding:0px;
	margin:0px 
}
	
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	line-height:100%;
	font-weight:normal
}

h1.title { 
	color: #390;
	font-size: 15px;
	font-weight: bold;
	line-height: 17px;
	margin-top: 5px;
	margin-bottom: 10px;
	padding: 0px;
}

img {
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
}

p.contact {
	float: left;
	margin: 5px;
	color: #666;
	line-height: 14px;
}

p.description { 
	border:0;
	margin-bottom:5px
}

p.tecs-specs { 
	color: #333;
	border: 0;
	padding-left:5px;
	padding-right:5px;
	margin-bottom:5px
}

p.tecs-specs a {
	color: #666;
}


ul {
	margin: 0px;
	padding: 0px;
	list-style: none
}

li {
	margin: 0px; 
	padding: 0px
}

.post {
	position: relative;
	width: 450px;
}

.post img {
	position: relative;
	margin-bottom: 15px;
}

.bb {
	border: 1px solid #000;
}

.gb {
	border: 1px solid #390;
}

.spacer-10px {
	clear: both;
	height: 10px;
}

.spacer-20px {
	clear: both;
	height: 20px;
}


.om-one {
	color: #390;
	font-weight: bold;
}

.om-two {
	color: #063;
	font-weight: bold;
}