/* Infos
-----------------------------------------------------
Projekt:	Fotografen-Suche.com
Autor:		MZ
Date: 		06.07.09 @ 11:20 Uhr
Update:		Formulare
*/

/* ========================================================
	Index
===========================================================

!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

Um direkt zum jeweiligen Bereich zu springen, benutzen 
Sie in der Suche ein "+"-Zeichen vor dem Abschnittsnamen.

!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

	1.0 Wichtige Farben
	
	2.0 Basis Definitionen
	
	3.0 Layout
		3.1 Topnavigation
		3.2 Logo
		3.3 Hauptnavigation
		3.4 Subnavigation
		3.5 Sidebar
		3.6 Footer
	
	4.0 Content
		4.1 Headlines	
		4.2 Aktuelles	
		4.3 a) Über mich - Leistungen	
		4.3 b) Über mich - Ausrüstung	
		4.3 c) Über mich - Lichtathlet
		4.3 d) Über mich - Vita
		4.4 a) Portfolio - Fotos	
		4.4 b) Portfolio - Webdesign		
		4.5 Kontakt		
		4.6 Impressum		
		4.7 Angebot
		4.8 Sitemap		
						
	5.0 Sonstiges
		5.1 Action Elemente
		5.2 Sidebar Adbox	
		5.3 Sidebar Twitterbox
		5.4 Success / Error Meldungen		
*/	


/* ========================================================
	1.0 +Wichtige Farben
===========================================================
   Content Background:    Weiß			#2F2C22
   Main Text:             Dunkelgrau	#333333
   Links:                 Dunkelblau	#375163
   Links Hover:			  Dunkelblau	#375163 Underlined
*/


/* ========================================================
	2.0 +Basis Definitionen
=========================================================*/

@import "reset.css";

@media print {
	* {background: #fff; color: #000;}
	html {font: 100%/1.5 georgia, serif;}
	#mainnavi, #footer ul li a, #topnavi, #subnavi, #angebot, #logo, #action {display: none;}
	}



img {
	border:none;
	}	
	
	
a {
	font-weight:bold;
	text-decoration:none;
	outline:none;
	color:#A40000;
	}
	
a span {
	font-size:1.2em;
	}
	
a:hover {
	text-decoration:underline;
	}

/* ========================================================
	3.0 +Layout
=========================================================*/

html {
	overflow: -moz-scrollbars-vertical; 
	}
	
body {
	margin:0;
	padding:0;
	font:normal 62.5%/1.5em Arial, Helvetica, sans-serif;
	}

.size10 {
	width:10%;
	}

.size20 {
	width:20%;
	}

.size25 {
	width:25%;
	}

.size40 {
	width:40%;
	}

.size45 {
	width:44%;
	}

.size50 {
	width:50%;
	}

.size60 {
	width:60%;
	}

.size70 {
	width:70%;
	}

.size75 {
	width:75%;
	}

.size80 {
	width:80%;
	}


.size90 {
	width:90%;
	}

.size95 {
	width:95%;
	}

.size100 {
	width:100%;
	}
	
	
#wrapper {
	width:800px;
	margin:0 auto;
	position:relative;
	}

h1 {
	font:bold 2em Arial, Helvetica, sans-serif;
	margin:20px 0;
	color:#D20024;
	}

h2 {
	font:bold 1.4em Arial, Helvetica, sans-serif;
	margin:10px 0 5px;
	color:#317EC7;
	}

h5 {
	font:bold 1.4em Arial, Helvetica, sans-serif;
	margin:30px 0 -10px;
	color:#317EC7;
	}

p {
	font:normal 1.2em/1.4em Arial, Helvetica, sans-serif;
	margin:10px 0;
	}

.clear {
	clear:both;
	}

/* ========================================================
	3.0 +Meldungen
=========================================================*/
	
