/* ----- CSS for webdesign-berlin.com */


body, html {
	font-family:Tahoma, Arial, Helvetica, Verdana, sans-serif;
	font-size:11px; font-style:normal;
	font-weight:normal; line-height:14px;
	color:#333333; background-color:#eeeeee;
	margin-top:0px;
	height : 100%; 
	padding: 0px;
}

h1, h2 {
	font-size:13px;	font-weight:bold;
	margin-bottom:0px; margin-top:0px;
}
h2 { margin-bottom:5px; }

em {font-style:normal; background-color:#C5E4FC; }

a:link, a:active, a:visited	{ color:#000000; text-decoration:underline; }
a:hover						{ color:#2492ed; text-decoration:underline; }

img.buttons { position:relative; top:5px; margin-right:5px; border:0px; }
img.projekt { border:solid 1px #808080; margin-bottom:10px; }

ul { position:relative; left:-25px; }



/* ----- raw construct ----- */


#viewport { display:block; height:50%; margin-bottom: -280px; } 
	
#container { clear:left; width:771px; height:552px; margin:0 auto; /*background-image:url(../images/bg-complete.gif); background-repeat:no-repeat;*/ }

#border-top { width:771px; height:20px; }
#border-bottom { width:771px; height:20px; }

#main { width:761px; height:542px; padding:5px 5px 5px 5px; background-image:url(../images/bg-complete.gif); background-repeat:no-repeat; }
#bottom {padding-left:30px; font-size:10px; color:#555555;}
#bottom a:link, #bottom a:active, #bottom a:visited, #bottom a:hover { color:#555555; text-decoration:none; }


#top {padding-right:30px; font-size:10px; color:#555555; text-align:right; font-weight: bold;}

#top a:link, #top a:active, #top a:visited { color:#555555; text-decoration:none; }
#top a:hover { color:#2492ed; text-decoration:none; }


/* ----- content columns ----- */


.col3-1, .col3-2, .col3-3, .col2-1, .col2-2, .col2-3 { height:542px; float:left; }

.col3-1 { width:252px; border-right:solid #a7a7a7 2px; }
.col3-2 { width:252px; }
.col3-3 { width:252px; border-left:solid #a7a7a7 2px; }


.col2-1 { width:252px; }
.col2-2 { width:252px; }
.col2-3 { width:252px; border-left:solid #a7a7a7 2px; }


div.spalten-bilder { margin-top:25px; margin-left:22px;}
div.spalten-bilder img{ border:0px;}
div.spalten-text   { margin-top:20px; margin-left:24px; width:210px; height:180px; }
div.spalten-produkte-height   { height:450px; }
div.seitennavi { margin-left:22px; }

h1.produkt { font-size:14px; }
h2.produkt { margin-top:5px; color:#808080; }


/* FORMULAR */
.orderform { margin: 0; padding: 0; }
.orderformcheckbox { margin: 0; padding: 0; float: left; display: block;  }
.orderformrightlabel { margin: 0; padding: 0; float: left; display: block; margin-left: 10px; width: 155px; color: #1d89e8; font-weight: bold; font-size: 10px;}
.orderformleftlabel {margin: 0; padding: 0;  float: left; display: block;  width: 80px; font-size: 10px;  }
.orderformtext {margin: 0; padding: 0; float: left; display: block; width: 110px; font-size: 10px; border: 1px solid #6a6a6a; background-color: #f4f4f4; margin-bottom: 2px;}
.orderformtextort {margin: 0; padding: 0; float: left; display: block; width: 73px; font-size: 10px; border: 1px solid #6a6a6a; background-color: #f4f4f4; margin-bottom: 2px;}
.orderformtextplz {margin: 0; padding: 0; float: left; display: block; width: 30px; font-size: 10px; border: 1px solid #6a6a6a; background-color: #f4f4f4; margin-bottom: 2px; margin-right: 5px;}
.orderformradio {margin: 0; padding: 0; float: left; display: block; height: 20px; overflow: hidden; line-height: 20px; vertical-align: middle; }
.orderformimage  { border:0px; }


.tooltipinner {
	background-color: #fbfbfb;
	font-size: 10px;
	font-family:Tahoma, Arial, Helvetica, Verdana, sans-serif;
	font-weight: normal;
	width: 180px;
	border: 1px solid #fbfbfb;
}
abbr {
	border-bottom: 1px dotted #333333;
	cursor: help;
}
#tooltip { display: none; }

.textcontainer { font-size:13px; line-height:16px; float:left; width:280px; margin-right:120px;} 
.textcontainerright { font-size:13px; line-height:16px; float:left; width:280px; } 
.teaserpic {width:274px; height:88px; border:0px;}
.teaserlink {font-size:12px; font-weight:bold;}
.bigheadline {font-size:18px;}