/*
===============================================================
    Autor: Udo Sch?fer <info@udoschaefer.info>
===============================================================
*/


/*
===============================================================
	CSS allgemein
===============================================================
*/
body { background:#CCCCCC url(../images/layout/background.gif) repeat; background-attachment:fixed; padding-left:45px; font-family:"Times New Roman", Times, serif; font-weight: 100;}
* { margin:0; padding:0;}
img, fieldset { border:0; }
a { text-decoration:none; cursor:pointer; }
h1, h2, .linkbox strong { font-weight:normal;}
.fl { float:left;}
.cl { clear:left;}
.mb2 { margin-bottom:3px;}
.b, .linkbox strong, .linkbox em, .linkbox span { display:block;}
::selection { background:#CCCCCC; }
::-moz-selection { background:#CCCCCC; }
/*
===============================================================
	Links 1-spaltig
===============================================================
*/
.linkbox { float:left; }
.linkbox { width:190px; height:220px; padding:10px; text-align:left; background:black url(../images/layout/off_02.jpg) 0px 0px no-repeat; margin:3px 3px 0 0;}
.link {color:#a29061; }
.link:hover {color:white;}
.linkbox strong { color:#a29061; border-bottom:1px solid white; font-size:20px; padding:30px 0 5px 0; }
.linkbox em { font-style:normal; color:#fff; font-size:12px; padding-top:20px; height:100px;}
.linkbox span { font-family:Helvetica, Arial, Verdana, sans-serif; font-style:normal; color:#535353; font-size:10px; clear:both; border-top:1px dotted white; display:block; padding-top:5px;}
/*
===============================================================
	Links 1-spaltig hover
===============================================================
*/
.linkbox:hover { background:#a29061 url(../images/layout/on_02.jpg) 0px 0px no-repeat;}
.linkbox:hover strong { color:black; border-bottom:1px solid black;}
.linkbox:hover em { color:black;}
.linkbox:hover span { color:black; border-top:1px dotted black;}
/*
===============================================================
	Textbox 3-spaltig
===============================================================
*/
.textbox { width:403px; height:463px; padding:10px; background:black url(../images/layout/box2.jpg) 0px 0px no-repeat; margin:3px 3px 0 0;}
.textbox strong { color:#a29061; font-size:20px; height:30px; font-weight:normal; border-bottom:1px solid white; display:block; padding:30px 0 5px 0;}
.textbox p { color:white; height:348px; font-size:12px; padding-top:15px; }
.textbox span { font-family:Helvetica, Arial, Verdana, sans-serif; color:#535353; font-size:10px; clear:both; border-top:1px dotted white; display:block; padding-top:5px;}
/*
===============================================================
	Portfolio Neu
===============================================================
*/
.new strong { background:url(../images/layout/neu_off.png) right top no-repeat;}
.new:hover strong { background:url(../images/layout/neu_on.png) right top no-repeat;}
#works .linkbox a:visited { background:url(../images/layout/visited.gif) no-repeat; width:190px; height:220px; display:block;}
#logo, #back {display:block;}
#back { background:#a29061;}
#back:hover { background:white;}
#logo { background-color:white;}
#logo:hover { background-color:#a29061;}
body h1 a { padding:10px; height:70px; width:190px; display:block; background:black url(../images/layout/off_02.jpg) 0px 0px no-repeat; font-size:12px; color:#a29061; }
body h1 a span { font-family:Helvetica, Arial, Verdana, sans-serif; font-style:normal; color:#535353; font-size:10px; display:block; }
body h1 a em { display:none; }
body h1 a:hover em { clear:both; display:block; font-size:10px; font-style:normal; margin-top:15px; margin-bottom:15px; }
/*
===============================================================
	Portfolio Header 2-spaltig
===============================================================
*/
.header { background:black url(../images/layout/box2.jpg) 0px 0px no-repeat; margin-left:213px; padding:10px; display:block; height:70px; width:403px;}
.header strong { font-weight:normal; color:#a29061; height:20px; font-size:18px; line-height:20px; padding-bottom:5px; display:block;}
.header .b1, .header .b2 { padding-top:10px; border-top:1px solid white; display:block; height:30px; width:190px; font-style:normal;}
.header .b1 { font-size:12px; line-height:12px; color:white; margin-right:23px; }
.header .b2 { font-family:Helvetica, Arial, Verdana, sans-serif;  font-size:10px; line-height:12px; color:#535353; } 
/*
===============================================================
	Formulare
===============================================================
*/
input, textarea, option, select, radio { margin:0; padding:0; border:0; font-family:"Times New Roman", Times, serif; font-weight:normal; font-size:11px; color:white; }
label { margin:1px 0 6px 0; padding:0; width:200px; display:block; }
input { width:200px; height:20px; background:black url(../images/layout/point.gif); }
input:focus { background-image:none; background-color:black; }
select { background:black url(../images/layout/point.gif); width:200px; }
textarea { width:403px; background:black url(../images/layout/point.gif); }
textarea:focus { background-image:none; background-color:black; }
.submitbtn { width:95px; background:black url(../images/layout/point.gif); color:white; padding:0; margin:0 10px 0 0; cursor:pointer; }
.submitbtn:hover { background:white; color:black; }
/*
===============================================================
	Footer
===============================================================
*/
#footer { clear:left; width:636px; padding-top:60px; height:30px; }
#footer h1 { float:right; width:210px; font-size:12px; border-top:1px solid black; padding:5px 0 0 0;}
#footer ul { float:left; width:423px; height:15px; border-top:1px solid black; list-style-type:none; margin:0 3px 0 0; }
#footer ul li { font-size:12px; float:left; padding:5px 5px 0 0; background:url() right no-repeat; margin-right:0px; }
#footer ul li a { color:black;}
#footer ul li a:hover { color:#a29061;}