ul.error {
	border:2px solid #A40000;
	background:#ffd5d5 url('/public/images/error.gif') no-repeat 10px;
	padding:5px 10px 10px 65px;
	color:#000;
	font:normal 1.2em Arial, Helvetica, sans-serif;
	margin:10px 0 10px;
	}
		
ul.error li.title{
	font:bold 1em/1.8em Arial, Helvetica, sans-serif;
	color:#A40000;
	list-style:none;
	margin:0 0 0 -15px;
	}	
		
p.success {
	border:2px solid #639E2B;
	background:#f0ffd7 url('/public/images/success.gif') no-repeat 10px;
	color:#000;
	padding:15px 10px 15px 50px;
	font:bold 1.2em Arial, Helvetica, sans-serif;
	}
	
p.info {
	border:2px solid #204A87;
	background:#b5d8fe url('/public/images/info.gif') no-repeat 10px;
	color:#000;
	padding:15px 10px 15px 50px;
	font:bold 1.2em Arial, Helvetica, sans-serif;
	margin:0 0 10px;
	}

p.error {
	border:2px solid #A40000;
	background:#ffd5d5 url('/public/images/error.gif') no-repeat 10px;
	padding:5px 10px 5px 50px;
	color:#000;
	font:bold 1.2em/1.8em Arial, Helvetica, sans-serif;
	color:#A40000;
	margin:10px 0 10px;
	}


/* ========================================================
	3.1 +Topnavigation
=========================================================*/

#topnavi {
	width:100%;
	background:url('/public/images/topnavibg.gif') no-repeat bottom right;
	font-size:1em;
	padding:0;
	margin:0;
	color:#fff;
	text-align:right;
	}
	
#topnavi #loginlink {
	text-align:right;
	}
	
#topnavi li {
		display:inline;
		}	

	#topnavi li fieldset {
		clear:both;
		margin:0 5px;
		padding:5px;
		text-align:left;
		}
	
	#topnavi li label {
		float:left;
		clear:left;
		padding:0 5px;
		width:60px;
		line-height:2.2em;
		font-size:1em;
		}	
		
	#topnavi li input {
		width:200px;
		margin-bottom:10px;
		}		
		
	#topnavi li input.button {
		width:100px;
		margin-bottom:5px;
		}
		
		#topnavi li a {
			color:#fff;
			font:normal 1.1em Arial, Helvetica, sans-serif;
			}	

	#topnavi li ul {
		margin:0;
		padding:0 25px 3px 0;
		list-style:none;
		}

	#topnavi li ul li {
		padding:5px;
		}

	#loginbox {
		width:100%;
		float:left;
		background:#317EC7;
		padding:10px 0 10px 0;
		font:normal 1.2em Arial, Helvetica, sans-serif;
		}


	#loginbox form{
		width:49%;
		float:left;
		border-right:1px solid #fff;
		}
			
	#loginbox form label {
		width:100px;
		font-weight:bold;
		}
		
	#loginbox h4 {
		font:bold 1.6em Arial, Helvetica, sans-serif;
		text-align:left;
		margin:0 0 10px 15px;
		}
	
	#loginbox p {
		font:bold 1.2em Arial, Helvetica, sans-serif;
		text-align:left;
		margin:0 0 10px 15px;
		}

	#register {
		width:50%;
		float:left;
		}
	
	#register p {
		font-weight:normal;
		}

.action {
		clear:left;
		float:left;
		padding:7px;
		border:1px solid #fff;
		margin:10px 0;
		color:#fff;
		background:url('/public/images/actionbg.gif') repeat-x left;
		border:2px solid #A41201;
		font-weight:bold!important;
		}


#membermenu {
		width:780px;
		float:left;
		background:#317EC7;
		padding:0 0 10px!important;
		font:normal 1.2em Arial, Helvetica, sans-serif;
		}

	#membermenu li {
		width:120px;
		float:left;
		}

	#membermenu li img{
		margin:0;
		}		
	

	#membermenu li a{
		display:block;
		text-align:center;
		font-weight:bold;
		}

	#membermenu li a:hover{
		text-decoration:none;
		color:#D72A18;
		}

	#membermenu li a.inactive{
		display:block;
		text-align:center;
		color:#888888;
		}
	#membermenu li a.inactive:hover{
		text-decoration:none;
		color:#888888;
		}


