﻿@charset "UTF-8";
/* CSS Document */

/*
Theme Name: STROHE & STROHE
Theme URI: http://www.strohe-law.de
Description: Visitenkarte Anwaltskanzlei
Date: 01.2009
Author: © 2009, Ansgar Hiller, Planet Pixel, Köln
*/

body {
	margin:0px;
	color:#5C6A8B;
	font: 12px/20px Georgia, "Times New Roman", Times, serif;
	/*background: url(../bilder/bg_tile_1.gif) repeat center top;*/
}

textarea, input {
	font: 12px/20px Georgia, "Times New Roman", Times, serif;
	width:435px;
	padding:2px;
}
select {font: 12px/20px Georgia, "Times New Roman", Times, serif;}
input.butt {width:100px;} 

img {border:0px; margin:0px; padding:0px;}

#headWrapper {
	margin:0px;
	padding:0px;
	height:185px;
	width:100%;
	background:#FFFFFF url(../bilder/bg_tile_3.gif) repeat center top;
	text-align:center;
}

#contentWrapper {
	margin:0px;
	padding:0px;
	height:auto;
	width:100%;
	background:#FFFFFF url(../bilder/bg_tile_2.gif) repeat-x center top;
	text-align:center;
}

#headImg {
	margin:0px auto;
}

#content {
	margin:0px auto;
	width:870px;
	padding:15px 15px 30px;
	background:#FFFFFF url(../bilder/bg_content.jpg) no-repeat center top;
}

#btn1, #btn2, #btn3 {margin-bottom:64px;}   

#btn1 a {background:#FFFFFF url(../bilder/men_1_0.jpg) no-repeat center top; width:290px; height:46px;float:left; display:inline;}
#btn2 a {background:#FFFFFF url(../bilder/men_2_0.jpg) no-repeat center top; width:290px; height:46px;float:left; display:inline;}
#btn3 a {background:#FFFFFF url(../bilder/men_3_0.jpg) no-repeat center top; width:290px; height:46px;float:left; display:inline;}

#btn1 a:hover {background:#FFFFFF url(../bilder/men_1_1.jpg) no-repeat center top;}
#btn2 a:hover {background:#FFFFFF url(../bilder/men_2_1.jpg) no-repeat center top;}
#btn3 a:hover {background:#FFFFFF url(../bilder/men_3_1.jpg) no-repeat center top;}

/* COLUMNS - Spalten ohne Steg  */
.columnItem {height:auto; width:145px; margin:0px; float:left; display:inline;} /* default (1 spalte) */

div.columns1 {width:145px;}
div.columns2 {width:290px;}
div.columns3 {width:435px;}
div.columns4 {width:580px;}
div.columns5 {width:725px;}
div.columns6 {width:870px;}

/* COLS - Spalten mit 10px Steg  */
.contentItem {height:auto; width:135px; margin:0px 5px; float:left; display:inline; text-align:left; padding:3px 0px;} /*default (1 spalte) */
div.cols1 {width:135px;}
div.cols2 {width:280px;}
div.cols3 {width:425px;}
div.cols4 {width:570px;}
div.cols5 {width:715px;}
div.cols6 {width:860px;}

.trennerTop {background:transparent url(../bilder/trenner.gif) repeat-x left top;}

.right p {padding-top:2px; text-align:right; padding-right:10px; text-transform:uppercase; letter-spacing:1px; font-size:10px;}
.right h1, .right h2 {text-align:right; padding-right:10px;}

#footer {
	margin: 15px -15px;
	padding:0px 15px;
	color:#5C6A8B;
	font: 9px/20px Times, serif, "Times New Roman";
	text-transform:uppercase;
	text-align:right;
	background: url(../bilder/bg_tile_1.gif) repeat center top;
}

/* TEXT STYLES */

h1, h2, h3 {
	font-weight:normal;
	font-family: Georgia, "Times New Roman", Times, serif;
}

h1 {font-size:20px; color:#384463;}
h2 {font-size:15px; color:#384463; margin-bottom:0px;}
h3 {font-size:12px; color:#384463; margin:0px;}

ul {margin:0px; padding:0px;}
li {margin-left:14px;}

a, a:visited {text-decoration:none; color:#384463;}
a:hover, a:active {text-decoration:underline; color:#660000;}