@import url(fontin/fontin.css);

/* @override 
	http://www.betadock.de/sabrina/tl_files/magnolia/magnolia.css
	http://www.iamsabrinaschmill.com/tl_files/magnolia/magnolia.css
*/

* { margin:0; padding:0; }
body { color:#cfd0cc; font:100.01%/1.5 "Lucida Grande", Lucida, Helvetica, Arial, sans-serif; padding:0; margin:0; background:#18111f url(base/bg_pattern.gif) repeat; }
#wrapper { background:url(base/bg_header.gif) no-repeat 50px -70px; margin-right:auto; margin-left:auto; width:755px; }
.front #wrapper { background:url(base/bg_header.gif) no-repeat 0 0; }
#header { padding-top:20px; float:left; width:100%; }
#main { clear:both; }
#intro { width:630px; }
#footer { background:url(base/bg_footer.gif) no-repeat right; height:250px; width:750px; }

/* typo */
h1 { font:1.7em/1.5 "Fontin Regular", Constantia, Georgia, "Times New Roman", Times, serif; margin-bottom:10px; }
.ce_gallery h1 { margin-bottom:15px; }
h2 { padding-bottom:5px; padding-top:15px; font:normal 20px/1.5 "Fontin Regular", Constantia, Georgia, "Times New Roman", Times, serif; }
#leistungsspektrum h1 { margin-bottom:25px; }
#leistungsspektrum h2 { padding-left:17px; }
.ce_hyperlink.leistungsspektrum a { background:url(base/arrow_link.png) no-repeat right 1px; padding-right:30px; font-size:.8em; font-weight:bold; color:#fcf0a7; }
h1.hello { background:url(base/h1_header.png) no-repeat right center; width:230px; text-indent:-999em; float:left; height:330px; margin-right:80px; margin-top:15px; }
h1.mein-portfolio { background:url(base/h1_de.png) no-repeat 0 0; text-indent:-999em; height:40px; }
h1.kontakt { background:url(base/h1_de.png) no-repeat 0 -45px; text-indent:-999em; height:40px; margin:0; }
h1.netzwerk { background:url(base/h1_de.png) no-repeat 0 -85px; text-indent:-999em; clear:both; height:40px; }
h1.my-portfolio { background:url(base/h1_en.png) no-repeat 0 0; text-indent:-999em; height:40px; }
h1.contact { background:url(base/h1_en.png) no-repeat 0 -45px; text-indent:-999em; height:40px; margin:0; }
h1.network { background:url(base/h1_en.png) no-repeat 0 -85px; text-indent:-999em; clear:both; height:40px; }
p { font-size:.8em; margin-bottom:20px; line-height:1.5em; }
.ce_text ul { }
.ce_text li { line-height:1.5em; list-style-position:outside; list-style-type:disc; margin-bottom:5px; margin-left:20px; font-size:.8em; }
.ce_text li li { font-size:1em; }
a { text-decoration:none; color:#cfd0cc; }
.caption { font-size:.65em; font-weight:bold; }
.mod_article { clear:both; margin-bottom:50px; }
a.invisible { display:none; }
p { font-size:.8em; }
.copy a { background: url(base/copyright.png) no-repeat right top; height:85px; width: 230px; margin-right:40px; margin-top:60px; float:right; display:block;
	padding-top: 130px;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-align: right;
	font-size: 0.5em;
}
#homelink { text-indent:-999em; float:left; margin-top:35px; padding-bottom:50px; }
#homelink a { background:url(base/h1_homelink.png) no-repeat; display:block; width:400px; height:30px; }
#impressum .ce_text.block,#legal-notice .ce_text.block { width:600px; }

/* header */
h2.neu,h2.new { width:80px; height:80px; float:right; margin:-340px 70px 0 0; padding:0; text-indent:-999em; background:url(base/btn_neu.png) 0 0; }
h2.new { background-position:0 -90px; }
#header .header_featured { width:400px; height:350px; float:left; margin-top:55px; }
.mod_changelanguage ul { list-style-type:none; text-indent:-999em; float:right; height:25px; width:80px; }
.mod_changelanguage ul li { float:left; background:url(base/language.png) no-repeat; width:40px; height:30px; }
.mod_changelanguage ul li a { display:block; height:20px; width:40px; padding:5px; }
.mod_changelanguage ul li.lang-de { background-repeat:no-repeat; background-position:0 5px; }
.mod_changelanguage ul li.lang-en { background-position:-40px 5px; }

/* kontakt */
#kontakt .ce_form { margin-top:10px; width:315px; background:url(base/bg_post-it_pattern.gif) repeat; float:left; margin-right:20px; padding:10px 0 20px 15px; }
#kontakt .ce_form h2 { color:#593363; margin-bottom:15px; margin-top:5px; padding-top:0; text-transform:uppercase; font-family:"Fontin Regular"; }
#kontakt label { color:#000; text-transform:uppercase; font-size:.6em; margin-bottom:5px; display:block; line-height:1em; letter-spacing:.2em; }
#kontakt input.text,#kontakt .textarea { padding:4px; color:#000; margin-bottom:10px; border-style:none; font:.8em/1.2em Courier, "Courier New", mono; width:290px; background:url(base/alpha_white_30.png) repeat; }
#kontakt .textarea { height:70px; margin-bottom:5px; }
#kontakt input.text:focus,#kontakt .textarea:focus { background:url(base/alpha_white_90.png) repeat; }
div.error { color:#bd1f64; float:left; margin-left:1em; font-size:.65em; }
#kontakt p.error { font-size:.6em; color:#c11871; line-height:1em; text-align:center; margin:0 0 5px; }
input#ctrl_1.text.mandatory.error,input#ctrl_3.text.mandatory.error,input#ctrl_4.text.error { border:1px solid #d3127c; }
#kontakt .submit_container { width:315px; height:40px; background:url(base/bg_post-it_bottom.gif) no-repeat right bottom; margin:0 0 -20px; padding-top:10px; }
input.submit { font-size:.75em; }

/* kontakt visitenkarte */
#kontakt .ce_hyperlink { width:300px; height:400px; margin-top:-20px; margin-left:25px; float:left; }

/* netzwerk */
#netzwerk.mod_article { background:url(base/bg_floral.gif) no-repeat 0 20px; height:220px; margin:0; }
#netzwerk .btn_auge { float:left; margin-top:60px; margin-left:25px; background:url(base/btn_netzwerk.png) no-repeat; }
#netzwerk .btn_xing { float:left; margin-left:45px; margin-top:60px; background:url(base/btn_netzwerk.png) no-repeat 0 -90px; }
#netzwerk .btn_deviant { float:left; margin-left:-20px; margin-top:20px; background:url(base/btn_netzwerk.png) no-repeat 0 -180px; }
#netzwerk .btn_auge a,#netzwerk .btn_xing a,#netzwerk .btn_deviant a { text-indent:-999em; display:block; width:80px; height:80px; }

/* gallery */
.pagination p { color:#000; float:left; }
.pagination ul { list-style:none; float:left; color:#000; }
.ce_gallery .image_container a img { margin-right:15px; margin-bottom:15px; border-right:2px solid #333; border-bottom:2px solid #333; padding:3px; background-color:#e9eef0; }
.pagination ul li { display:inline; font-size:.8em; }

/* navigation */
.mod_customnav { margin-bottom:40px; font:20px/1.5 "Fontin Regular", Constantia, Georgia, "Times New Roman", Times, serif; clear:both; }
.front .mod_customnav { margin-bottom:0; }
.mod_customnav ul.level_1 li { list-style-type:none; margin-right:20px; float:left; }
.mod_customnav ul.level_1 li a:hover,.mod_navigation ul.level_1 li .active { color:#fff; }