#logo {
	text-align:center;
	width:800px;
	padding:60px 0 0;
	}

/* ========================================================
	3.2 +Suche
=========================================================*/

#search {
	clear:left;
	width:794px;
	margin:20px 0 0;
	background:url('/public/images/searchbg.gif') repeat-x top left;
	border:3px solid #1e568f;
	color:#fff;
	padding:20px 0 5px;
	}
#search form {
	margin:0;
	}	

#search form .textfeld{
	width:600px;
	height:25px;
	color:#000;
	margin:5px 0 5px 10px;
	float:left;
	line-height:25px;
	font-size:1.8em;
	}

#search form fieldset {
	border:none;
	padding:0;
	margin:0;
	}


#search form .searchbutton {
	float:left;
	margin:4px 0 0;
	}

#search a.showmoreoptionson {
	clear:both;
	float:left;
	width:90px;
	background:url('/public/images/moreoptionson.gif') no-repeat right;
	padding:5px 15px 5px 10px;
	color:#fff;
	border:none;
	font-size:1.2em;
	font-weight:normal;
	margin:0;
	outline:none
	}

#search a.showmoreoptionsoff {
	clear:both;
	float:left;
	width:90px;
	background:url('/public/images/moreoptionsoff.gif') no-repeat right;
	padding:5px 15px 5px 10px;
	color:#fff;
	border:none;
	font-size:1.2em;
	font-weight:normal;
	margin:0;
	outline:none
	}


#moreoptions {
	clear:left;
	padding:0 10px;
	margin:20px 0 0;
	background:none;
	overflow:hidden;
	}

#moreoptions table {
	table-layout: fixed;
	}	

#moreoptions td {
	width:20%;
	}

#moreoptions fieldset {
	width:20%;
	}


#moreoptions legend {
	margin:0;
	font:bold 1.2em Arial, Helvetica, sans-serif;
	padding:0;
	}	



#moreoptions select{
	width:120px;
	margin:0 0 15px 0;
	font:normal 1.2em Arial, Helvetica, sans-serif;
	}	
		
#search #moreoptions a {
	color:#fff;
	}	
	
		
		#search #moreoptions p{
			font:bold 1.2em Arial, Helvetica, sans-serif;
			}	
		
        .searchfx {
            position: relative;
            height: 29px;
            width: 100%;
            padding: 0 0 10px 0;
            margin: 10px 0 10px 10px;
            overflow: hidden;
        	}
                .searchfx li {
                    float: left;
                    list-style: none;
					margin-right:20px;
                }
                    .searchfx li.back {
                        border-bottom: 3px solid white;
                        width: 9px;
                        height: 28px;
						z-index: 8;
                        position: absolute;
                    }
                    .searchfx li a {
                        font:bold 14px Arial, Helvetica, sans-serif;
                        text-decoration: none;
                        color: #fff;
                        outline: none;
                        text-align: center;
                        top: 7px;
                        text-transform: uppercase;
                        letter-spacing: 0;
                        z-index: 10;
                        display: block;
                        float: left;
                        height: 30px;
                        position: relative;
                        overflow: hidden;
						}   
                     
					    .searchfx li a:hover, .searchfx li a:active, .searchfx li a:visited {
                            text-decoration:none;
							border: none;
                        }  
/* ========================================================
	3.3 +Footer
=========================================================*/	
	
