/*  -------------------------
	--- Author: --------------
	--- Dirk Petscheleit  --- 
	--- www.roterblitz.de ---
	-------------------------
	Project: www.roterblitz.de
	-------------------------
*/

/* @group Reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
:focus {
	outline: 0;
	border:  none;
}
body {
	line-height: 1;
	color: black;
	background: white;

}
ol, ul {
	list-style: none;
}

/* @end */

/* @group Layout */



body {
	background-color: white;
	color: #ccc;
	font-family: Courier, "Courier New", mono;
	padding-bottom: 200px;
	padding-top:  120px;
	line-height: 1.1em;
}

#header {
	position: fixed;
	background: transparent url(../img/header-weiss.png) top left repeat-x;
	height:  150px;
	width:  100%;
	margin: 0;
	padding: 0;
	top:  0;
}

#header img {
	margin:  40px;
}

#header h1 {
	background: transparent url(../img/logo_weiss.png) top left no-repeat;
	text-indent: -9999px;
	width:  200px;
	height:  50px;
	overflow: hidden;
	display: block;
	margin:  40px 0 0 40px;
}

a:link, a:visited {
	color: black;
	text-decoration: none;
}

a:hover, a:active {
	color:  white;
	background-color: black;

}

a:active {
	position: relative;
	top:  1px;
	left:  -1px;
}

pre {
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
}

::selection {
	background: white;
	color:black;
}


.highlight {
	color: #6a6a6a;
}

#footer {

}

h1, h2,li, ul {
	display: inline;
}

h1 {
	margin-left: 80px;
}

h2 {
	margin-left: 155px;
}

/* @end */

/* @group Kontakt */

legend {
	font-weight: bold;
	padding-bottom: 20px;
}

label {
	width: 90px;
	float:  left;
	margin-right:  10px;
}

input, textarea {
	width:  250px;
	float:  left;
	border: 1px solid #efefef;
	background-color: black;
	color:  white;
	padding:  3px;
	font-family: Courier, "Courier New", mono;
	font-size:  14px;
}

form p {
	height:  30px;
}

input:focus,
textarea:focus,
.focusField {
	border:  1px dashed #efefef;
	background-color: #1d1d1d;
}

#submitButton {
	margin-left: 100px;
	padding:  3px;
	width:  256px;
}

#alert {
	font-size: 11px;
	margin-bottom:  10px;
}

span.error {
	color:  red;
}

span.success {
	color:  green;
	text-decoration: none;
}


/* @end */


/* @group Specials */


/* tooltip styling. uses a background image (a black box with an arrow) */ 
div.tooltip { 
    background:black;
    font-size:14px; 
    height:182px; 
    width:550px; 
    font-size:14px; 
    display:none; 
    color:white; 
} 
 
div.tooltip h3 { 
    margin:0; 
    font-size:18px; 
    color:#fff; 
}

div.tooltip img {
	float:  left;
	margin:  16px 10px 0 15px;
}

div.tooltip p {
	margin:  16px 0 0 0;
}

/* the overlayed element */ 
div.overlay { 
    width:400px;      
    display:none; 
    padding:35px;
	overflow: auto;
	background-color: black;
	color:  white;
} 

div.overlay div.close { 
    background-image:url(../img/overlay/close.gif); 
    position:absolute; 
    right:10px; 
    top:10px; 
    cursor:pointer; 
    height:28px; 
    width:28px; 
} 

div.overlay a:link, 
div.overlay a:visited {
	color:  white;
}
 
 
/* black */ 


div.exposed {

}
#mask { 
    background: #000 url(../img/expose/mask_gradient_1000.png) no-repeat 13% 160px; 
}


/* @end */

/* @group Portfolio */

#portfolio li {
	display: block;
	margin-left: 220px;
}

#portfolio li a:link {

}

#portfolio li a:hover {
	width: 300px;
	display: block;
	float: left;
}

/* @end */



.fakeLink {
	cursor: pointer;
}

span.fakeLink:hover {
	color:  black;
}




.overlay a:link,
.overlay a:visited {
	color:  black;
} 


/*Visitenkarte*/


#visitenkarte {
	width:520px;   
	position: relative; 	
}
.vcard img {
	position: absolute;
	right:  40px;
	top:  40px;
}

.vcard p {
	width:  50%;
	float:  left;
	margin-top: 150px;
	line-height: 1.4em;
}

.adr p {
	margin-top: 85px;
}

span.fn {
	font-size: 1.2em;
	display: block;
	margin-bottom: 20px;
}

span.org {
	line-height: 3em;

}

span.street-adress {

}

span.postal-code {

}

span.tel {
	line-height: 3em;
}

a.email {

}

a.url {

}

.hcard-download {
  background:transparent url(../img/hcard.png) 0 5px no-repeat;
  padding-left:18px;
  float:  left;
}