@charset "utf-8";
/* CSS Document - copyright Dima S. */

html, body {
    height: 100%;
}

body{
	overflow:hidden;
	margin:0 auto;
	height:100%;
	padding:0;
	background-image:url(../images/main_bg.jpg);
	background-repeat:repeat-x;
	background-color:#dff2ff;
	color: #233445;
    cursor: default;
    font: 12px normal Verdana,Tahoma,Arial,sans-serif;
}

@font-face {
    font-family: Yummie;
    src: url('fonts/Ayuma2yk.ttf');
}
a{text-decoration:none;color:#516EB5;text-shadow: 0 1px 1px #BFB9B9;
	filter: dropshadow(color=#BFB9B9, offx=1, offy=1); }
a:hover { color:#00CBE6;}

h1{ 	
color: #233445;
font: 14px normal Verdana,Tahoma,Arial,sans-serif;
font-weight:bold;
margin:0px 0px 20px 0px; padding:0;
text-shadow: 1px 1px 1px #9e9e9e;
filter: dropshadow(color=#9e9e9e, offx=1, offy=1); 
}

h2{ 	
color: #233445;
font: 12px normal Verdana,Tahoma,Arial,sans-serif;
font-weight:bold;
margin:0px 0px 4px 0px; padding:0;
text-shadow: 1px 1px 1px #9e9e9e;
filter: dropshadow(color=#9e9e9e, offx=1, offy=1); 
}

h3{ 	
	border-bottom: 1px dotted #484848;
    color: #233445;
    font: bold 12px normal Verdana,Tahoma,Arial,sans-serif;
    margin: 0;
    padding: 0;

    text-shadow: 0 1px 0 #9E9E9E;
}

#main-wrapper { 	
	width:983px;
	margin:auto;
	background-image:url(../images/bg_borders.png);
	background-repeat:repeat-y;
	min-height: 100%;
    position: relative;
}

#wrapper { 	
	width:983px;
	margin:auto;
	background-image:url(../images/right_magnet_bottom_image.png);
	background-position:bottom right;
	background-repeat:no-repeat;
	min-height: 100%;
	height:588px;		/*wichtig für right-magnet bg hoehen skallierung */
    position: fixed;
}

#left_magnet { 
	width:142px;
	background-image: url(../images/left_magnet_image.jpg);
	background-repeat:no-repeat;
	background-position:top right;
	height:315px;
	float:left;
}


#content_wrapper { 
width:699px;
float:left;
height:100%;
background-color:#fefeff;
}

#header_title { 
width:699px;
height:63px;
background-image: url(../images/header_title.jpg);
background-repeat:no-repeat;
}

#navi { 
width:699px;
height:20px;
background-image: url(../images/navi.jpg);
background-repeat:no-repeat;
}

#header_space { 
width:699px;
height:46px;
background-image: url(../images/header_spacer.jpg);
background-repeat:no-repeat;
}

#header_space_clear { 
width:699px;
height:46px;
background-image: url(../images/header_spacer_clear.jpg);
background-repeat:no-repeat;
}

#content { 
width:699px;
background-color:#fefeff;
background-image: url(../images/content_bg.jpg);
background-repeat: repeat-x;
height: 568px;
}

#content_pic {
background-image: url(../images/content_pic.jpg);
background-position:top left;
background-repeat: no-repeat;
height:382px;
width:183px;
float:left;
}

#content_text {
float: left;
margin-left:18px;
overflow:auto;
height:100%;
padding-right: 10px;
width: 480px;
}

#content_galerie {
    height: 100%;
    overflow: auto;
    width: 699px;
}

#footer { 
width:699px;
height:20px;
position:fixed;
bottom:0;
background-image: url(../images/footer.png);
background-repeat: no-repeat;
color: white;
font-size: 9px;
text-decoration:none;
text-shadow:none;
font: 9px normal Verdana,Tahoma,Arial,sans-serif;
}

#footer a { color:#B8C9DA;text-shadow:none;}
#footer a:hover { color:#6CF;text-shadow:none;}

#right_magnet { 
	width:142px;
	background-image: url(../images/right_magnet_top_image.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	height:315px;
	float:right;
	position:relative;
}

#navleiste {
	}
#navleiste #current {
	background: url(../images/button.png) no-repeat 0 -20px;
 }
#navleiste #current:hover {}
#navleiste ul{
	list-style: none;
	margin:0;
	padding:0;}
#navleiste li {
	display: inline;
	float: left;
	margin: 0;
	padding:0; }
	
#navleiste a{
background:url("../images/button.png") no-repeat scroll 0 0 transparent;
display:block;
height:20px;
width:80px; }

#navleiste a:hover{
background: url(../images/button.png) no-repeat 0 -20px;
color:Grey;
display:block;
}
#navleiste a:active {
background:url("../images/button.png") no-repeat scroll 0 -62px transparent;
display:block;
padding-top:5px;
}

/* Navigations Button - Derzeitige Seite (Aktiv) */
#navleiste ul li#active a {
		background:url("../images/button.png") no-repeat scroll 0 -62px transparent;
		color:DarkSlateGray;
		display:block;
		font-weight:bold;
		padding-top:5px;
		text-decoration:none; }
		

#navleiste .home {
	background: url(../images/navi/but_home.png) no-repeat 0 0;
	width:41px;
	height:20px;
	margin-left:7px;
}

#navleiste .home:hover{
	background: url(../images/navi/but_home.png) no-repeat 0 -20px;
	width:41px;
	height:20px;
}

#navleiste .portofolio {
	background: url(../images/navi/but_portofolio.png) no-repeat 0 0;
	width:69px;
	height:20px;
	margin-left: 125px;
}

#navleiste .portofolio:hover{
	background: url(../images/navi/but_portofolio.png) no-repeat 0 -20px;
	width:69px;
	height:20px;
}

#navleiste .galerie {
	background: url(../images/navi/but_galerie.png) no-repeat 0 0;
	width:57px;
	height:20px;
}

#navleiste .galerie:hover{
	background: url(../images/navi/but_galerie.png) no-repeat 0 -20px;
	width:57px;
	height:20px;
}

#navleiste .kontakt {
	background: url(../images/navi/but_kontakt.png) no-repeat 0 0;
	width:59px;
	height:20px;
}

#navleiste .kontakt:hover{
	background: url(../images/navi/but_kontakt.png) no-repeat 0 -20px;
	width:59px;
	height:20px;
}

#navleiste .impressum {
	background: url(../images/navi/but_impressum.png) no-repeat 0 0;
	width:68px;
	height:20px;
}

#navleiste .impressum:hover{
	background: url(../images/navi/but_impressum.png) no-repeat 0 -20px;
	width:68px;
	height:20px;
}

textarea, input {

	border:1px solid #AAC9EA;
}

#partner_window {
    background-image: url("../images/partner_window.png");
    background-repeat: no-repeat;
    height: 134px;
    margin-top: 100px;
    position: absolute;
    right: 0;
    top: 0;
    width: 147px;
}