#footer {
	clear:both;
	float:left;
	width:794px;
	margin:40px auto;
	padding-top:10px;
	list-style:none;
	border-top:1px solid #1E568F;
	text-align:center;	
	}
	           
	#footer li {
		display:inline;
		padding:5px;       
		}		
		
	#footer li a{
		font:bold 1.1em Arial, Helvetica, sans-serif;
		color:#317EC7;
		}	
	#footer li p{
		margin:0;
		text-align:center;
		}
	
	

	
	
	
/* ========================================================
	3.3 +Konto
=========================================================*/

#konto {
	width:100%;
	margin:30px 0;
	}	

.profilbox {
	width:29.3%;
	float:left;
	padding:10px;
	margin:20px 10px 0 0;
	position:relative;
	border:1px solid #ddd;
	}


.bgimages {
	float:left;
	margin:10px 5px 0 0;
	}
	
.profilbox h2 {
	font:bold 1.8em Arial, Helvetica, sans-serif;
	padding:5px;
	margin:0 0 30px;
	color:#317EC7;
	background:#fff;
	position:absolute;
	float:left;
	top:-18px;
	left:5px;
	}

.profilbox p{
	font:normal 1.2em/1.5em Arial, Helvetica, sans-serif;
	color:#000;
	}	


	
/* ========================================================
	3.4 +Formulare
=========================================================*/

#registerform {
	clear:both;
	display:block;
	font:normal 1.2em Arial, Helvetica, sans-serif;
	}

#registerform label {
	display:block;
	margin:0 15px 5px 0;
	text-align:left;
	font-weight:bold;
	}

#registerform label span {
	font:normal 0.8em Arial, Helvetica, sans-serif;
	}

#registerform input {
	margin:0 5px 10px 0;
	}

#registerform select {
	width:50%;
	margin:0 0 10px;
	}


#registerform fieldset {
	width:30%;
	float:left;
	border:1px solid #DDD;
	padding:10px;
	margin:0 7px 20px 0;
	}

#registerform fieldset.last {
	margin-right:0!important;
	}	
	
#registerform fieldset.buttons {
	float:left;
	margin:5px 0 0 0!important;
	border:none;
	padding:0;
	}


#registerform fieldset.buttons input{
	display:inline;
	margin:0 10px 0 0!important;
	}

#registerform legend {
	font:bold 1.4em Arial, Helvetica, sans-serif;
	padding:0;
	margin:10px 0;
	color:#317EC7;
	}

#registerform .checkbox {
	display:inline;
	margin:10px 0 0; 
	padding:0;
	}

#registerform legend span {
	font:bold 0.6em Arial, Helvetica, sans-serif;
	}



#changeform {
	clear:both;
	display:block;
	font:normal 1.2em Arial, Helvetica, sans-serif;
	}

#changeform label {
	display:block;
	margin:0 15px 5px 0;
	text-align:left;
	font-weight:bold;
	}

#changeform label span {
	font:normal 0.8em Arial, Helvetica, sans-serif;
	}

#changeform input {
	margin:0 5px 10px 0;
	}

#changeform select {
	width:50%;
	margin:0 0 10px;
	}


#changeform fieldset {
	width:30%;
	clear:left;
	float:left;
	border:1px solid #DDD;
	padding:10px;
	margin:0 7px 20px 0;
	}

#changeform fieldset.last {
	clear:none;
	margin-right:0!important;
	}	
	
#changeform fieldset.buttons {
	float:left;
	margin:5px 0 0 0!important;
	border:none;
	padding:0;
	}


#changeform fieldset.buttons input{
	display:inline;
	margin:0 10px 0 0!important;
	}

#changeform legend {
	font:bold 1.4em Arial, Helvetica, sans-serif;
	padding:0;
	margin:10px 0;
	color:#317EC7;
	}

#changeform legend span {
	font:bold 0.6em Arial, Helvetica, sans-serif;
	}

#changeform .profileimg {
	width:370px;
	}


.formbox {
	float:left;
	display:block;
	font:normal 1.2em Arial, Helvetica, sans-serif;
	}

