/*
	SG Media CSS Document
	CSS level 2.1
	Version: 1.1
	Author: GSDH
	Author URL: http://www.gsdh.org | http://blog.gsdh.de
*/

html {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height:100%;
	/*margin-bottom: 1px; always show scrollbar like in IE --workaround--*/
}

body{
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font: normal 9px verdana, arial, sans-serif;
	width: 780px;
    color: #6d6359;

}

.top-line
{
float: right;
height: 50px;
width: 250px;
padding: 3px;
}

.top-online
{
float: left;
height:auto;
width: 62px;
padding-top: 4px;
}

.top-home
{
float: right;
height: 13px;
width: 170px;
border: solid  #d3d0cd 1px;
text-align:right;
}

.logo {
width: 239px;
height: 140px;
padding:  0px 10px 0px 12px;
float: left;

}

.flash
{
position: absolute;
width: 780px;
top: 185px;
margin-bottom: 40px;
left: 0px;
z-index: 0;
background-color: #ffffff;
}

.clr {
clear:both;
}

.box{
  width: 100%;
  position: relative;
  top: 207px;

}


/*left*/
.left {
width: 225px;
height: 530px;
float: left;
position: relative;
left: 20px;

}

.quote, .contact, .mitglied, .reference
{
padding: 20px;
margin-bottom: 10px;
}

.quote
{
background-color: #f4f3f2;
font: bold 15px verdana;
height:62px;
color:#231f20;
padding: 11px;
}

.contact
{
height:auto;
background-color: #f4f3f2;
}

.mitglied
{
height:auto;
background-color: #f4f3f2;
}

.reference
{
height: auto;
background-color: #f4f3f2;
}

.reference img
{
padding: 15px;
}

h2
{
font: bold 12px Verdana, Arial, Helvetica, sans-serif;
color:#231f20;
}
h3
{
font-size: 26px; margin: 0; padding: 0em 0; font:Verdana, Arial, Helvetica, sans-serif; color:#000000;  font-weight: normal;


}
h1
{
font: bold 12px Verdana, Arial, Helvetica, sans-serif;

}

p { margin-top: 0px; }

a:link, a:visited
{
color: #6d6359;
text-decoration: underline;
font-weight: bold;
}

a:hover
{
color: #999999;
text-decoration: underline;
}

a.readon-left:link
  {
  float: right;
  height: 20px;
  }
  
/*right*/
.content {
width: 515px;
height: auto;
min-height: 760px;
float: left;
position: relative;
left: 40px;
padding-bottom: 15px;

}

.main
{
float: left;
margin-top: 30px;
width: 130px;
height: 117px;
}

.content-text, .content-text-wide{
margin-top: 30px;
width: 350px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
position:relative;
left: 17px;
height: auto;
float: left;
}
.content-text2, .content-text-wide{
margin-top: 10px;
width: 500px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
position:relative;
height: auto;
float: left;
}

.content-text-wide {

width: 500px;
padding-bottom: 20px;

}


/*news module*/
.news {
width: 100%;
height: 180px;
float: left;
margin-top: 33px;
margin-bottom: 33px;
}

.news-item, .news-item-no-margin{
width: 140px;
height: 120px;
float: left;
padding-top: 24px;
color:#6d6359;
margin-right: 30px;
}

.news-item-no-margin{
margin-right: 0px;
}

.spacer{
height: 24px;
}

span.head-blue
{
font: bold 12px Verdana, Arial, Helvetica, sans-serif;
color: #00aef0;
}

span.head-green
{
font: bold 12px Verdana, Arial, Helvetica, sans-serif;
color: #88b502;
}

span.head-orange
{
font: bold 12px Verdana, Arial, Helvetica, sans-serif;
color: #ff9c00;
}

/*products and portfolio*/
.products{
width: 200px;
height: 177px;
float: left;
font-size: 10px;
}

.portfolio {
width: 200px;
height: 177px;
position: relative;
left: 50px;
float: left;
font-size: 10px;
}

/*footer*/
.footer
{
height: 23px;
color: #FFFFFF;
background-color: #6d6359;
padding: 10px 13px 0px 13px;
width: 757px;
}

.nav-bottom
{
float: left;
}

.nav-bottom a:link,.nav-bottom a:visited
{
color:#FFFFFF;
font-weight: normal;
text-decoration: none;
}

.nav-bottom a:hover
{
text-decoration: underline;
}

.link
{
float: left;
color:#FFFFFF;
margin-left: 50px;
}

.link a:link,.link a:visited
{
color:#FFFFFF;
font-weight: normal;
text-decoration: none;
}

.link a:hover
{
text-decoration: underline;
}

.copyright
{
float: right;
}

/*page specific*/

table.partner 
{
width: 80%;
margin-top: 20px;
}

.news-iframe
{
width: 100%;
border:  #009999 solid 1px;}

.map24{
margin-left: 41px;
}

.googlemap{
padding-left: 30px;
}