.formbox label {
	display:block;
	margin:0 15px 5px 0;
	text-align:left;
	font-weight:bold;
	}

.formbox label span {
	font:normal 0.8em Arial, Helvetica, sans-serif;
	}

.formbox input {
	margin:0 5px 10px 0;
	}

.formbox select {
	width:50%;
	margin:0 0 10px;
	}


.formbox fieldset {

	float:left;
	border:1px solid #DDD;
	padding:10px;
	margin:0 7px 20px 0;
	}

.formbox fieldset.last {
	margin-right:0!important;
	}	
	
.formbox fieldset.buttons {
	float:left;
	margin:5px 0 0 0!important;
	border:none;
	padding:0;
	}


.formbox fieldset.buttons input{
	display:inline;
	margin:0 10px 0 0!important;
	}

.formbox legend {
	font:bold 1.4em Arial, Helvetica, sans-serif;
	padding:0;
	margin:10px 0;
	color:#317EC7;
	}

.formbox legend span {
	font:bold 0.6em Arial, Helvetica, sans-serif;
	}




#threecolumns-first {
	width:30%;
	float:left;
	margin:0 5px 0 0;
	padding:0;
	}

#threecolumns-mid {
	width:30%;
	float:left;
	margin:0 5px 0 0;
	padding:0;
	}
		
#threecolumns-mid h2, #threecolumns-last h2{
	margin:0 0 5px;
	}	
	
	
#threecolumns-last {
	width:37%;
	float:left;
	margin:0;
	padding:0;
	}



.profile_outputdata {
	margin:0 0 20px;
	}

.profile_outputdata_ls{
	list-style:inside disc;
	margin:0 0 20px;
	padding:0!important;
	}


	.profile_outputdata li, .profile_outputdata_ls li {
		font:normal 1.2em/1.4em Arial, Helvetica, sans-serif;
		padding:0;
		}	

	.profile_outputdata li.plz {
		float:left;
		margin:0 5px 0 0;
		}	
		
	.profile_outputdata li.break {
		margin:0 0 10px;
		}	
	
#usertext {
	background:#f6f6f6;
	clear:left;
	float:left;
	width:91%;
	margin:10px 0 0;
	padding:5px;
	border:1px solid #888;
	}
	
#search_results {
	padding:0;
	margin:0;
	float:left;
	}

#ordered_results {
	width:800px;
	border:3px solid #1e568f;
	padding:5px;
	border-collapse:collapse;
	margin:20px 0;
	}

#ordered_results th {
	width:50%;
	background:#317EC7;
	color:#fff;
	font:bold 1.4em Arial, Helvetica, sans-serif;
	padding:5px 10px;
	}
#ordered_results td {
	background:#fff;
	color:#000;
	font:bold 1.2em Arial, Helvetica, sans-serif;
	padding:10px;
	border-right:1px solid #ddd;
	}	

#ordered_results .tdodd {
	border-left:1px solid #1e568f;
	}	

#ordered_results tr.trodd td{
	background:#f4f9fd;
	}	
	
	
#impressum {
	width: 400px; 
	}

#impressum p{
	line-height:1.4em;
	margin:0 0 20px;
	}

#impressum dl{
	margin:0 0 20px; 
	}
	#impressum dt {
	font:bold 1.4em Arial, Helvetica, sans-serif;
	margin:10px 0 5px;
	color:#317EC7;
	}

	#impressum dd {
	font:normal 1.2em/1.4em Arial, Helvetica, sans-serif;
	margin:0;
	}
	
	#impressum dd.break {
		margin-bottom:10px;
		}

	#impressum dd img {
		vertical-align:text-bottom;
		}
		
/* Profil editieren*/
.editprofile fieldset {
	width:370px!important;
	}

.editprofile label {
	float:left;
	}

.editprofile .checkbox {
	clear:left;
	float:left;
	}


*html .editprofile label, html * .editprofile label {
	padding:5px 0 0;
	margin:0;
	}
	
*html .editprofile .checkbox, html * .editprofile .checkbox {
	margin:0 0 4px!important;
	}
	
#editusertext {
	width:370px!important;
	margin:0 7px 0 0!important;
	}

#editusertext .info{
	font:bold 1em Arial, Helvetica, sans-serif;
	}

#editusertext textarea {
	width:350px!important;
	height:160px;
	margin:0;
	padding:0;
	border:1px solid #ddd;
	}
	

/* Indextemp */
.actionlink {
		display:block;
		float:left;
		padding:7px;
		border:1px solid #fff;
		margin:10px 10px 10px 0;
		color:#fff;
		background:url('/public/images/actionbg.gif') repeat-x left;
		border:2px solid #A41200;
		font-size:1.2em;
		}	

/* Loginerror Form */	
#loginerrorform {
	width:50%;
	clear:both;
	display:block;
	font:bold 1.2em Arial, Helvetica, sans-serif;
	}

#loginerrorform label {
	width:100px;
	display:block;
	float:left;
	padding:5px 0 0;
	}


#loginerrorform input {
	display:block;
	width:200px;
	margin:0 5px 10px 0;
	}

#loginerrorform input.button {
	width:100px;
	display:block;
	margin:0 5px 10px 0;
	}



#loginerrorform fieldset {
	border:1px solid #DDD;
	padding:10px;
	margin:0 7px 20px 0;
	}



.profilbild {
	float:left;
	margin: 0 10px 10px 0;
	}

.profilbild div {
	width:300px;
	}
.profilbild p {
	margin:0;
	}


.galleryimages {
	width:100px;
	float:left!important;
	margin:0 5px 25px 0;
	}

.galleryimages a {
	float:left;
	margin:-10px 0 0;
	}

.galleryimages .imgname {
	vertical-align:text-bottom;
	}


#profilelinks {
	width: 30%;
	clear:both;
	float:left;
	margin:20px 0 0;
	}
		
.visitsite{
	clear:both;
	float:left;
	}

.newsearch {
	float:left;
	}

#welcome {
	width:780px;
	}

#welcome img {
	float:left;
	margin:0 0 10px 0;
	}

.copyright {
	clear:both;
	padding:10px 0 0;
	font:normal 0.9em Arial, Helvetica, sans-serif;
	}
	
#bundeslaenderindex {
	clear:both;
	float:left;
	width:97%;
	border:1px solid #ddd;
	padding:10px;
	position:relative;
	margin:50px 0 0;
	}
#bundeslaenderindex div {
	margin:20px 0 0;
	text-align:center;
 }

#bundeslaenderindex a {
	font:bold 1.2em/1.8em Arial, Helvetica, sans-serif;
	}
	
#bundeslaenderindex h2 {
	font:bold 1.8em Arial, Helvetica, sans-serif;
	padding:5px;
	margin:0 0 30px;
	color:#317EC7!important;
	background:#fff;
	position:absolute;
	float:left;
	top:-15px;
	left:5px;
}

.statelinks {
	float:left;
	padding:5px 15px 5px 10px;
	color:#fff;
	border:none;
	font-size:1.2em;
	font-weight:normal;
	margin:0;
	outline:none
	}
	
a:hover.statelinks span{
	text-decoration:none!important;
	}
	
	
	
#adbox {
	clear:both;
	float:left;
	width:97%;
	border:1px solid #ddd;
	padding:10px;
	position:relative;
	margin:50px 0 0;
	}


#adbox a {
	font:bold 1.2em/1.8em Arial, Helvetica, sans-serif;
	}
	
#adbox h2 {
	font:bold 1.8em Arial, Helvetica, sans-serif;
	padding:5px;
	margin:0 0 30px;
	color:#317EC7!important;
	background:#fff;
	position:absolute;
	float:left;
	top:-15px;
	left:5px;
}
	
#adbox img {
	float:left;
	margin:15px 15px 5px 0;
}